1. 程式人生 > >微信小程式-初識小程式架構骨架

微信小程式-初識小程式架構骨架

建立專案

建立一個微信小程式,通過官方所示,通過勾選 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 模組來組織配置各個功能頁面模組。

未完,待續…