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

  • Post author:
  • Post category:小程序


微信小程序入门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页面进行自定义操作。

在这里插入图片描述

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