1. 程序总体架构。
通过微信小程序开发工具新建一个项目后,会自动生成项目框架代码如下:
2. 全局文件。
全局文件的文件名是固定的,不可随意指定。
程序入口文件:app.js,app.json,app.wxss
项目配置文件:project.config.json
配置小程序及其页面是否允许被微信索引:sitemap.json
公共方法和变量:utils/util.js
3. pages文件夹下的目录结构。
pages文件夹的名字是可以随便指定的,但是习惯上使用pages。
pages下面存放的是小程序里面的页面文件,一个小程序页面由四个“同名但不同扩展名”的文件组成,这个四个文件又被放在一个与这四个文件同名的文件夹中。
页面文件夹与四个对应的页面文件可以手工新建,也可以通过微信新建page的方式自动生成:
4个页面的运作方式和普通网页HTML+CSS+JS的运行方式非常相似,具体如下:
4.1 .js文件
负责实现页面逻辑。
4.2 .json文件
负责设置标题栏和一些状态参数。
4.3 .wxml文件
页面显示内容。类似HTML文件。
4.4 .wxss文件
负责设置页面排版。类似CSS文件。