當我們創建小程序,開發者工具會自動幫我創建了一個最基本的目錄結構。
小程序目錄結構
pages文件夾是用來管理小程序的頁面文件、工具類文件夾utils是用來管理類庫如:公共的common.js文件、框架全局文件App.js用來管理小程序的啟動、渲染等生命周期,定義全局數據以及定義函數文件、app.wxss是所有頁面的公共css樣式文件、app.json是小程序的公共配置。
app.js
app,js文件用來定義全局數據和函數是的使用,它可以指定小程序的生命周期函數。生命周期函數可以理解為微信小程序自己定義的函數,如onlaunch(監聽小程序初始化),onshow(監聽小程序顯示),onhide(監聽小程序隱藏)等,在不同階段,不同場景可以使用不同的生命周期函數。app.js中還可以定義一些全局的函數和數據,其他頁面getApp()就可以直接獲取
app.json公共配置文件
app.json文件可以對5個功能進行設置,配置頁面路徑,配置窗口表現,配置標簽導航,配置網絡超時,配置debug模式。
創建一個頁面直接在pages數組中填寫"pages/test/test",開發者工具將自動在pages文件夾中創建test頁面
配置標簽導航。標簽導航是很多移動app都會采用的一種導航方式,微信小程序同樣可以實現這樣的效果。配置導航條需要在app.json里配置tabBar屬性,tarBar是一個對象,可以配置標簽導航文字的默認顏色,選中顏色,標簽導航背景顏色以及邊框顏色。標簽導航存放在list數組里面,list里面每個對象對應一個標簽導航。
窗口用于配置小程序的狀態欄,導航條,標題,窗口背景色。
app.wxss公共css樣式
在app.wxss文件中寫樣式class,在其他頁面中可以直接使用樣式class名