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)樹形結(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)文章
深入探究AngularJs之$scope對(duì)象(作用域)
本篇文章主要介紹了深入探究AngularJs之$scope對(duì)象(作用域),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07總結(jié)十個(gè)Angular.js由淺入深的面試問(wèn)題
這篇文章雖然只有10個(gè)問(wèn)題,但是覆蓋了angular開(kāi)發(fā)中的各個(gè)方面,有基本的知識(shí)點(diǎn),也有在開(kāi)發(fā)過(guò)程中遇見(jiàn)的問(wèn)題,同時(shí)也有較為開(kāi)放性的問(wèn)題去辨別面試者的基礎(chǔ)水準(zhǔn)和項(xiàng)目經(jīng)驗(yàn),注意答案僅供參考哦~2016-08-08詳解Angular的內(nèi)置過(guò)濾器和自定義過(guò)濾器【推薦】
在實(shí)際的開(kāi)發(fā)過(guò)程中,很多后端返回給我們的數(shù)據(jù)都是需要格式化處理的,在angular中為我們內(nèi)置提供了filter指令,可以很方便的對(duì)數(shù)據(jù)進(jìn)行處理。本文將對(duì)Angular的內(nèi)置過(guò)濾器和自定義過(guò)濾器進(jìn)行詳細(xì)介紹,下面跟著小編一起來(lái)看下吧2016-12-12Angular 4.x 動(dòng)態(tài)創(chuàng)建表單實(shí)例
本篇文章主要介紹了Angular 4.x 動(dòng)態(tài)創(chuàng)建表單實(shí)例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04如何在Angular8.0下使用ngx-translate進(jìn)行國(guó)際化配置
這篇文章主要介紹了如何在Angular8.0下使用ngx-translate進(jìn)行國(guó)際化配置,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07AngulaJS路由 ui-router 傳參實(shí)例
本篇文章主要介紹了AngulaJS路由 ui-router 傳參實(shí)例 ,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04Angular.JS實(shí)現(xiàn)無(wú)限級(jí)的聯(lián)動(dòng)菜單(使用demo)
這篇文章主要介紹了Angular.JS中實(shí)現(xiàn)無(wú)限級(jí)聯(lián)動(dòng)菜單的使用示例,本文是在之前的一篇文章的基礎(chǔ)上進(jìn)行的幾個(gè)demo分享,有需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-02-02