微信小程序入门1--新建微信小程序页面

微信小程序入门1–新建微信小程序页面

在新建微信小程序后会自动生成一个DEMO实例,我们可以在实例中修改自己所需的内容,当内容过多时,实例中的页面不足以满足我们的需求,因此需要新建微信小程序页面。

本文内容简单,分成两个部分进行介绍:
一、页面介绍
二、新建页面

一、页面介绍
在新建一个微信小程序项目时,得到如下界面,此开发界面为微信官方提供的Demo实例。
在这里插入图片描述
可以看到Demo中有两个页面。分别为index页面和logs页面。
app.json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。在app.json中,用pages数组来指定小程序有哪些页面组成。对应页面的写法为:路径+文件名。
pages数组的第一项表示该小程序的原始页面。小程序的新增页面或减少页面都需要对pages数组进行修改,不然会报错。
在这里插入图片描述

二、新建页面
如新增一个new页面作为初始页面,则只需要在pages数组中添加"pages/new/new",开发者工具会自动将.json .js .wxml .wxss 四个文件整合在路径下。
Pages数组的最后一项不需要逗号。
从事过网页编程的人知道,html是用来描述当前这个页面的结构,css用来描述页面的样子,JS 通常是用来处理这个页面和用户的交互。wxml、wxss、js具有其大部分特性。
开发人员可以对new页面进行自定义操作。
在这里插入图片描述

以上就是新建微信小程序页面的全部步骤,感谢观看!

Guess you like

Origin blog.csdn.net/hao1__/article/details/113947242