1. 程式人生 > >微信小程式程式碼結構簡介

微信小程式程式碼結構簡介

在建立一個小程式工程之後,會顯示如下圖

project.config.json:微信開發者工具的配置資訊

app.js:幫助我們去註冊一個微信小程式的應用

app.json:微信小程式的一個全域性配置

app.wxss:設定微信小程式全域性的一些樣式

pages:存放的是小程式的所有介面,

              每個小程式介面最多由四個檔案組成:js檔案(處理介面邏輯和資料互動),json檔案(介面配置資訊),wxml檔案(展示介面的一些元素和內容),wxss檔案(微信小程式介面的一些樣式)

utils.js:存放工具類函式(達到程式碼複用的目的)

--------------------------------------------------------------------------------------------

小程式的配置檔案有兩個

    1.app.json全域性配置檔案

    2.介面配置檔案

    如下圖所示:全域性的配置為5項,pages註冊微信小程式的所有介面,tabbar(當小程式是多tab的應用,可以設定指定tab欄)