微信小程序項(xiàng)目目錄結(jié)構(gòu)介紹及搭建
微信小程序目錄結(jié)構(gòu)可以分為3個(gè)部分:框架全局文件、框架頁面文件和工具類文件。小程序制作開發(fā)人員開發(fā)前需要了解這些目錄結(jié)構(gòu)。
微信小程序目錄結(jié)構(gòu)
一個(gè)小程序的主體部分由3個(gè)文件組成:app.js、app.json和app.wxss,必須放在項(xiàng)目的根目錄。其中app.js和app.json文件是必需的,作用分別是小程序邏輯和小程序公共配置,而app.wxss的作用是小程序公共樣式表。
app.js小程序邏輯:用來定義全局?jǐn)?shù)據(jù)和函數(shù)的使用,它可以指定微信小程序的生命周期函數(shù)。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù),其他頁面引用app.js文件后就可以直接使用全局函數(shù)和數(shù)據(jù)。
app.json小程序公共配置:可以對5個(gè)功能進(jìn)行設(shè)置,配置頁面路徑,配置窗口表現(xiàn),配置標(biāo)簽導(dǎo)航,配置網(wǎng)絡(luò)超時(shí),配置debug模式。
app.wxss小程序公共樣式表:對css樣式進(jìn)行了拓展,和css的使用方式一樣,只要頁面有全局樣式的class,就都可以渲染全局樣式的效果。
另外一個(gè)小程序頁面由四個(gè)文件組成:js、wxml、json和wxss,用于指定小程序由哪些頁面組成,每一項(xiàng)都對應(yīng)一個(gè)頁面的路徑+文件名信息。文件名不需要寫文件后綴,框架會(huì)自動(dòng)去尋找對于位置的 .json, .js, .wxml, .wxss 四個(gè)文件進(jìn)行處理。
注意:為了方便開發(fā)者減少配置項(xiàng),描述頁面的四個(gè)文件必須具有相同的路徑和文件名。
在小程序開發(fā)前了解了其目錄結(jié)構(gòu)后,創(chuàng)建項(xiàng)目時(shí)就非常方便了,參考微信小程序開發(fā)工具代碼編輯教程。
版權(quán)聲明:
本站所有文章和圖片均來自用戶分享和網(wǎng)絡(luò)收集,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請勿用于商業(yè)用途,如果損害了您的權(quán)利,請聯(lián)系網(wǎng)站客服處理。