EA&UML日拱一卒-0基础学习微信小程序(6)- 配置文件的形式和内容
2018-01-02 20:55
891 查看
上篇文章中讲到,小程序有两种配置文件,本别针对的是小程序全体和单独的页面,本文从形式和内容两个方面来解析小程序中的配置文件。
形式
从配置文件的扩展名json可以知道配置文件的格式是JSON(JavaScriptObjectNotation,JavaScrit对象表示法),可以简单的理解:它是一种数据格式,是为了解决XML过于繁琐,冗长的问题而出现的。
JSON可以表达的以下三种类型的值:简单值,对象和数组。
简单值
例如:5,"Hello world!" 等本别表示数值和字符串。
对象
以一个人为例说明对象的表现形式。
{
“name”:“小陈”,
“age”:20,
}
最外层是方括号,内部是属性的列举。趋势属性的形式为“属性名”:属性值。注意属性名必须被双引号包围。
当然属性值本身也可以是对象,例如
{
“name”:“小陈”,
“age”:20,
"weight":{
"unit":"kg",
"value":70
}
}
数组
数组就是对象和简单值的结合,形式为
[
元素1,
元素2,
。。。
]
元素可以是简单值,对象或者是另外一个数组。
内容
在HelloWorld中出现了两个配置文件,我们一个一个看。
小程序全体的配置文件
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
文件全体是一个对象,它有两个属性:“pages”和"window"。其中“pages”的属性值是一个数组,分别是指向目录index和和logs;而"window"的属性值是一个对象,分别指定了"backgroundTextStyle","navigationBarBackgroundColor",
"navigationBarTitleText", "navigationBarTextStyle"等四个属性。
log页面的配置文件
{
"navigationBarTitleText": "查看启动日志"
}
很简单,是一个指定了"navigationBarTitleText"属性的对象。
参考资料
当然,微信小程序中可以设定的远远不止上面提到的这些,具体信息请参考以下的小程序开发文档。
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
写在文章的最后
既然已经读到这里了,拜托大家再用一分钟时间,将文章转发到各位的朋友圈,微信群中。本公众号的成长需要您的支持!
阅读更多更新文章,请扫描下面二维码,关注微信公众号【面向对象思考】
形式
从配置文件的扩展名json可以知道配置文件的格式是JSON(JavaScriptObjectNotation,JavaScrit对象表示法),可以简单的理解:它是一种数据格式,是为了解决XML过于繁琐,冗长的问题而出现的。
JSON可以表达的以下三种类型的值:简单值,对象和数组。
简单值
例如:5,"Hello world!" 等本别表示数值和字符串。
对象
以一个人为例说明对象的表现形式。
{
“name”:“小陈”,
“age”:20,
}
最外层是方括号,内部是属性的列举。趋势属性的形式为“属性名”:属性值。注意属性名必须被双引号包围。
当然属性值本身也可以是对象,例如
{
“name”:“小陈”,
“age”:20,
"weight":{
"unit":"kg",
"value":70
}
}
数组
数组就是对象和简单值的结合,形式为
[
元素1,
元素2,
。。。
]
元素可以是简单值,对象或者是另外一个数组。
内容
在HelloWorld中出现了两个配置文件,我们一个一个看。
小程序全体的配置文件
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
文件全体是一个对象,它有两个属性:“pages”和"window"。其中“pages”的属性值是一个数组,分别是指向目录index和和logs;而"window"的属性值是一个对象,分别指定了"backgroundTextStyle","navigationBarBackgroundColor",
"navigationBarTitleText", "navigationBarTextStyle"等四个属性。
log页面的配置文件
{
"navigationBarTitleText": "查看启动日志"
}
很简单,是一个指定了"navigationBarTitleText"属性的对象。
参考资料
当然,微信小程序中可以设定的远远不止上面提到的这些,具体信息请参考以下的小程序开发文档。
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
写在文章的最后
既然已经读到这里了,拜托大家再用一分钟时间,将文章转发到各位的朋友圈,微信群中。本公众号的成长需要您的支持!
阅读更多更新文章,请扫描下面二维码,关注微信公众号【面向对象思考】
相关文章推荐
- EA&UML日拱一卒-0基础学习微信小程序(9)-C++程序员眼中的app.js
- EA&UML日拱一卒-0基础学习微信小程序(5)- Hello world!
- EA&UML日拱一卒-0基础学习微信小程序(15)-弄得像真的一样
- EA&UML日拱一卒-0基础学习微信小程序(14)-最简单的指南针
- EA&UML日拱一卒-0基础学习微信小程序(17)-学到什么程度算行?
- EA&UML日拱一卒-0基础学习微信小程序(16)-使用移动平均消除抖动
- EA&UML日拱一卒-0基础学习微信小程序(2)- 关于小程序
- EA&UML日拱一卒-0基础学习微信小程序(10)-注册页面
- EA&UML日拱一卒-0基础学习微信小程序(1)- 开篇
- EA&UML日拱一卒-0基础学习微信小程序(3)- 创建自己的小程序账号
- EA&UML日拱一卒-0基础学习微信小程序(8)-事件处理和数据绑定
- EA&UML日拱一卒-0基础学习微信小程序(12)-ECMAScript5数组操作方法
- EA&UML日拱一卒-0基础学习微信小程序(7)-WXSS和CSS
- EA&UML日拱一卒-0基础学习微信小程序(4)- 安装开发工具
- EA&UML日拱一卒-0基础学习微信小程序(11)-ECMAScript3数组操作方法
- EA&UML日拱一卒-0基础学习微信小程序(13)-一个都不能少
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (6)-播放音频
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (7)-在画面之间共享数据
- [原]java专业程序代写(qq:928900200),学习笔记之基础入门<servlet_文件下载>(二十七)
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (8)-WXML条件渲染