您的位置:首页 > 移动开发 > 微信开发

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
写在文章的最后

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  微信 小程序
相关文章推荐