微信小程序如何新建页面 —— 微信小程序教程系列(4)
来源:互联网 发布:手机可以赚钱的软件 编辑:程序博客网 时间:2024/06/15 05:00
例如在web的开发中,新建一个页面只需要新建一个html文件即可。
但是到在微信小程序中,新建一个页面也不只是新建一个wxml文件,那么该如何做呢?下面我们一起来学习
新建一个页面的步骤:
1> 必须要创建一个wxml文件和一个js文件,并且文件名要同名(例:test.wxml 和 test.js)。
2> js文件内,需要写上注册页面的Page()函数!
3> 并且要到app.json文件中,注册新建页面的路径信息。
示例:
新建了一个test.js文件和一个test.wxml文件,
以及在app.json文件内的”pages”数组内,放在第一个的页面,就是程序启动时,第一个所打开的页面。
在test.js文件中,必须要有一个Page()函数
在wxml文件内,随便写一点内容(否则打开空白页,你都不知道是否成功运行项目)
F5运行项目:
成功新建了一个页面
备注:
记得要新建js文件,并且要注册Page()函数,否则就会报如下错误
1 0
- 微信小程序如何新建页面 —— 微信小程序教程系列(4)
- 微信小程序的页面跳转和参数传递 —— 微信小程序教程系列(6)
- 微信小程序的如何使用全局属性 —— 微信小程序教程系列(5)
- (一)如何新建一个微信小程序
- 微信小程序教程系列
- 微信小程序教程系列
- 微信小程序教程系列
- 微信小程序系列3(新建page小技巧)
- 微信小程序的文件结构 —— 微信小程序教程系列(1)
- 微信小程序的生命周期实例演示 —— 微信小程序教程系列(2)
- 微信小程序标题栏和导航栏的设置 —— 微信小程序教程系列(7)
- 微信小程序的作用域和模块化 —— 微信小程序教程系列(8)
- 微信小程序视图层的数据绑定 —— 微信小程序教程系列(9)
- 微信小程序视图层的列表渲染 —— 微信小程序教程系列(11)
- 微信小程序视图层的模板 —— 微信小程序教程系列(12)
- 微信小程序之wxss —— 微信小程序教程系列(13)
- 微信小程序的网络请求 —— 微信小程序教程系列(14)
- 微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)
- linux常用命令(1)
- MongoDB分片>集群组件>分片
- js 点击其余地方 ,隐藏 目标区域
- MySQL 5.6.12源码转换成了vc2010项目,可以应用于跟踪和调试
- [转]正确的 Composer 扩展包安装方法
- 微信小程序如何新建页面 —— 微信小程序教程系列(4)
- 会议时间表及级别
- windows远程调试hadoop权限问题
- Express之托管静态文件
- 大数据教孩子如何写好作文
- python中的下划线
- java.lang.IllegalArgumentException: Control character in cookie value or attribute
- 推荐系统评测指标—准确率(Precision)、召回率(Recall)、F值(F-Measure)
- Linux下的SVN服务器搭建