微信小程序教程系列之新建页面(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 相关文章推荐
js不是基础的基础
Dec 24 Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
JQuery工具函数汇总
Jun 15 Javascript
js中string和number类型互转换技巧(分享)
Nov 28 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 Javascript
webpack的移动端适配方案小结
Jul 25 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
一次编写,随处运行
2006/10/09 PHP
php 5.3.5安装memcache注意事项小结
2011/04/12 PHP
php 函数中使用static的说明
2012/06/01 PHP
ci检测是ajax还是页面post提交数据的方法
2014/11/10 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
javascript事件问题
2009/09/05 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
解决jQuery插件tipswindown与hintbox冲突
2010/11/05 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
深入探讨Vue.js组件和组件通信
2016/09/12 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
vue实现淘宝购物车功能
2020/04/20 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
Python数据类型详解(二)列表
2016/05/08 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
python监控文件并且发送告警邮件
2018/06/21 Python
Python 监测文件是否更新的方法
2019/06/10 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
Pandas操作CSV文件的读写实现方法
2019/11/13 Python
TensorBoard 计算图的可视化实现
2020/02/15 Python
PyTorch的torch.cat用法
2020/06/28 Python
澳大利亚最大的护发和护肤品购物网站:RY
2019/12/26 全球购物
企业后勤岗位职责
2014/02/28 职场文书
应届本科毕业生求职信
2014/07/23 职场文书
乒乓球比赛通知
2015/04/27 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python
javascript对象3个属性特征
2021/11/17 Javascript
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
服务器nginx权限被拒绝解决案例
2022/09/23 Servers