微信小程序目錄結構可以分為3個部分:框架全局文件、框架頁面文件和工具類文件。小程序制作開發人員開發前需要了解這些目錄結構。
微信小程序目錄結構
一個小程序的主體部分由3個文件組成:app.js、app.json和app.wxss,必須放在項目的根目錄。其中app.js和app.json文件是必需的,作用分別是小程序邏輯和小程序公共配置,而app.wxss的作用是小程序公共樣式表。
app.js小程序邏輯:用來定義全局數據和函數的使用,它可以指定微信小程序的生命周期函數。app.js中還可以定義一些全局的函數和數據,其他頁面引用app.js文件后就可以直接使用全局函數和數據。
app.json小程序公共配置:可以對5個功能進行設置,配置頁面路徑,配置窗口表現,配置標簽導航,配置網絡超時,配置debug模式。
app.wxss小程序公共樣式表:對css樣式進行了拓展,和css的使用方式一樣,只要頁面有全局樣式的class,就都可以渲染全局樣式的效果。
另外一個小程序頁面由四個文件組成:js、wxml、json和wxss,用于指定小程序由哪些頁面組成,每一項都對應一個頁面的路徑+文件名信息。文件名不需要寫文件后綴,框架會自動去尋找對于位置的 .json, .js, .wxml, .wxss 四個文件進行處理。
注意:為了方便開發者減少配置項,描述頁面的四個文件必須具有相同的路徑和文件名。
在小程序開發前了解了其目錄結構后,創建項目時就非常方便了,參考微信小程序開發工具代碼編輯教程。