E企盈营销工具技术服务商 热线:4006-838-530

微信小程序JSON配置文件

E企盈直播平台营销卖货系统

**新建页面**(1)手动创建①右键单击 [pages] 文件夹,在弹出的菜单中选择“新建目录”②右键单击新建的目录,在弹出的菜单中选择“新建Page”(2)自动创建直接在app.json文件的pages选项中将新页面的路径写好,系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.json配置文件、page.js逻辑文件**删除页面**手动删除鼠标右键单击需要删除的页面文件夹,在弹出的菜单中选择“删除”**配置文件**(1)后缀:.json,文件格式遵循JSON语法规范。(2)作用:对微信小程序进行全局配置,设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等。(3)分类:小程序全局配置文件app.json和页面配置文件page.json。**小程序配置文件app.json**小程序根目录下的 app.json 文件用来对微信小程序进行全局配置文件内容本质就是一个 JSON 对象。(1)pages属性作用:用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息,文件名不需要写文件后缀★★★注意:数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都会对 pages 数组自动进行修改。(2)window属性作用:用于设置小程序的状态栏、导航条、标题、窗口背景色window属性中的下拉刷新①新建一个空白页,例如logs页,建好后会发现logs.js文件中已经写好各个阶段钩子函数。观察后发现onPullDownRefresh下拉函数,这里添加验证代码,输出验证。②下拉无效然而下拉后发现触发不了js回调,因为下拉功能需要配置,才可以支持下拉功能,即enablePullDownRefresh设置为true★★★注意:①如果是在小程序配置文件app.json中设置该字段,则小程序下的所有页面都可以下拉②如果在页面配置文件page.json设置该字段,则只能在当前设置过字段的页面执行下拉操作③开发建议:只在需要执行下拉操作的页面设置该字段即可,例如本例中的home页面。③下拉 loading 的样式观察app.json后发现window属性中已经将backgroundTextStyle即下拉loading样式设置为light。那为什么还不管用呢?④窗口背景色因为背景是白色的,由于颜色的缘故,三个点闪烁的动画看不到,因此背景需要进行以下配置:⑤loading样式之前设置的下拉loading样式backgroundTextStyle为light浅色点,接下来可以改为dark深色点体验下⑥真机下拉bug微信小程序还提供了停止下拉刷新效果的api,如果发现进入刷新状态,无法停止,可以使用wx.stopPullDownRefresh这个api。(3)sitemapLocation属性作用:指明 sitemap.json 的位置;默认为 ‘sitemap.json’ 即在 app.json 同级目录下名字的 sitemap.json 文件。sitemap.json为小程序收录设置文件,默认所有页面都能被索引,开发中一般不用进行相关配置。**小结**①pages字段:描述当前小程序所有页面路径,便于让微信客户端知道当前小程序页面定义在哪个目录。②window字段:小程序的状态栏、导航条、标题、窗口背景色③sitemapLocation字段:指明小程序收录设置文件sitemap.json的位置**页面配置文件page.json**简单理解:就是对单个小程序页面的配置,可以覆盖全局配置app.json。特性:覆盖性。常用配置项属性配置项属性—navigationStyle导航栏样式配置项属性—navigationStyle导航栏样式:①最低版本要求:微信客户端 7.0.0,客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效。②图片存储:本地图片过大会有限制提示,一般本地只存项目所用图标即可,如果是大图片,在开发里可以用链接指向图片位置图片测试:在根目录下新建images文件夹存放图片,这里存放图片01.jpg,大小为2.27MB。当点击预览或者上传时都会给出相应警告提示配置项属性—disableScroll页面滚动原理:最外侧元素设置超出隐藏页面page配置文件小结:注意:①页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性;②usingComponents为页面自定义组件配置,非必填项,数据类型为对象Object。**json语法结构**(1)优点①简单易读:易于人的阅读和编写,通常不需要特殊的工具,就能读懂和修改②轻量:是一种轻量级的数据交换格式(2)格式JSON文件都是被包裹在一个大括号中 {},通过key-value的方式表达数据(3)注意事项json格式看起来和js的对象表达方式十分相似,但是有所不同JSON的Key必须包裹在一个双引号中,编写 JSON 的时候,忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。(4)数据格式限制JSON的值只能是以下几种数据格式:其他任何格式都会触发报错,例如 JS中的 undefined(5)注释限制JSON 文件中无法使用注释,添加注释将会引发报错**总结**别名:小程序配置(配置文件 app.json)也叫全局配置,页面配置(配置文件 page.json)也叫局部配置。重点:①覆盖性:页面配置文件相关设置会覆盖小程序配置文件中已有配置②书写格式:页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性③JSON语法格式及相关限制

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序JSON配置文件
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏