微信小程序设计之页面文件pages-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序设计之页面文件pages。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、新建一个项目

首先，下载微信小程序开发工具，具体下载方式可以参考文章《微信小程序开发者工具下载》。

然后，注册小程序账号，具体注册方法，可以参考文章《微信小程序个人账号申请和配置详细教程》。

在得到了测试号的账号信息之后，可以在开发者工具中使用此账号信息创建项目进行开发。

微信小程序设计之页面文件pages,微信小程序开发笔记,微信小程序

点击确定后，可以在左侧看到小程序的主要界面【Hello World】。

微信小程序设计之页面文件pages,微信小程序开发笔记,微信小程序

小程序一般会在根目录下创建一个pages文件夹用于保存所有页面文件，每个页面有自己独立的二级目录，如下图所示。
微信小程序设计之页面文件pages,微信小程序开发笔记,微信小程序

由上图可见，该项目当前由index和 logs两个页面组成。每一个单独的页面基本上由4种文件构成,即 wxml、wxss、js/ts和 json，说明如下:

注意:为了方便开发者减少配置项,建议直接在空白页面文件夹上右击选择“新建”→Page,这样可以一次性创建描述页面的这4种文件，且它们会具有相同的路径与文件名。

json 文件的可用属性如下表所示：

微信小程序设计之页面文件pages,微信小程序开发笔记,微信小程序

如下图所示，为logs页面的导航栏的标题设置。

微信小程序设计之页面文件pages,微信小程序开发笔记,微信小程序

注意：页面的 JSON 文件只能设直与 window 相关的配置项，以决定本页面的窗口表现，所以无须像 app.json 那样专门写 window 属性。