微信小程式-初識小程式架構骨架
建立專案
建立一個微信小程式,通過官方所示,通過勾選 quick start 來新增新的專案,首先我們就會看到生成的一個專案結構如下所示:
├─ pages/ ····················································· 專案頁面模組
├── index/ ····················································· index頁面模組
│ ├── index.js ······································· index頁面邏輯部分
│ ├── index.json ·································· index頁面配置部分
│ ├── index.wxml ································ index頁面骨架部分
│ └── index.wxss ································· index頁面樣式部分
└───logs/ ························································ 其他頁面模組
├── logs.js
├── logs.json
├── logs.wxml
└── logs.wxss
├─ utils/ ····················· 小工具目錄
└───utils.js
├─ app.js ·················· 專案啟動檔案
├─ app.json ············· 專案總配置檔案
└─ app.wxss ············ 專案公共樣式檔案
依照上圖和具體的程式碼細節可知,專案微信小程式通過全域性變數 App
來建立一個應用例項。每個頁面模組通過全域性變數 Page
模組來組織配置各個功能頁面模組。
未完,待續…