
Model-View-Controller
在20世紀80年代為程序語言
Smalltalk發明的一種軟件架構。MVC模式的目的是實現一種動態的程序設計,使后續對程序的修改和擴展簡化,并且使程序某一部分的重復利用成為可能。除此之外,此模式通過對復雜度的簡化,使程序結構更加直觀。軟件系統通過對自身基本部分分離的同時也賦予了各個基本部分應有的功能。專業人員可以通過自身的專長分組:
控制器(Controller)- 負責轉發請求,對請求進行處理。
視圖(View) - 界面設計人員進行圖形界面設計。
模型(Model) - 程序員編寫程序應有的功能(實現算法等等)、數據庫專家進行數據管理和數據庫設計(可以實現具體的功能)。

在AngularJS應用中,MVC設計模式通過JavaScript和HTML來實現。使用HTML定義視圖,用JavaScript實現模型和控制器。
在AngularJS應用中,視圖是使用HTML來創建,HTML可以是一個簡單單獨的頁面,也可以是html代碼片段。
一個簡單的HTML頁面:
<!DOCTYPE html><html><head><title>Hack Hands Angular - Demos</title><meta charset="utf-8" /></head><body><div id="messageTitle"></div><div id="message">Hello World</div></body></html>
AngularJS應用大多是是SPA(Single Page Application)應用,當前頁面只是展示了應用的一部分內容,通過ng-view去加載更多的視圖內容。含有ng-view的html文件如下:
<!DOCTYPE html><html><head><title>Hack Hands Angular - Demos</title><meta charset="utf-8" /></head><body><h2>Hack Hands Angular Demos</h2><div ng-view><div id="messageTitle"></div><div id="message">Hello World</div></div></body></html>
應用的控制器,本質上它是一個JavaScript的函數,用于銜接頁面模板和邏輯代碼,并通過添加對象和行為來增強模板中作用域的功能在AngularJS中,可以在標簽上使用ng-controller指令指定,也可以在配置ui-view的情況下,在路由里面指定。
// Code goes herevar hackApp = angular.module("hackApp", []);var indexController = hackApp.controller("indexController", function($scope) {
// controller logic goes here
$scope.message = "Hello Hacking World"});Model屬于數據層,它即可以表示整個Anglar應用的數據模型對象,也可以只表示某個實體對象
Model數據模型對象依附于作用域,無論是整個模型對象或某個實體對象,都必須被Angular的作用域以屬性的方式進行引用,這種引用可以顯式或隱式的進行創建。
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前題目:Angular企業級開發-AngularMVC實現-創新互聯
瀏覽路徑:http://www.yijiale78.com/article30/idsso.html
成都網站建設公司_創新互聯,為您提供App設計、微信公眾號、自適應網站、虛擬主機、手機網站建設、響應式網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯