新建一个页面不只是新建wxml文件怎么办?如何注册微信小程序
发表时间:2023-11-28 21:19:57
文章来源:炫佑科技
浏览次数:124
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
新建一个页面不只是新建wxml文件怎么办?如何注册微信小程序
但是在微信小程序中,创建一个新的页面不仅仅是新建一个wxml文件那么简单,那么具体怎么做呢?下面我们一起来学习一下
创建新页面的步骤:
1> 必须创建一个wxml文件和一个js文件新建一个页面不只是新建wxml文件怎么办?如何注册微信小程序,并且文件名必须相同(例如:test.wxml和test.js)。
2> 在js文件中,需要编写注册页面的Page()函数!
3> 并到app.json文件中注册新页面的路径信息。
例子:
创建了一个新的 test.js 文件和一个 test.wxml 文件,
而app.json文件中的“pages”数组中,放在*前面的页面就是程序启动时**个打开的页面。
在test.js文件中,必须有一个Page()函数
在wxml文件中,写入任意内容(否则会打开空白页微信小程序页面开发,不知道项目是否运行成功)
F5运行项目:
新页面创建成功
评论:
记得新建一个js文件并注册Page()函数,否则会报如下错误
微信小程序教程系列
相关链接:
注册并上线
-------------------------------------------------- ----------
如何注册微信小程序小程序
微信小程序小程序线
基本
-------------------------------------------------- ----------
微信开发工具快捷键
微信小程序的文件结构——微信小程序教程系列(一)
微信小程序生命周期实例演示——微信小程序教程系列(二)
动态修改微信小程序视图层数据——微信小程序教程系列(三)
微信小程序新页——微信小程序教程系列(四)
微信小程序中如何使用全局属性——微信小程序教程系列(五)
微信小程序的页面跳转——微信小程序教程系列(六)
微信小程序标题栏和导航栏的设置——微信小程序教程系列(七)
微信小程序的范围和模块化——微信小程序教程系列(八)
微信小程序视图层数据绑定——微信小程序教程系列(九)
微信小程序视图层条件渲染——微信小程序教程系列(十)
微信小程序视图层列表渲染——微信小程序教程系列(十一)
微信小程序视图层模板——微信小程序教程系列(十二)
微信小程序wxss - 微信小程序教程系列(十三)
微信小程序的网络请求——微信小程序教程系列(十四)
微信小程序百度地图获取地理位置——微信小程序教程系列(15)
微信小程序使用百度API获取天气信息——微信小程序教程系列(16)
微信小程序获取系统日期和时间——微信小程序教程系列(十七)
微信小程序上拉加载下拉刷新——微信小程序教程系列(十八)
微信小程序的组成——微信小程序教程系列(十九)
微信小程序-微信登录-微信小程序教程系列(20)
实战
-------------------------------------------------- ----------
微信小程序顶部导航栏示例——微信小程序实用系列(一)
微信小程序上拉加载(分页加载)示例——微信小程序实用系列(二)
微信小程序轮播图示例——微信小程序实用系列(三)
模仿微信小程序滑动底部导航栏示例——微信小程序实用系列(四)
微信小程序登录页面示例-微信小程序实用系列(五)
微信小程序自定义Toast实例——微信小程序实用系列(六)
微信小程序自定义抽屉菜单示例(从下方拉出)——微信小程序实用系列(七)
微信小程序中自定义模态弹窗示例(带动画)——微信小程序实用系列(八)
电子商务
-------------------------------------------------- ----------
微信小程序侧边栏分类——微信小程序实用商城系列(一)
微信小程序的仿淘宝品类入口——微信小程序实用商城系列(二)
微信小程序的购物数量加减——微信小程序实用商城系列(三)
微信小程序产品属性分类——微信小程序实用商城系列(四)
微信小程序购物车——微信小程序实用商城系列(五)
待续。 。 。