微信小程序教程系列之新建页面(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 相关文章推荐
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
vue 把二维或多维数组转一维数组
Apr 24 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
一个简单实现多条件查询的例子
2006/10/09 PHP
PHP代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
PHP程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
Thinkphp无限级分类代码
2015/11/11 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
2012/10/11 Javascript
js获取域名的方法
2015/01/27 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
vue+ts下对axios的封装实现
2020/02/18 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
Python及PyCharm下载与安装教程
2017/11/18 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
使用django实现一个代码发布系统
2019/07/18 Python
Django组件content-type使用方法详解
2019/07/19 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
什么是Python中的顺序表
2020/06/02 Python
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
三好学生演讲稿范文
2014/04/26 职场文书
村党支部换届选举方案
2014/05/02 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
初二数学教学反思
2016/02/17 职场文书
Python3接口性能测试实例代码
2021/06/20 Python