AngularJS教程之MVC體系結(jié)構(gòu)詳解

更新時(shí)間：2016年08月16日 15:17:26 投稿：lqh

本文主要講解AngularJS MVC體系結(jié)構(gòu)，這里提供詳細(xì)的教程供大家學(xué)習(xí)參考，有需要的小伙伴可以參考下

模型 - 視圖 - 控制器或MVC，MVC是普遍的叫法，是一種軟件設(shè)計(jì)模式，用于開發(fā)Web應(yīng)用程序。模型- 視圖 - 控制器模式是由以下三部分組成：

模型/Model - 一個(gè)負(fù)責(zé)維護(hù)數(shù)據(jù)模式的最低水平。

視圖/View - 負(fù)責(zé)顯示所有或數(shù)據(jù)到用戶的部分。

控制器/Controller - 軟件代碼控制Model和View之間的相互作用。

MVC是受歡迎的，因?yàn)樗綦x了應(yīng)用邏輯從用戶界面層和支持的關(guān)注點(diǎn)分離。這里的控制器接收用于該應(yīng)用程序的所有請求，制備視圖所需要的任何數(shù)據(jù)。視圖，使用制備的控制器，產(chǎn)生一個(gè)最終像樣的響應(yīng)的數(shù)據(jù)。 MVC抽象可以用圖形表示如下。

模型 - model

模型是負(fù)責(zé)管理應(yīng)用程序的數(shù)據(jù)。它響應(yīng)來自視圖的請求，同時(shí)也響應(yīng)指令從控制器進(jìn)行自我更新。

視圖 - view

在一個(gè)特定的格式的演示數(shù)據(jù)，由控制器決定觸發(fā)顯示數(shù)據(jù)。它們是基于腳本的模板系統(tǒng)，如JSP，ASP，PHP，非常容易使用AJAX技術(shù)的集成。

控制器 - controller

控制器負(fù)責(zé)響應(yīng)于用戶輸入并執(zhí)行交互數(shù)據(jù)模型對象。控制器接收到輸入，它驗(yàn)證輸入，然后執(zhí)行修改數(shù)據(jù)模型的狀態(tài)的業(yè)務(wù)操作。

AngularJS是一個(gè)MVC框架。在接下來的章節(jié)中，讓我們看到了AngularJS如何使用MVC方法。

以上就是AngularJS MVC體系結(jié)構(gòu)，后續(xù)繼續(xù)整理相關(guān)資料，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能,結(jié)合實(shí)例形式分析了AngularJS針對字符串的輸入判定及實(shí)時(shí)顯示相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
Angular實(shí)現(xiàn)模版驅(qū)動(dòng)表單的自定義校驗(yàn)功能(密碼確認(rèn)為例)
這篇文章主要介紹了Angular實(shí)現(xiàn)模版驅(qū)動(dòng)表單的自定義校驗(yàn)功能(密碼確認(rèn)為例),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-05-05
Angular X中使用ngrx的方法詳解（附源碼）
ngrx是一套利用RxJS的類庫，下面這篇文章主要給大家介紹了關(guān)于Angular X中使用ngrx的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-07-07
對angularJs中自定義指令replace的屬性詳解
今天小編就為大家分享一篇對angularJs中自定義指令replace的屬性詳解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
Angular.js與Bootstrap相結(jié)合實(shí)現(xiàn)表格分頁代碼
最近一直在學(xué)習(xí)angularjs相關(guān)知識(shí)，在學(xué)習(xí)過程中寫了一個(gè)小demo，下面把代碼思路分享給大家，感興趣的朋友一起學(xué)習(xí)
2016-04-04
Angularjs material 實(shí)現(xiàn)搜索框功能
這篇文章主要介紹了Angularjs material 實(shí)現(xiàn)搜索框功能的相關(guān)資料,需要的朋友可以參考下
2016-03-03
在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來
這篇文章給的大家介紹在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，對angularjs 谷歌地圖相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
Angular2內(nèi)置指令NgFor和NgIf詳解
Directive的概念在Angular 1.x就存在了，我對它的認(rèn)識(shí)比較模糊，所以直接通過一些例子來說明。Angular提供的內(nèi)置執(zhí)行有很多，這次使用兩個(gè)：ngFor、ngIf。
2016-08-08
Angular2學(xué)習(xí)筆記——詳解NgModule模塊
這篇文章主要介紹了Angular2學(xué)習(xí)筆記——詳解NgModule模塊,現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
Angular.js基礎(chǔ)學(xué)習(xí)之初始化
這篇文章主要介紹了Angular.js基礎(chǔ)學(xué)習(xí)之初始化的相關(guān)資料，AngularJS 啟動(dòng)有兩種方式，一種是綁定初始化，自動(dòng)加載，另外一種是手動(dòng)初始化，文中介紹的很詳細(xì)，需要的朋友可以參考下。
2017-03-03