微信小程序（JSON配置文件）

补充：

认识微信小程序的目录结构

• 一、根目录下的三个文件：
• 1、app.js，必须，小程序逻辑文件。
• 2、app.json，必须，小程序配置文件。
• 3、app.wxss，全局公共样式文件。
• 4、[pages]，用于存放页面文件的文件夹。
• 5、[utils]，用于存放公共js的文件夹。
• 微信小程序的页面：
• 1、微信小程序是由若干个页面构成的。
• 2、所有的页面内容必须存放在[pages]文件夹下。
• 3、在[pages]文件夹下，每个页面都具备一个独立的文件夹。
• 4、页面由以下4个文件组成：以pages/index/为例。
  （1）index.wxml，必须，页面的结构文件，类似于HTML文档。
  （2）index.wxss，必须，页面的样式表文件，类似于CSS文档。
  （3）index.js，必须，页面的逻辑文件，类似于js文档。
  （4）index.json，页面的配置文件。
• 5、每一个小程序页面都必须在app.json文件中进行注册。
  代码如下

{
   
	“pages”:[
		“pages/index/index”,
		“pages/logs/logs”
]
}

• 注意事项：
• A .页面路径前面不要加“/”。
• B .路径最后一段不需要指定文件扩展名。
• C .微信小程序的首页由pages数组的第一个数组元素来确定。

新建页面

• 新建页面page
• （1）手动创建
• ①右键单击 [pages] 文件夹，在弹出的菜单中选择“新建目录”
• ②右键单击新建的目录，在弹出的菜单中选择“新建Page”
• （2）自动创建
• 直接在app.json文件的pages选项中将新页面的路径写好，系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.json配置文件、page.js逻辑文件

删除页面

• 删除页面page
• 手动删除
• （1）鼠标右键单击需要删除的页面文件夹，在弹出的菜单中选择“删除”。
• （2）打开app.json文件，将被删除页面的注册信息从pages选项中删除。

配置文件

• 配置文件

• 后缀：.json，文件格式遵循JSON语法规范

• 作用：对微信小程序进行全局配置，设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等

• == 分类==：小程序全局配置文件app.json和页面配置文件page.json

• 接下来分别介绍下小程序配置文件app.json与页面配置文件page.json

小程序配置文件app.json

• 小程序配置文件