來源:轉(zhuǎn)載 發(fā)布時間:2018-11-24 10:18:34 閱讀量:1697
小程序的項(xiàng)目結(jié)構(gòu)還是很容易理解。初建的小程序的項(xiàng)目目錄由簡單的幾個文件夾、js、json、wxml、wxss組成,如果有編程基礎(chǔ)的人,應(yīng)該能很快猜到各個文件大概的功能。
目錄結(jié)構(gòu)由pages和utils,平級的有文件app.js、app.json、app.wxss、project.config.json
pages:這是一個頁面文件目錄,用于存放用于顯示的頁面以及對應(yīng)的邏輯代碼,我們后期的功能開發(fā)也主要是在改目錄下。
例子中index是其的子目錄,子目錄下對應(yīng)三個文件。
index.wxml:是個視圖布局文件,用于ui頁面顯示
index.js:是對應(yīng)index.wxml的js腳本文件,主要用來編寫index.wxml顯示頁面的執(zhí)行邏輯
index.wxss:是index.wxml的樣式文件
.......json:有些時候我們還會用到j(luò)son文件來配置一些信息,非app.json的json文件定義與app.json相同的屬性會覆蓋app.json的配置信息
當(dāng)然這些目錄下的文件并不是每一個都需要,依據(jù)不同的需求我們是可以做相應(yīng)的省略,比如說我們可能不需要配置信息那我們就可以不需要json文件。
utils:小程序存放工具腳本的工具目錄
app.json:小程序的全局參數(shù)
app.js: 定義了小程序的啟動入口和小程序的初始化代碼。
app.wxss:小程序啟動的樣式文件。
project.config.json:配置的是項(xiàng)目的屬性,比如項(xiàng)目名稱、appId。
簡單的總結(jié)來說小程序的項(xiàng)目接口就是由wxml視圖文件、js邏輯代碼文件、wxss樣式文件、json配置文件構(gòu)成。
---------------------