AngularJS - MVC 架構

Model View Controller (MVC) ，通常簡稱為 MVC，是一種用於開發 Web 應用程式的軟體設計模式。MVC 模式由以下三個部分組成：

• 模型 (Model) - 這是模式的最低層，負責維護資料。

• 檢視 (View) - 負責向用戶顯示全部或部分資料。

• 控制器 (Controller) - 這是控制模型和檢視之間互動的軟體程式碼。

MVC之所以流行，是因為它將應用程式邏輯與使用者介面層隔離開來，並支援關注點分離。控制器接收所有應用程式請求，然後與模型協作準備檢視所需的資料。然後，檢視使用控制器準備的資料生成最終的可呈現響應。MVC 抽象可以如下圖所示。

模型 (The Model)

模型負責管理應用程式資料。它響應來自檢視的請求以及來自控制器的更新指令。

檢視 (The View)

以特定格式呈現資料，由控制器的決定觸發資料呈現。它們是基於指令碼的模板系統，例如 JSP、ASP、PHP，並且非常容易與 AJAX 技術整合。

控制器 (The Controller)

控制器響應使用者輸入並對資料模型物件執行互動。控制器接收輸入，驗證它，然後執行修改資料模型狀態的業務操作。

AngularJS 是一個基於 MVC 的框架。在接下來的章節中，我們將看到 AngularJS 如何使用 MVC 方法。