AngularJS教程之MVC體系結(jié)構(gòu)詳解
模型 - 視圖 - 控制器或MVC，MVC是普遍的叫法，是一種軟件設(shè)計(jì)模式，用于開(kāi)發(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)用程序的所有請(qǐng)求，制備視圖所需要的任何數(shù)據(jù)。視圖，使用制備的控制器，產(chǎn)生一個(gè)最終像樣的響應(yīng)的數(shù)據(jù)。 MVC抽象可以用圖形表示如下。
模型 - model
模型是負(fù)責(zé)管理應(yīng)用程序的數(shù)據(jù)。它響應(yīng)來(lái)自視圖的請(qǐ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ù)模型對(duì)象?？刂破鹘邮盏捷斎耄?yàn)證輸入，然后執(zhí)行修改數(shù)據(jù)模型的狀態(tài)的業(yè)務(wù)操作。
AngularJS是一個(gè)MVC框架。在接下來(lái)的章節(jié)中，讓我們看到了AngularJS如何使用MVC方法。
以上就是AngularJS MVC體系結(jié)構(gòu)，后續(xù)繼續(xù)整理相關(guān)資料，謝謝大家對(duì)本站的支持！
- AngularJS實(shí)現(xiàn)樹(shù)形結(jié)構(gòu)(ztree)菜單示例代碼
- 在AngularJS中使用jQuery的zTree插件的方法
- AngularJS深入探討scope，繼承結(jié)構(gòu)，事件系統(tǒng)和生命周期
- angularjs學(xué)習(xí)筆記之完整的項(xiàng)目結(jié)構(gòu)
- AngularJS內(nèi)置指令
- AngularJS入門教程之學(xué)習(xí)環(huán)境搭建
- AngularJS中的模塊詳解
- angularjs中的單元測(cè)試實(shí)例
- AngularJS學(xué)習(xí)筆記之基本指令(init、repeat)
- AngularJS遞歸指令實(shí)現(xiàn)Tree View效果示例
相關(guān)文章
Angular實(shí)現(xiàn)的敏感文字自動(dòng)過(guò)濾與提示功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的敏感文字自動(dòng)過(guò)濾與提示功能,結(jié)合實(shí)例形式分析了AngularJS針對(duì)字符串的輸入判定及實(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
ngrx是一套利用RxJS的類庫(kù)，下面這篇文章主要給大家介紹了關(guān)于Angular X中使用ngrx的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-07-07
對(duì)angularJs中自定義指令replace的屬性詳解
今天小編就為大家分享一篇對(duì)angularJs中自定義指令replace的屬性詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
Angular.js與Bootstrap相結(jié)合實(shí)現(xiàn)表格分頁(yè)代碼
最近一直在學(xué)習(xí)angularjs相關(guān)知識(shí)，在學(xué)習(xí)過(guò)程中寫了一個(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)前位置顯示出來(lái)
這篇文章給的大家介紹在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來(lái)，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，對(duì)angularjs 谷歌地圖相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
Directive的概念在Angular 1.x就存在了，我對(duì)它的認(rèn)識(shí)比較模糊，所以直接通過(guò)一些例子來(lái)說(shuō)明。Angular提供的內(nèi)置執(zhí)行有很多，這次使用兩個(gè)：ngFor、ngIf。2016-08-08
Angular2學(xué)習(xí)筆記——詳解NgModule模塊
這篇文章主要介紹了Angular2學(xué)習(xí)筆記——詳解NgModule模塊,現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧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