微信小程序(JSON配置文件)

本文详细介绍了微信小程序的配置文件,包括全局配置文件app.json和页面配置文件page.json的作用、内容和常见配置项。app.json用于设置小程序的页面路径、窗口表现,如状态栏、导航条等;而page.json则允许开发者独立定义每个页面的窗口属性,具有覆盖全局配置的特性。同时,文章强调了JSON格式的规范,包括其轻量级、易读性和数据格式限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(1)配置文件
布局:.json,文件格式遵循JSON语法规范。
作用:对微信小程序进行全局配置,设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等。
分类:小程序全局配置文件app.json和页面配置文件page.json

小程序配置文件app.json

在这里插入图片描述
◆◆小程序根目录下的 app.json 文件用来对微信小程序进行全局配置
◆◆文件内容本质就是一个 JSON 对象。
在这里插入图片描述

1)小程序/全局配置文件------>pages属性
在这里插入图片描述
作用:用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
注意:数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都会对 pages 数组自动进行修改

2)小程序/全局配置文件------>window属性
作用:用于设置小程序的状态栏、导航条、标题、窗口背景色
在这里插入图片描述

3)小程序/全局配置文件------>sitemapLocation属性
作用:指明 sitemap.json 的位置;默认为 ‘sitemap.json’ 即在 app.json 同级目录下名字的 sitemap.json 文件

小程序/全局配置文件------>小结
①pages字段:描述当前小程序所有页面路径,便于让微信客户端知道当前小程序页面定义在哪个目录。
②window字段:小程序的状态栏、导航条、标题、窗口背景色
③sitemapLocation字段:指明小程序收录设置文件sitemap.json的位置

页面配置文件page.json

1)page.json
在这里插入图片描述
■作用:对本页面的窗口表现进行配置,文件内容本质为一个 JSON 对象。
■场景: page.json-----让开发者可以独立定义每个页面的一些属性,例如顶部颜色、是否允许下拉刷新等等。
■简单理解
■特性:覆盖性---------页面中配置项会覆盖 app.json 的 window 中相同的配置项。
✪✪✪常用配置项属性:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
区别:
在这里插入图片描述
在这里插入图片描述
配置项属性—disableScroll页面滚动
在这里插入图片描述
在这里插入图片描述
页面page配置文件—小结
注意
页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性
②usingComponents为页面自定义组件配置,非必填项,数据类型为对象Object,以后涉及到再详细介绍。

json语法结构
(1)优点
①简单易读:易于人的阅读和编写,通常不需要特殊的工具,就能读懂和修改
②轻量:是一种轻量级的数据交换格式。
(2)格式
在这里插入图片描述
(3)注意事项
在这里插入图片描述
(4)数据格式限制
JSON的值只能是以下几种数据格式:
在这里插入图片描述
其他任何格式都会触发报错----undefined
在这里插入图片描述
(5)注释限制
JSON 文件中无法使用注释,添加注释将会引发报错
在这里插入图片描述
小程序配置也叫全局配置,页面配置也叫局部配置。
●●●●●重点●●●●●●:
①覆盖性:页面配置文件相关设置会覆盖小程序配置文件中已有配置
②书写格式:页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性
③JSON语法格式及相关限制

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值