背景
上一篇文章我们已经入门了小程序开发,申请了小程序号,也准备了开发环境,今天我们来分析一下小程序的项目结构。
项目结构
小程序的项目结构如下图所示,小程序的项目主要包含四种文件:
.json
后缀的JSON
配置文件.wxml
后缀的WXML
模板文件.wxss
后缀的WXSS
样式文件.js
后缀的JS
脚本逻辑文件
配置文件
小程序项目中包含很多的配置文件从不同的层次进行一些属性进行配置。
app.json
app.json
是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等,下表展示了app.json全部的27个配置项之前建立的测试项目的app.json如下,对于初学者可以不用过于关注每一个配置项,否则可能迷失于配置的海洋里,与此同时也可以看到其中必须的配置项只有两个,很多配置都是针对特定的场景,所以现在只需要对于app.json又一个感性的认识即可,里面包含了对于小程序的全局配置。
属性 | 类型 | 必填 | 描述 |
---|---|---|---|
entryPagePath | string | 否 | 小程序默认启动首页 |
pages | string[] | 是 | 页面路径列表 |
window | Object | 否 | 全局的默认窗口表现 |
tabBar | Object | 否 | 底部 tab 栏的表现 |
networkTimeout | Object | 否 | 网络超时时间 |
debug | boolean | 否 | 是否开启 debug 模式,默认关闭 |
functionalPages | boolean | 否 | 是否启用插件功能页,默认关闭 |
subpackages | Object[] | 否 | 分包结构配置 |
workers | string | 否 | Worker 代码放置的目录 |
requiredBackgroundModes | string[] | 否 | 需要在后台使用的能力,如音乐播放 |
plugins | Object | 否 | 使用到的插件 |
preloadRule | Object | 否 | 分包预下载规则 |
resizable | boolean | 否 | PC 小程序是否支持用户任意改变窗口大小(包括最大化窗口);iPad 小程序是否支持屏幕旋转。默认关闭 |
usingComponents | Object | 否 |