位置:电子教程 > 微信小程序入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序起步
小程序基础知识
小程序基础语法
当前阅读教程:微信小程序入门教程 > JSON 配置
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 代码构成 下一篇: WXML 模板

我们可以看到在项目的根目录有一个 app.json project.config.json文件,此外在 pages/logs 目录下还有一个 logs.json文件,我们依次来说明一下它们的用途。

1.小程序配置(app.json)

app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。项目里面的 app.json 配置内容如下:

{

  "pages":[

    "pages/index/index",

    "pages/logs/logs"

  ],

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle":"black"

  }

}

我们简单说一下这个配置各个项的含义:

n  pages字段:用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

n  window字段:定义小程序所有页面的顶部背景颜色、文字颜色等。

2.项目配置( project.config.json)

通常大家在使用一个工具的时候,都会针对各自喜好做一些个性化配置,例如界面颜色、编译配置等等,当你换了另外一台电脑重新安装工具的时候,你还要重新配置。

考虑到这点,小程序开发者工具在每个项目的根目录都会生成一个 project.config.json,你在工具上做的任何配置都会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

3.页面配置( page.json)

这里的page指的某个具体的小程序页面,比如a.jsonb.json 这里的page代表的a或者b

每个小程序都有一个对应自己的小程序文件名,后缀为.json的配置文件。

比如你的小程序文件名是huang,那么对应肯定有一个huang.json的配置文件。

比如logs.json 用于表示 pages/logs小程序页面相关的配置。

如果你整个小程序的风格是蓝色调,那么你可以在 app.json 里面声明顶部颜色是蓝色即可。实际情况可能不是这样,可能你小程序里面的每个页面都有不一样的颜色来区分不同功能模块,因此我们提供了 page.json,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色、是否允许下拉刷新等等。


上一篇: 代码构成 下一篇: WXML 模板
毕业设计网             广告联系QQ:45157718(微信同号)