EA&UML日拱一卒-0基础学习微信小程序（6）- 配置文件的形式和内容

上篇文章中讲到，小程序有两种配置文件，本别针对的是小程序全体和单独的页面，本文从形式和内容两个方面来解析小程序中的配置文件。

形式

从配置文件的扩展名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

写在文章的最后

既然已经读到这里了，拜托大家再用一分钟时间，将文章转发到各位的朋友圈，微信群中。本公众号的成长需要您的支持！ 阅读更多更新文章，请扫描下面二维码，关注微信公众号【面向对象思考】