1. 程式人生 > >EA&UML日拱一卒-0基礎學習微信小程式(6)- 配置檔案的形式和內容

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

寫在文章的最後

既然已經讀到這裡了,拜託大家再用一分鐘時間,將文章轉發到各位的朋友圈,微信群中。本公眾號的成長需要您的支援! 閱讀更多更新文章,請掃描下面二維碼,關注微信公眾號【面向物件思考】