小程式的程式碼主要由四個部分構成:
WXML:WXML是小程式的一種標識語言,相當於網頁程式設計中的HTML,主要負責描述頁面的結構。
WXSS:WXSS是小程式的一種樣式語言,相當於網頁程式設計中的CSS,主要負責描述頁面的樣式。
JavaScript:負責處理頁面的互動邏輯。
JSON:JSON設定檔用來對小程式進行全域配寘或頁面配寘,决定分頁檔的路徑,視窗表現,設定網絡超時時間,設定多tab等。
一個小程式是由一個個頁面(page)構成,每個頁面通常包含四個檔案,分別對應這四種語言,它們的命名必須是一樣的,例如一個頁面的四個檔案可能是: index.wxml、index.wxss、index.js和index.json。
其中:
index.wxml檔案主要編寫頁面佈局;
index.wxss檔案就是用來設定樣式,如果需要某些特殊效果,例如彈性佈局、動畫等;
index.js檔案就是真正的控制檔案,開發者會在這個檔中監聽小程式的生命週期,處理函數,聲明全域變數等;
index.json檔案用來對頁面的視窗進行配寘,也即設定背景顏色、文字顏色、是否顯示標題等介面顯示形式。