天天看點

小程式的開發架構 和 微信小程式開發的架構——WXML

一.小程式的開發架構是由:WXML、WXSS、WXS、JavaScript組成的,如圖:

小程式的開發架構 和 微信小程式開發的架構——WXML

    1.WXML就是描述頁面的内容。

    2.WXSS就是描述頁面的樣式。

    3.JavaScript是處理頁面的互動邏輯以及資料通信。

    4.WXS是對WXML能力增強的腳本語言,可以把請求到的資料進行計算處理,幫助WXML快速建構出頁面的内容結構。

   二. WXML(WeiXing Markup Language)是架構設計的一套标簽語言,如圖:

小程式的開發架構 和 微信小程式開發的架構——WXML

    1.文法:一段開始标簽和一段結束标簽,中間包裹着内容,如圖:

小程式的開發架構 和 微信小程式開發的架構——WXML

    2.内容可以使簡單的文本也可以使其他的WXML語句,在開始标簽傳入一些屬性來控制标簽元件(傳入方式 屬性名=屬性值)。

    3.在index.wxml裡面定義了view标簽、view标簽裡面包裹了:一個helloworld文本以及view子标簽,如圖:

小程式的開發架構 和 微信小程式開發的架構——WXML

    4.需要注意的:WXML标簽是不可以出現的,屬性是大小寫是區分明感的。

繼續閱讀