2.3　项目架构

我们以第1章介绍的“一秒钟有多长”DEMO为例，看一下小程序的项目架构，如图2-4所示。

图2-4

• pages文件夹用于放置页面文件。
• app.js是App的启动脚本，可以处理一些App启动过程中页面加载之前要处理的事情。
• app.json是App的配置文件，配置项包括window、页面、tab菜单栏等。
• app.wxss是App的公共样式，类似于css。

一个App可包含多个页面，页面的相对访问路径被配置在app.json里，每个页面可以包含［页面名］．js、［页面名］．wxml、［页面名］．wxxs以及配置文件［页面名］．json。其中，WXSS和json文件不是必要的。如果这两个文件存在，就会覆盖app.json和app.wxss的相同配置项。

一个框架程序主体部分由3个文件组成，必须放在项目的根目录，见表2-4。

表2-4　App相关文件

一个框架页面由4个文件组成，见表2-5。

表2-5　页面包括的文件