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 页面包括的文件
