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
寫在文章的最後