微信小程序教程系列之新建页面(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 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
AngularJS报错$apply already in progress的解决方法分析
Jan 30 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
vue使用Font Awesome的方法步骤
Feb 26 Javascript
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 Javascript
在vue中把含有html标签转为html渲染页面的实例
Oct 28 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导出oracle库的php代码
2009/04/20 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
Yii框架扩展CGridView增加导出CSV功能的方法
2017/05/24 PHP
js常用排序实现代码
2010/12/28 Javascript
Grid得到选择行数据的方法总结
2011/01/17 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
清除js缓存的多种方法总结
2016/12/09 Javascript
JavaScript轮播图简单制作方法
2017/02/20 Javascript
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
动态加载JavaScript文件的3种方式
2018/05/05 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
详解Vue2.5+迁移至Typescript指南
2019/08/01 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
低版本中Python除法运算小技巧
2015/04/05 Python
菜鸟使用python实现正则检测密码合法性
2016/01/05 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
python随机数分布random测试
2018/08/27 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
Django之模板层的实现代码
2019/09/09 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
环境工程大学生个人的自我评价
2013/10/08 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
超市员工管理制度
2015/08/06 职场文书
win10清理dns缓存
2022/04/19 数码科技
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python