微信小程序教程系列之新建页面(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下操作css的float属性的特殊写法
Aug 22 Javascript
Javascript 强制类型转换函数
May 17 Javascript
jQueryUI如何自定义组件实现代码
Nov 14 Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
vue-resouce设置请求头的三种方法
Sep 12 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
electron中使用bootstrap的示例代码
Nov 06 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 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程序61条面向对象分析设计的经验小结
2008/11/12 PHP
PHP处理Oracle的CLOB实例
2014/11/03 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
js拆分字符串并将分割的数据放到数组中的方法
2015/05/06 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
2016/05/30 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
NodeJS收发GET和POST请求的示例代码
2017/08/25 NodeJs
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
layui动态绑定事件的方法
2019/09/20 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
jQuery操作动画完整实例分析
2020/01/10 jQuery
讲解Python中的标识运算符
2015/05/14 Python
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
python2与python3共存问题的解决方法
2018/09/18 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Python FFT合成波形的实例
2019/12/04 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
python deque模块简单使用代码实例
2020/03/12 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
HTML5逐步分析实现拖放功能的方法
2020/09/30 HTML / CSS
公司出纳岗位职责
2013/12/07 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
读后感作文评语
2014/12/25 职场文书
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫