1. MVC框架
MVC全名是Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫，一種軟件設計典範，用一種業務邏輯、數據、界面顯示分離的方法組織代碼，將業務邏輯聚集到一個部件裏面，在改進和個性化定製界面及用戶交互的同時，不需要重新編寫業務邏輯。MVC被獨特的發展起來用於映射傳統的輸入、處理和輸出功能在一個邏輯的圖形化用戶界面的結構中。
MVC框架模式圖
1.1 MVC 編程模式
MVC 是一種使用 MVC（Model View Controller 模型-視圖-控制器）設計創建 Web 應用程序的模式：
-
Model（模型）表示應用程序核心（如數據庫）。
-
View（視圖）顯示效果（HTML頁面）。
-
Controller（控制器）處理輸入（業務邏輯）。
MVC 模式同時提供了對 HTML、CSS 和 JavaScript 的完全控制。
Model（模型）是應用程序中用於處理應用程序數據邏輯的部分。常模型對象負責在數據庫中存取數據。
View（視圖）是應用程序中處理數據顯示的部分。通常視圖是依據模型數據創建的。
Controller（控制器）是應用程序中處理用戶交互的部分。通常控制器負責從視圖讀取數據，控制用戶輸入，並向模型發送數據。
優點
耦合性低
視圖層和業務層分離，這樣就允許更改視圖層代碼而不用重新編譯模型和控制器代碼，同樣，一個應用的業務流程或者業務規則的改變只需要改動MVC的模型層即可。因爲模型與控制器和視圖相分離，所以很容易改變應用程序的數據層和業務規則。
模型是自包含的，並且與控制器和視圖相分離，所以很容易改變應用程序的數據層和業務規則。如果把數據庫從MySQL移植到Oracle，或者改變基於RDBMS數據源到LDAP，只需改變模型即可。一旦正確的實現了模型，不管數據來自數據庫或是LDAP服務器，視圖將會正確的顯示它們。由於運用MVC的應用程序的三個部件是相互獨立，改變其中一個不會影響其它兩個，所以依據這種設計思想能構造良好的鬆耦合
重用性高
隨着技術的不斷進步，需要用越來越多的方式來訪問應用程序。MVC模式允許使用各種不同樣式的視圖來訪問同一個服務器端的代碼，因爲多個視圖能共享一個模型，它包括任何WEB（HTTP）瀏覽器或者無線瀏覽器（wap），比如，用戶可以通過電腦也可通過手機來訂購某樣產品，雖然訂購的方式不一樣，但處理訂購產品的方式是一樣的。由於模型返回的數據沒有進行格式化，所以同樣的構件能被不同的界面使用。例如，很多數據可能用HTML來表示，但是也有可能用WAP來表示，而這些表示所需要的命令是改變視圖層的實現方式，而控制層和模型層無需做任何改變。由於已經將數據和業務規則從表示層分開，所以可以最大化的重用代碼了。模型也有狀態管理和數據持久性處理的功能，例如，基於會話的購物車和電子商務過程也能被Flash網站或者無線聯網的應用程序所重用。
生命週期成本低
MVC使開發和維護用戶接口的技術含量降低。
部署快
使用MVC模式使開發時間得到相當大的縮減，它使程序員（Java開發人員）集中精力於業務邏輯，界面程序員（HTML和JSP開發人員）集中精力於表現形式上。
可維護性高
分離視圖層和業務邏輯層也使得WEB應用更易於維護和修改。
有利軟件工程化管理
由於不同的層各司其職，每一層不同的應用具有某些相同的特徵，有利於通過工程化、工具化管理程序代碼。控制器也提供了一個好處，就是可以使用控制器來聯接不同的模型和視圖去完成用戶的需求，這樣控制器可以爲構造應用程序提供強有力的手段。給定一些可重用的模型和視圖，控制器可以根據用戶的需求選擇模型進行處理，然後選擇視圖將處理結果顯示給用戶。
缺點
沒有明確的定義
完全理解MVC並不是很容易。使用MVC需要精心的計劃，由於它的內部原理比較複雜，所以需要花費一些時間去思考。同時由於模型和視圖要嚴格的分離，這樣也給調試應用程序帶來了一定的困難。每個構件在使用之前都需要經過徹底的測試。
不適合小型，中等規模的應用程序
花費大量時間將MVC應用到規模並不是很大的應用程序通常會得不償失。
增加系統結構和實現的複雜性
對於簡單的界面，嚴格遵循MVC，使模型、視圖與控制器分離，會增加結構的複雜性，並可能產生過多的更新操作，降低運行效率。
視圖與控制器間的過於緊密的連接
視圖與控制器是相互分離，但卻是聯繫緊密的部件，視圖沒有控制器的存在，其應用是很有限的，反之亦然，這樣就妨礙了他們的獨立重用。
視圖對模型數據的低效率訪問
依據模型操作接口的不同，視圖可能需要多次調用才能獲得足夠的顯示數據。對未變化數據的不必要的頻繁訪問，也將損害操作性能。
一般高級的界面工具或構造器不支持模式
改造這些工具以適應MVC需要和建立分離的部件的代價是很高的，會造成MVC使用的困難。
2. MVP模式
全稱：Model-View-Presenter ；MVP 是從經典的模式MVC演變而來，它們的基本思想有相通的地方Controller/Presenter負責邏輯的處理，Model提供數據，View負責顯示。（Presenter是主持人的意思）
MVP框架模式圖
優點
1、模型與視圖完全分離，我們可以修改視圖而不影響模型
2、可以更高效地使用模型，因爲所有的交互都發生在一個地方——Presenter內部
3、我們可以將一個Presenter用於多個視圖，而不需要改變Presenter的邏輯。這個特性非常的有用，因爲視圖的變化總是比模型的變化頻繁。
4、如果我們把邏輯放在Presenter中，那麼我們就可以脫離用戶接口來測試這些邏輯（單元測試）
缺點
由於對視圖的渲染放在了Presenter中，所以視圖和Presenter的交互會過於頻繁。還有一點需要明白，如果Presenter過多地渲染了視圖，往往會使得它與特定的視圖的聯繫過於緊密。一旦視圖需要變更，那麼Presenter也需要變更了。比如說，原本用來呈現Html的Presenter現在也需要用於呈現Pdf了，那麼視圖很有可能也需要變更。
MVP與MVC區別：
作爲一種新的模式，MVP與MVC有着一個重大的區別：在MVP中View並不直接使用Model，它們之間的通信是通過Presenter (MVC中的Controller)來進行的，所有的交互都發生在Presenter內部，而在MVC中View會直接從Model中讀取數據而不是通過 Controller。
在MVC裏，View是可以直接訪問Model的！從而，View裏會包含Model信息，不可避免的還要包括一些業務邏輯。 在MVC模型裏，更關注的Model的改變，而同時有多個對Model的不同顯示，即View。所以，在MVC模型裏，Model不依賴於View，但是View是依賴於Model的。不僅如此，因爲有一些業務邏輯在View裏實現了，導致要更改View也是比較困難的，至少那些業務邏輯是無法重用的。
雖然 MVC 中的 View 的確“可以”訪問 Model，但是我們不建議在 View 中依賴 Model，而是要求儘可能把所有業務邏輯都放在 Controller 中處理，而 View 只和 Controller 交互。
區別如下圖所示：
mvc.png
mvp.png
3.MVVM框架
MVVM是Model-View-ViewModel的簡寫。它本質上就是MVC 的改進版。MVVM 就是將其中的View 的狀態和行爲抽象化，讓我們將視圖 UI 和業務邏輯分開。當然這些事 ViewModel 已經幫我們做了，它可以取出 Model 的數據同時幫忙處理 View 中由於需要展示內容而涉及的業務邏輯。微軟的WPF帶來了新的技術體驗，如Silverlight、音頻、視頻、3D、動畫……，這導致了軟件UI層更加細節化、可定製化。同時，在技術層面，WPF也帶來了 諸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結合的應用方式時發展演變過來的一種新型架構框架。它立足於原有MVP框架並且把WPF的新特性糅合進去，以應對客戶日益複雜的需求變化。
MVVM框架模式圖
3.1 MVVM模式的組成部分
-
模型
-
模型是指代表真實狀態內容的領域模型（面向對象），或指代表內容的數據訪問層（以數據爲中心）。
-
視圖
-
就像在MVC和MVP模式中一樣，視圖是用戶在屏幕上看到的結構、佈局和外觀（UI）。
-
視圖模型
-
視圖模型是暴露公共屬性和命令的視圖的抽象。MVVM沒有MVC模式的控制器，也沒有MVP模式的presenter，有的是一個綁定器。在視圖模型中，綁定器在視圖和數據綁定器之間進行通信。
-
綁定器
-
聲明性數據和命令綁定隱含在MVVM模式中。在Microsoft解決方案堆中，綁定器是一種名爲XAML的標記語言。綁定器使開發人員免於被迫編寫樣板式邏輯來同步視圖模型和視圖。在微軟的堆之外實現時，聲明性數據綁定技術的出現是實現該模式的一個關鍵因素。
3.2 MVVM優點
MVVM模式和MVC模式一樣，主要目的是分離視圖（View）和模型（Model），有幾大優點
1. 低耦合。視圖（View）可以獨立於Model變化和修改，一個ViewModel可以綁定到不同的"View"上，當View變化的時候Model可以不變，當Model變化的時候View也可以不變。
2. 可重用性。你可以把一些視圖邏輯放在一個ViewModel裏面，讓很多view重用這段視圖邏輯。
3. 獨立開發。開發人員可以專注於業務邏輯和數據的開發（ViewModel），設計人員可以專注於頁面設計，使用Expression Blend可以很容易設計界面並生成xaml代碼。
4. 可測試。界面素來是比較難於測試的，而現在測試可以針對ViewModel來寫。
3.2 MVVM與MVP區別：
mvvm模式將Presener改名爲View Model，基本上與MVP模式完全一致，唯一的區別是，它採用雙向綁定(data-binding): View的 變動，自動反映在View Model，反之亦然。這樣開發者就不用處理接收事件和View更新的工作，框架已經幫你做好了。
文章小結（作者感言）：
這些模式是依次進化而形成MVC/MVP—>MVVM。在以前傳統的開發模式當中即MVC模式，前端人員只負責Model（數據庫） View（視圖） Controller /Presenter/ViewModel（控制器） 當中的View（視圖）部分，寫好頁面交由後端創建渲染模板並提供數據，隨着MVVM模式的出現前端已經可以自己寫業務邏輯以及渲染模板，後端只負責提供數據即可，前端所能做的事情越來越多，這並非壞事，我們的能力得到了提升，並且在開發項目當中工作所佔比重更大，這樣一想是不是很開心了呢？好了，今天就介紹到這裏~