微信小程序教程系列之新建页面(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 相关文章推荐
jQuery maxlength文本字数限制插件
Apr 16 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 Javascript
Node.js 如何利用异步提升任务处理速度
Jan 07 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
js实现选项卡效果
Mar 07 Javascript
vue+element ui实现锚点定位
Jun 29 Vue.js
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
微信小程序商城项目之淘宝分类入口(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面向对象程序设计之类常量用法实例
2014/08/20 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
JS的replace方法介绍
2012/10/20 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
2013/11/29 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
javascript学习之json入门
2016/12/22 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
2018/05/23 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
详解python中的装饰器
2018/07/10 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
在scrapy中使用phantomJS实现异步爬取的方法
2018/12/17 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
python3爬取torrent种子链接实例
2020/01/16 Python
python中PyQuery库用法分享
2021/01/15 Python
工作会议方案
2014/05/21 职场文书
无毒社区工作方案
2014/05/23 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
开场白怎么写
2015/06/01 职场文书
叶问观后感
2015/06/15 职场文书
爱国影片观后感
2015/06/18 职场文书
离婚民事起诉状
2015/08/03 职场文书
mysql的单列多值存储实例详解
2022/04/05 MySQL
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js