微信小程序教程系列之新建页面(4)


Posted in Javascript onApril 17, 2017

例如在web的开发中,新建一个页面只需要新建一个html文件即可。

但是到在微信小程序中,新建一个页面也不只是新建一个wxml文件,那么该如何做呢?下面我们一起来学习

新建一个页面的步骤:

1> 必须要创建一个wxml文件和一个js文件,并且文件名要同名(例:test.wxml 和 test.js)。
2> js文件内,需要写上注册页面的Page()函数!
3> 并且要到app.json文件中,注册新建页面的路径信息。

示例:

新建了一个test.js文件和一个test.wxml文件,
以及在app.json文件内的”pages”数组内,放在第一个的页面,就是程序启动时,第一个所打开的页面。

微信小程序教程系列之新建页面(4)

在test.js文件中,必须要有一个Page()函数

微信小程序教程系列之新建页面(4)

在wxml文件内,随便写一点内容(否则打开空白页,你都不知道是否成功运行项目)

微信小程序教程系列之新建页面(4)

F5运行项目:

微信小程序教程系列之新建页面(4)

成功新建了一个页面

备注:

记得要新建js文件,并且要注册Page()函数,否则就会报如下错误

微信小程序教程系列之新建页面(4)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 加载并解析XML字符串的代码
Dec 13 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
javascript 操作符(~、&、|、^、)使用案例
Dec 31 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
Sep 09 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
webpack-dev-server自动更新页面方法
Feb 22 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
Apr 01 Javascript
JS轮播图的实现方法2
Aug 25 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 Javascript
微信小程序商城项目之淘宝分类入口(2)
Apr 17 #Javascript
微信小程序商城项目之购物数量加减(3)
Apr 17 #Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 #Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 #Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 #Javascript
JS简单验证上传文件类型的方法
Apr 17 #Javascript
JavaScript实现的商品抢购倒计时功能示例
Apr 17 #Javascript
You might like
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
Python面向对象之类和对象属性的增删改查操作示例
2018/12/14 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
在python中用url_for构造URL的方法
2019/07/25 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
详解Python 中的容器 collections
2020/08/17 Python
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
路政管理专业个人自荐信范文
2013/11/30 职场文书
农场厂长岗位职责
2013/12/28 职场文书
党员岗位承诺书
2014/03/25 职场文书
医院竞聘演讲稿
2014/05/16 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
大学生见习报告总结
2014/11/04 职场文书
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis