微信小程序教程系列之新建页面(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 相关文章推荐
表单提交验证类
Jul 14 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
jQuery对表单元素的取值和赋值操作代码
May 19 Javascript
JS实现切换标签页效果实例代码
Nov 01 Javascript
jquery ajax,ashx,json的用法总结
Feb 12 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
JavaScript修改注册表实例代码
Jan 05 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 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生成网页快照 不用COM不用扩展.
2010/02/11 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
php生成图片缩略图的方法
2015/04/07 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
JavaScript 学习笔记(十一)
2010/01/19 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
2014/03/13 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
vue 组件高级用法实例详解
2018/04/11 Javascript
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
python多线程用法实例详解
2015/01/15 Python
Python字符串详细介绍
2015/05/09 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
利用python实现汉诺塔游戏
2021/03/01 Python
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
公司捐款倡议书
2014/05/14 职场文书
美德少年事迹材料1000字
2014/08/21 职场文书
2014年教师节红领巾广播稿
2014/09/10 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
酒店服务员岗位职责
2015/02/09 职场文书
导游词书写之黄山
2019/08/06 职场文书
教学工作总结范文5篇
2019/08/19 职场文书