微信小程序教程系列之新建页面(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脚本学习 比较实用的基础
Sep 07 Javascript
javascript 鼠标拖动图标技术
Feb 07 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
固定背景实现的背景滚动特效示例分享
May 19 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
详解vue-router传参的两种方式
Sep 10 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 Javascript
原生js实现购物车功能
Sep 23 Javascript
js实现扫雷源代码
Nov 27 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(8) php 数组
2010/03/05 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
PHP解析目录路径的3个函数总结
2014/11/18 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
如何让动态插入的javascript脚本代码跑起来。
2007/01/09 Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
2010/03/15 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
js下将金额数字每三位一逗号分隔
2016/02/19 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
2016/06/27 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
2016/07/09 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
vue中promise的使用及异步请求数据的方法
2018/11/08 Javascript
Python随机生成数模块random使用实例
2015/04/13 Python
Python调用adb命令实现对多台设备同时进行reboot的方法
2018/10/15 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
关于Pytorch的MLP模块实现方式
2020/01/07 Python
利用python控制Autocad:pyautocad方式
2020/06/01 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
C#实现启动一个进程
2016/10/01 面试题
结婚典礼证婚词
2014/01/11 职场文书
火车来了教学反思
2014/02/11 职场文书
食堂采购员岗位职责
2014/03/17 职场文书
会计专业应届生自荐信
2014/06/28 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
检讨书模板
2015/01/29 职场文书
Python 装饰器(decorator)常用的创建方式及解析
2022/04/24 Python
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS