微信小程序目錄結(jié)構(gòu)可以分為3個(gè)部分:框架全局文件,框架頁(yè)面文件和工具類文件,如圖

框架全局文件
一個(gè)小程序的主體部分由3個(gè)文件組成,作為全局文件,必須放在項(xiàng)目的根目錄中,框架全局文件包括3個(gè)文件:app.js小程序邏輯(定義全局?jǐn)?shù)據(jù)以及定義函數(shù)文件), app.json小程序公共設(shè)置, app.wxss小程序公共樣式表。它們對(duì)所有頁(yè)面都有效。
1.app.js小程序邏輯
app,js文件用來(lái)定義全局?jǐn)?shù)據(jù)和函數(shù)是的使用,它可以指定微信小程序的生命周期函數(shù)。生命周期函數(shù)可以理解為微信小程序自己定義的函數(shù),如onlaunch(監(jiān)聽小程序初始化),onshow(監(jiān)聽小程序顯示),onhide(監(jiān)聽小程序隱藏)等,在不同階段,不同場(chǎng)景可以使用不同的生命周期函數(shù)。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù),其他頁(yè)面引用app.js文件后就可以直接使用全局函數(shù)和數(shù)據(jù)

2.小程序公共設(shè)置
app.json文件可以對(duì)5個(gè)功能進(jìn)行設(shè)置,配置頁(yè)面路徑,配置窗口表現(xiàn),配置標(biāo)簽導(dǎo)航,配置網(wǎng)絡(luò)超時(shí),配置debug模式

配置頁(yè)面路徑。頁(yè)面路徑定義了一個(gè)數(shù)組,存放多個(gè)頁(yè)面的訪問(wèn)路徑,他是進(jìn)行頁(yè)面訪問(wèn)的必要條件。如果這里沒有配置頁(yè)面的訪問(wèn)路徑,頁(yè)面訪問(wèn)就會(huì)報(bào)錯(cuò),如果在這里定義了訪問(wèn)路徑,微信小程序框架就可以在頁(yè)面文件夾下創(chuàng)建相應(yīng)名稱的文件夾以及文件,免去了手動(dòng)創(chuàng)建文件夾的麻煩。

配置窗口表現(xiàn)。

配置標(biāo)簽導(dǎo)航。標(biāo)簽導(dǎo)航是很多移動(dòng)app都會(huì)采用的一種導(dǎo)航方式,微信小程序同樣可以實(shí)現(xiàn)這樣的效果。配置導(dǎo)航條需要在app.json里配置tabBar屬性,tarBar是一個(gè)對(duì)象,可以配置標(biāo)簽導(dǎo)航文字的默認(rèn)顏色,選中顏色,標(biāo)簽導(dǎo)航背景顏色以及邊框顏色。標(biāo)簽導(dǎo)航存放在list數(shù)組里面,list里面每個(gè)對(duì)象對(duì)應(yīng)一個(gè)標(biāo)簽導(dǎo)航。

3 .app.wxss小程序公共樣式表
app.wxss文件對(duì)css樣式進(jìn)行了拓展,和css的使用方式一樣。只要頁(yè)面有全局樣式的class,就都可以渲染全局樣式里的效果。