0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

新建一个页面不只是新建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实例——微信小程序实用系列(六)

微信小程序自定义抽屉菜单示例(从下方拉出)——微信小程序实用系列(七)

微信小程序中自定义模态弹窗示例(带动画)——微信小程序实用系列(八)

电子商务

-------------------------------------------------- ----------

微信小程序侧边栏分类——微信小程序实用商城系列(一)

微信小程序的仿淘宝品类入口——微信小程序实用商城系列(二)

微信小程序的购物数量加减——微信小程序实用商城系列(三)

微信小程序产品属性分类——微信小程序实用商城系列(四)

微信小程序购物车——微信小程序实用商城系列(五)

待续。 。 。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多