AngularJS教程之MVC體系結(jié)構(gòu)詳解
模型 - 視圖 - 控制器或MVC,MVC是普遍的叫法,是一種軟件設(shè)計模式,用于開發(fā)Web應(yīng)用程序。模型- 視圖 - 控制器模式是由以下三部分組成:
模型/Model - 一個負(fù)責(zé)維護(hù)數(shù)據(jù)模式的最低水平。
視圖/View - 負(fù)責(zé)顯示所有或數(shù)據(jù)到用戶的部分。
控制器/Controller - 軟件代碼控制Model和View之間的相互作用。
MVC是受歡迎的,因為它隔離了應(yīng)用邏輯從用戶界面層和支持的關(guān)注點分離。這里的控制器接收用于該應(yīng)用程序的所有請求,制備視圖所需要的任何數(shù)據(jù)。視圖,使用制備的控制器,產(chǎn)生一個最終像樣的響應(yīng)的數(shù)據(jù)。 MVC抽象可以用圖形表示如下。
模型 - model
模型是負(fù)責(zé)管理應(yīng)用程序的數(shù)據(jù)。它響應(yīng)來自視圖的請求,同時也響應(yīng)指令從控制器進(jìn)行自我更新。
視圖 - view
在一個特定的格式的演示數(shù)據(jù),由控制器決定觸發(fā)顯示數(shù)據(jù)。它們是基于腳本的模板系統(tǒng),如JSP,ASP,PHP,非常容易使用AJAX技術(shù)的集成。
控制器 - controller
控制器負(fù)責(zé)響應(yīng)于用戶輸入并執(zhí)行交互數(shù)據(jù)模型對象??刂破鹘邮盏捷斎耄炞C輸入,然后執(zhí)行修改數(shù)據(jù)模型的狀態(tài)的業(yè)務(wù)操作。
AngularJS是一個MVC框架。在接下來的章節(jié)中,讓我們看到了AngularJS如何使用MVC方法。
以上就是AngularJS MVC體系結(jié)構(gòu),后續(xù)繼續(xù)整理相關(guān)資料,謝謝大家對本站的支持!
- AngularJS實現(xiàn)樹形結(jié)構(gòu)(ztree)菜單示例代碼
- 在AngularJS中使用jQuery的zTree插件的方法
- AngularJS深入探討scope,繼承結(jié)構(gòu),事件系統(tǒng)和生命周期
- angularjs學(xué)習(xí)筆記之完整的項目結(jié)構(gòu)
- AngularJS內(nèi)置指令
- AngularJS入門教程之學(xué)習(xí)環(huán)境搭建
- AngularJS中的模塊詳解
- angularjs中的單元測試實例
- AngularJS學(xué)習(xí)筆記之基本指令(init、repeat)
- AngularJS遞歸指令實現(xiàn)Tree View效果示例
相關(guān)文章
詳解Angular的內(nèi)置過濾器和自定義過濾器【推薦】
在實際的開發(fā)過程中,很多后端返回給我們的數(shù)據(jù)都是需要格式化處理的,在angular中為我們內(nèi)置提供了filter指令,可以很方便的對數(shù)據(jù)進(jìn)行處理。本文將對Angular的內(nèi)置過濾器和自定義過濾器進(jìn)行詳細(xì)介紹,下面跟著小編一起來看下吧2016-12-12Angular 4.x 動態(tài)創(chuàng)建表單實例
本篇文章主要介紹了Angular 4.x 動態(tài)創(chuàng)建表單實例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04如何在Angular8.0下使用ngx-translate進(jìn)行國際化配置
這篇文章主要介紹了如何在Angular8.0下使用ngx-translate進(jìn)行國際化配置,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07Angular.JS實現(xiàn)無限級的聯(lián)動菜單(使用demo)
這篇文章主要介紹了Angular.JS中實現(xiàn)無限級聯(lián)動菜單的使用示例,本文是在之前的一篇文章的基礎(chǔ)上進(jìn)行的幾個demo分享,有需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02