微信小程序項(xiàng)目目錄結(jié)構(gòu)介紹及搭建最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>
微信小程序目錄結(jié)構(gòu)
一個(gè)小程序的主體部分由3個(gè)文件組成:app.js、app.json和app.wxss,必須放在項(xiàng)目的根目錄。其中app.js和app.json文件是必需的,作用分別是小程序邏輯和小程序公共配置,而app.wxss的作用是小程序公共樣式表。
app.js小程序邏輯:用來(lái)定義全局?jǐn)?shù)據(jù)和函數(shù)的使用,它可以指定微信小程序的生命周期函數(shù)。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù),其他頁(yè)面引用app.js文件后就可以直接使用全局函數(shù)和數(shù)據(jù)。
app.json小程序公共配置:可以對(duì)5個(gè)功能進(jìn)行設(shè)置,配置頁(yè)面路徑,配置窗口表現(xiàn),配置標(biāo)簽導(dǎo)航,配置網(wǎng)絡(luò)超時(shí),配置debug模式。
app.wxss小程序公共樣式表:對(duì)css樣式進(jìn)行了拓展,和css的使用方式一樣,只要頁(yè)面有全局樣式的class,就都可以渲染全局樣式的效果。
另外一個(gè)小程序頁(yè)面由四個(gè)文件組成:js、wxml、json和wxss,用于指定小程序由哪些頁(yè)面組成,每一項(xiàng)都對(duì)應(yīng)一個(gè)頁(yè)面的路徑+文件名信息。文件名不需要寫文件后綴,框架會(huì)自動(dòng)去尋找對(duì)于位置的 .json, .js, .wxml, .wxss 四個(gè)文件進(jìn)行處理。
注意:為了方便開發(fā)者減少配置項(xiàng),描述頁(yè)面的四個(gè)文件必須具有相同的路徑和文件名。
在小程序開發(fā)前了解了其目錄結(jié)構(gòu)后,創(chuàng)建項(xiàng)目時(shí)就非常方便了,參考微信小程序開發(fā)工具代碼編輯教程。
微信小程序項(xiàng)目目錄結(jié)構(gòu)介紹及搭建最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>