1. 開篇導言
- 本節目標：通過上一節的講解，相信大家對微信小程序有了初步的了解。接下來將會對小程序的框架進行簡單介紹。
- 目標用戶：無編程經驗，但對微信小程序感興趣的同學。
- 學習目標：了解MINA框架的基本特征，並對數據綁定和頁面(Page)有概念上的認識。
- 案例分析：對於helloworld小程序的進行講解。
- 代碼下載
- 傳送門：
目錄：微信小程序教程-開篇導言-很快微信小程序社區
上一篇：【helloworld】-微信小程序教程-入門篇【1】-很快微信小程序社區
下一篇：【helloworld】-微信小程序教程-入門篇【3】-很快微信小程序社區
- 備注：有編程經驗或看過微信官網簡易教程的同學，請酌情略過該章節。
2. 框架概述
- 業務邏輯部分
MINA(MINA IS NOT APP)是在微信中開發小程序的框架。
- 框架結構
MINA框架由兩部分組成：視圖層(View)和邏輯層(App Service)。
邏輯層：由js(JavaScript)編寫。邏輯層將數據進行處理后發送給視圖層，同時接受視圖層的事件反饋。
視圖層：由WXML(WeiXin Markup Language)與WXSS(WeiXin Style Sheets)編寫。將邏輯層的數據反應成視圖，同時將視圖層的事件發送給邏輯層。
- 框架特征
響應式的數據綁定：用響應式數據綁定的方式，在視圖層和邏輯層之間進行通信。從某種程度上，可以看成是MVVM模式。
頁面管理：MINA在很高的層級上(頁面：Page)對業務邏輯進行程序建模，即通過頁面的組織方式來實現不同的業務邏輯，從而提高研發效率。贊！！！！！！！
從MINA本身來看，其通過管理整理小程序的頁面路由來做到頁面之間的無縫切換，並給以頁面完整的生命周期。
從開發者的角度上看，我們只需聚焦於頁面的數據，方法，生命周期函數的注冊，其他的復雜的操作都交由MINA處理(從官網提供資料來看是這樣)。
3. 響應式數據綁定-初探
在例子helloworld中，我們通過【motto】將【視圖層-view】和【邏輯層-app service】綁定在一起，從而在運行狀態下，顯示為【Hello world】，如下圖所示：
接下來我們將顯示的【Hello World】更改為【Hello MINA】。
修改流程：在index.js中的第六行，將【motto: 'Hello World',】更改為【motto: 'Hello MINA',】，然后【保存-Ctrl+s】。依次點擊【調試】，【重啟】，我們會看到更改后的【Hello MINA】。具體如下圖：
4. 頁面-初探
一個MINA頁面由四個文件組成，如下圖：
(來自於官網)
注意：為了方便開發者減少配置項，我們規定描述頁面的這四個文件必須具有相同的路徑與文件名。
5. 小結
知識點：了解MINA框架的基本特征，並對數據綁定和頁面(Page)有概念上的認識。
6. 預告
下一節通過對helloworld項目的深入講解，來了解MINA框架的目錄結構和配置。