微信小程序教程系列之新建页面(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 相关文章推荐
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
canvas压缩图片转换成base64格式输出文件流
Mar 09 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
Sep 28 Javascript
vue写一个组件
Apr 09 Javascript
Node.js实现简单的爬取的示例代码
Jun 25 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 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
apache rewrite_module模块使用教程
2008/01/10 PHP
php 中文处理函数集合
2008/08/27 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
PHP会话处理的10个函数
2015/08/11 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
2015/02/26 Javascript
JS设置网页图片vspace和hspace属性的方法
2015/04/01 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
vue 实现小程序或商品秒杀倒计时
2019/04/14 Javascript
jsonp实现百度下拉框功能的方法分析
2019/05/10 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
Python ldap实现登录实例代码
2016/09/30 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
Python中如何优雅的合并两个字典(dict)方法示例
2017/08/09 Python
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
python 实现二维列表转置
2019/12/02 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
8种常用的Python工具
2020/08/05 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
中国央视网签名寄语
2014/01/18 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
管理失职检讨书范文
2015/05/05 职场文书
百年孤独读书笔记
2015/06/29 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书