1. MVC框架
MVC全名是Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫割捅，一種軟件設(shè)計典范奶躯，用一種業(yè)務邏輯、數(shù)據(jù)嘹黔、界面顯示分離的方法組織代碼莫瞬，將業(yè)務邏輯聚集到一個部件里面，在改進和個性化定制界面及用戶交互的同時，不需要重新編寫業(yè)務邏輯檩小。MVC被獨特的發(fā)展起來用于映射傳統(tǒng)的輸入、處理和輸出功能在一個邏輯的圖形化用戶界面的結(jié)構(gòu)中规求。
1.1 MVC 編程模式
MVC 是一種使用 MVC（Model View Controller 模型-視圖-控制器）設(shè)計創(chuàng)建 Web 應用程序的模式： [1]
Model（模型）表示應用程序核心（如數(shù)據(jù)庫）阻肿。
View（視圖）顯示效果（HTML頁面）沮尿。
Controller（控制器）處理輸入（業(yè)務邏輯）。
MVC 模式同時提供了對 HTML赴邻、CSS 和 JavaScript 的完全控制啡捶。
Model（模型）是應用程序中用于處理應用程序數(shù)據(jù)邏輯的部分。
通常模型對象負責在數(shù)據(jù)庫中存取數(shù)據(jù)彤敛。
View（視圖）是應用程序中處理數(shù)據(jù)顯示的部分了赌。
通常視圖是依據(jù)模型數(shù)據(jù)創(chuàng)建的。
Controller（控制器）是應用程序中處理用戶交互的部分渠概。
通常控制器負責從視圖讀取數(shù)據(jù)播揪，控制用戶輸入猪狈，并向模型發(fā)送數(shù)據(jù)箱沦。
優(yōu)點
耦合性低
視圖層和業(yè)務層分離雇庙，這樣就允許更改視圖層代碼而不用重新編譯模型和控制器代碼疆前，同樣，一個應用的業(yè)務流程或者業(yè)務規(guī)則的改變只需要改動MVC的模型層即可竹椒。因為模型與控制器和視圖相分離胸完，所以很容易改變應用程序的數(shù)據(jù)層和業(yè)務規(guī)則。
模型是自包含的赊窥，并且與控制器和視圖相分離锨能，所以很容易改變應用程序的數(shù)據(jù)層和業(yè)務規(guī)則。如果把數(shù)據(jù)庫從MySQL移植到Oracle叔收，或者改變基于RDBMS數(shù)據(jù)源到LDAP傲隶，只需改變模型即可。一旦正確的實現(xiàn)了模型复濒，不管數(shù)據(jù)來自數(shù)據(jù)庫或是LDAP服務器乒省，視圖將會正確的顯示它們。由于運用MVC的應用程序的三個部件是相互獨立砸泛，改變其中一個不會影響其它兩個，所以依據(jù)這種設(shè)計思想能構(gòu)造良好的松耦合
重用性高
隨著技術(shù)的不斷進步勾栗，需要用越來越多的方式來訪問應用程序盏筐。MVC模式允許使用各種不同樣式的視圖來訪問同一個服務器端的代碼，因為多個視圖能共享一個模型界牡，它包括任何WEB（HTTP）瀏覽器或者無線瀏覽器（wap）漾抬，比如，用戶可以通過電腦也可通過手機來訂購某樣產(chǎn)品她混，雖然訂購的方式不一樣泊碑，但處理訂購產(chǎn)品的方式是一樣的毯欣。由于模型返回的數(shù)據(jù)沒有進行格式化酗钞，所以同樣的構(gòu)件能被不同的界面使用。例如砚作，很多數(shù)據(jù)可能用HTML來表示葫录，但是也有可能用WAP來表示，而這些表示所需要的命令是改變視圖層的實現(xiàn)方式骇扇，而控制層和模型層無需做任何改變面粮。由于已經(jīng)將數(shù)據(jù)和業(yè)務規(guī)則從表示層分開，所以可以最大化的重用代碼了稍走。模型也有狀態(tài)管理和數(shù)據(jù)持久性處理的功能，例如粱胜，基于會話的購物車和電子商務過程也能被Flash網(wǎng)站或者無線聯(lián)網(wǎng)的應用程序所重用盖淡。 [11]
生命周期成本低
MVC使開發(fā)和維護用戶接口的技術(shù)含量降低。
部署快
使用MVC模式使開發(fā)時間得到相當大的縮減冗恨，它使程序員（Java開發(fā)人員）集中精力于業(yè)務邏輯味赃，界面程序員（HTML和JSP開發(fā)人員）集中精力于表現(xiàn)形式上。
可維護性高
分離視圖層和業(yè)務邏輯層也使得WEB應用更易于維護和修改傲武。
有利軟件工程化管理
由于不同的層各司其職城榛，每一層不同的應用具有某些相同的特征狠持，有利于通過工程化、工具化管理程序代碼甜刻≌眨控制器也提供了一個好處，就是可以使用控制器來聯(lián)接不同的模型和視圖去完成用戶的需求祥绞，這樣控制器可以為構(gòu)造應用程序提供強有力的手段鸭限。給定一些可重用的模型和視圖，控制器可以根據(jù)用戶的需求選擇模型進行處理丧荐，然后選擇視圖將處理結(jié)果顯示給用戶喧枷。
缺點
沒有明確的定義
完全理解MVC并不是很容易。使用MVC需要精心的計劃车荔，由于它的內(nèi)部原理比較復雜，所以需要花費一些時間去思考忧便。同時由于模型和視圖要嚴格的分離，這樣也給調(diào)試應用程序帶來了一定的困難超歌。每個構(gòu)件在使用之前都需要經(jīng)過徹底的測試蒂教。
不適合小型凝垛，中等規(guī)模的應用程序
花費大量時間將MVC應用到規(guī)模并不是很大的應用程序通常會得不償失。
增加系統(tǒng)結(jié)構(gòu)和實現(xiàn)的復雜性
對于簡單的界面炭分，嚴格遵循MVC剑肯，使模型、視圖與控制器分離，會增加結(jié)構(gòu)的復雜性型将，并可能產(chǎn)生過多的更新操作七兜，降低運行效率。
視圖與控制器間的過于緊密的連接
視圖與控制器是相互分離惜犀，但卻是聯(lián)系緊密的部件狠裹，視圖沒有控制器的存在，其應用是很有限的莉御，反之亦然礁叔，這樣就妨礙了他們的獨立重用。
視圖對模型數(shù)據(jù)的低效率訪問
依據(jù)模型操作接口的不同煮岁，視圖可能需要多次調(diào)用才能獲得足夠的顯示數(shù)據(jù)涣易。對未變化數(shù)據(jù)的不必要的頻繁訪問，也將損害操作性能色罚。
一般高級的界面工具或構(gòu)造器不支持模式
改造這些工具以適應MVC需要和建立分離的部件的代價是很高的账劲，會造成MVC使用的困難瀑焦。
2. MVP模式
全稱：Model-View-Presenter ；MVP 是從經(jīng)典的模式MVC演變而來铺董，它們的基本思想有相通的地方Controller/Presenter負責邏輯的處理禀晓，Model提供數(shù)據(jù)，View負責顯示重付。
優(yōu)點
1确垫、模型與視圖完全分離帽芽，我們可以修改視圖而不影響模型
2、可以更高效地使用模型披泪，因為所有的交互都發(fā)生在一個地方——Presenter內(nèi)部
3搬瑰、我們可以將一個Presenter用于多個視圖，而不需要改變Presenter的邏輯徽职。這個特性非常的有用姆钉，因為視圖的變化總是比模型的變化頻繁。
4陶冷、如果我們把邏輯放在Presenter中毯辅，那么我們就可以脫離用戶接口來測試這些邏輯（單元測試）
缺點
由于對視圖的渲染放在了Presenter中，所以視圖和Presenter的交互會過于頻繁沾谜。還有一點需要明白胀莹，如果Presenter過多地渲染了視圖描焰，往往會使得它與特定的視圖的聯(lián)系過于緊密。一旦視圖需要變更篱竭，那么Presenter也需要變更了步绸。比如說，原本用來呈現(xiàn)Html的Presenter現(xiàn)在也需要用于呈現(xiàn)Pdf了坪圾，那么視圖很有可能也需要變更惑朦。
MVP與MVC區(qū)別：
作為一種新的模式漾月，MVP與MVC有著一個重大的區(qū)別：在MVP中View并不直接使用Model胃珍，它們之間的通信是通過Presenter (MVC中的Controller)來進行的蜓陌，所有的交互都發(fā)生在Presenter內(nèi)部钮热，而在MVC中View會直接從Model中讀取數(shù)據(jù)而不是通過 Controller烛芬。
在MVC里，View是可以直接訪問Model的仆潮！從而遣臼，View里會包含Model信息揍堰，不可避免的還要包括一些業(yè)務邏輯。 在MVC模型里篡石，更關(guān)注的Model的改變西采，而同時有多個對Model的不同顯示械馆，即View。所以珊搀，在MVC模型里尾菇，Model不依賴于View，但是View是依賴于Model的劳淆。不僅如此默赂，因為有一些業(yè)務邏輯在View里實現(xiàn)了，導致要更改View也是比較困難的曲掰，至少那些業(yè)務邏輯是無法重用的栏妖。
雖然 MVC 中的 View 的確“可以”訪問 Model，但是我們不建議在 View 中依賴 Model咙鞍，而是要求盡可能把所有業(yè)務邏輯都放在 Controller 中處理趾徽，而 View 只和 Controller 交互孵奶。
區(qū)別如下圖所示：
3.MVVM框架
MVVM是Model-View-ViewModel的簡寫了袁。它本質(zhì)上就是MVC 的改進版。MVVM 就是將其中的View 的狀態(tài)和行為抽象化粥诫，讓我們將視圖 UI 和業(yè)務邏輯分開怀浆。當然這些事 ViewModel 已經(jīng)幫我們做了怕享，它可以取出 Model 的數(shù)據(jù)同時幫忙處理 View 中由于需要展示內(nèi)容而涉及的業(yè)務邏輯。微軟的WPF帶來了新的技術(shù)體驗沙合，如Silverlight跌帐、音頻谨敛、視頻、3D挎袜、動畫……肥惭，這導致了軟件UI層更加細節(jié)化蜜葱、可定制化。同時爸黄，在技術(shù)層面揭鳞，WPF也帶來了 諸如Binding野崇、Dependency Property、Routed Events鳖轰、Command扶镀、DataTemplate、ControlTemplate等新特性昆雀。MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結(jié)合的應用方式時發(fā)展演變過來的一種新型架構(gòu)框架忆肾。它立足于原有MVP框架并且把WPF的新特性糅合進去菱肖，以應對客戶日益復雜的需求變化稳强。
3.1 MVVM模式的組成部分
模型
模型是指代表真實狀態(tài)內(nèi)容的領(lǐng)域模型（面向?qū)ο螅蛑复韮?nèi)容的數(shù)據(jù)訪問層（以數(shù)據(jù)為中心）渠缕。
視圖
就像在MVC和MVP模式中一樣亦鳞，視圖是用戶在屏幕上看到的結(jié)構(gòu)、布局和外觀（UI）遭笋。
視圖模型
視圖模型是暴露公共屬性和命令的視圖的抽象瓦呼。MVVM沒有MVC模式的控制器测暗，也沒有MVP模式的presenter，有的是一個綁定器质和。在視圖模型中稚字，綁定器在視圖和數(shù)據(jù)綁定器之間進行通信尉共。
綁定器
聲明性數(shù)據(jù)和命令綁定隱含在MVVM模式中。在Microsoft解決方案堆中殿托，綁定器是一種名為XAML的標記語言支竹。綁定器使開發(fā)人員免于被迫編寫樣板式邏輯來同步視圖模型和視圖鸠按。在微軟的堆之外實現(xiàn)時目尖，聲明性數(shù)據(jù)綁定技術(shù)的出現(xiàn)是實現(xiàn)該模式的一個關(guān)鍵因素。 [1]
3.2 MVVM優(yōu)點
MVVM模式和MVC模式一樣饮戳，主要目的是分離視圖（View）和模型（Model）洞拨，有幾大優(yōu)點
1. 低耦合烦衣。視圖（View）可以獨立于Model變化和修改掩浙，一個ViewModel可以綁定到不同的"View"上厨姚，當View變化的時候Model可以不變寥茫，當Model變化的時候View也可以不變纱耻。
2. 可重用性险耀。你可以把一些視圖邏輯放在一個ViewModel里面，讓很多view重用這段視圖邏輯甩牺。
3. 獨立開發(fā)蘑志。開發(fā)人員可以專注于業(yè)務邏輯和數(shù)據(jù)的開發(fā)（ViewModel），設(shè)計人員可以專注于頁面設(shè)計贬派，使用Expression Blend可以很容易設(shè)計界面并生成xaml代碼急但。
4. 可測試。界面素來是比較難于測試的搞乏，而現(xiàn)在測試可以針對ViewModel來寫波桩。
3.2 MVVM與MVP區(qū)別：
mvvm模式將Presener改名為View Model，基本上與MVP模式完全一致请敦，唯一的區(qū)別是镐躲，它采用雙向綁定(data-binding): View的 變動侍筛，自動反映在View Model萤皂，反之亦然。這樣開發(fā)者就不用處理接收事件和View更新的工作匣椰，框架已經(jīng)幫你做好了裆熙。
文章小結(jié)（作者感言）：
這些模式是依次進化而形成MVC/MVP—>MVVM。在以前傳統(tǒng)的開發(fā)模式當中即MVC模式禽笑，前端人員只負責Model（數(shù)據(jù)庫） View（視圖） Controller /Presenter/ViewModel（控制器） 當中的View（視圖）部分弛车，寫好頁面交由后端創(chuàng)建渲染模板并提供數(shù)據(jù)，隨著MVVM模式的出現(xiàn)前端已經(jīng)可以自己寫業(yè)務邏輯以及渲染模板蒲每，后端只負責提供數(shù)據(jù)即可纷跛，前端所能做的事情越來越多，這并非壞事邀杏，我們的能力得到了提升贫奠，并且在開發(fā)項目當中工作所占比重更大唬血，這樣一想是不是很開心了呢？好了唤崭，今天就介紹到這里~
