MVC、MVP、MVVM三種區別及適用場合

本文將詳細闡述以下MVC、MVP、MVVM三種理念的定義及區別還有他們的適用場合。

MVC

MVC模式最初生根於服務器端的Web開發,後來漸漸能夠勝任客戶端Web開發,能夠滿足其複雜性和豐富性。

這裏寫圖片描述

MVC是Model-View-Controller的縮寫,它將應用程序劃分爲三個部分:

  • Model: 模型(用於封裝與應用程序的業務邏輯相關的數據以及對數據的處理方法)

  • View: 視圖(渲染頁面)

  • Controller: 控制器(M和V之間的連接器,用於控制應用程序的流程,及頁面的業務邏輯)

MVC特點:

MVC模式的特點在於實現關注點分離,即應用程序中的數據模型與業務和展示邏輯解耦。在客戶端web開發中,就是將模型(M-數據、操作數據)、視圖(V-顯示數據的HTML元素)之間實現代碼分離,鬆散耦合,使之成爲一個更容易開發、維護和測試的客戶端應用程序。

  1. View 傳送指令到 Controller ;

  2. Controller 完成業務邏輯後,要求 Model 改變狀態 ;

  3. Model 將新的數據發送到 View,用戶得到反饋。

MVC流程:

MVC流程一共有兩種,在日常開發中都會使用到。

一種是通過 View 接受指令,傳遞給 Controller,然後對模型進行修改或者查找底層數據,最後把改動渲染在視圖上。
這裏寫圖片描述

另一種是通過controller接受指令,傳給Controller:
這裏寫圖片描述

MVC優點:

  • 耦合性低,視圖層和業務層分離,這樣就允許更改視圖層代碼而不用重新編譯模型和控制器代碼。
  • 重用性高
  • 生命週期成本低
  • MVC使開發和維護用戶接口的技術含量降低
  • 可維護性高,分離視圖層和業務邏輯層也使得WEB應用更易於維護和修改
  • 部署快

MVC缺點:

  • 不適合小型,中等規模的應用程序,花費大量時間將MVC應用到規模並不是很大的應用程序通常會得不償失。

  • 視圖與控制器間過於緊密連接,視圖與控制器是相互分離,但卻是聯繫緊密的部件,視圖沒有控制器的存在,其應用是很有限的,反之亦然,這樣就妨礙了他們的獨立重用。

  • 視圖對模型數據的低效率訪問,依據模型操作接口的不同,視圖可能需要多次調用才能獲得足夠的顯示數據。對未變化數據的不必要的頻繁訪問,也將損害操作性能。

MVC應用:

在web app 流行之初, MVC 就應用在了java(struts2)和C#(ASP.NET)服務端應用中,後來在客戶端應用程序中,基於MVC模式,AngularJS應運而生。

MVP

MVP(Model-View-Presenter)是MVC的改良模式,由IBM的子公司Taligent提出。和MVC的相同之處在於:Controller/Presenter負責業務邏輯,Model管理數據,View負責顯示只不過是將 Controller 改名爲 Presenter,同時改變了通信方向。

MVP特點:

  1. M、V、P之間雙向通信。
  2. View 與 Model 不通信,都通過 Presenter 傳遞。Presenter完全把Model和View進行了分離,主要的程序邏輯在Presenter裏實現。
  3. View 非常薄,不部署任何業務邏輯,稱爲”被動視圖”(Passive View),即沒有任何主動性,而 Presenter非常厚,所有邏輯都部署在那裏。
  4. Presenter與具體的View是沒有直接關聯的,而是通過定義好的接口進行交互,從而使得在變更View時候可以保持Presenter的不變,這樣就可以重用。不僅如此,還可以編寫測試用的View,模擬用戶的各種操作,從而實現對Presenter的測試–從而不需要使用自動化的測試工具。

與MVC區別:

這裏寫圖片描述

  • MVP中,View並不直接使用Model,它們之間的通信是通過Presenter (MVC中的Controller)來進行的,所有的交互都發生在Presenter內部。
    這裏寫圖片描述
  • MVC中,View會直接從Model中讀取數據而不是通過 Controller。

MVP優點:

  1. 模型與視圖完全分離,我們可以修改視圖而不影響模型;
  2. 可以更高效地使用模型,因爲所有的交互都發生在一個地方——Presenter內部;
  3. 我們可以將一個Presenter用於多個視圖,而不需要改變Presenter的邏輯。這個特性非常的有用,因爲視圖的變化總是比模型的變化頻繁;
  4. 如果我們把邏輯放在Presenter中,那麼我們就可以脫離用戶接口來測試這些邏輯(單元測試)。

MVP缺點:

視圖和Presenter的交互會過於頻繁,使得他們的聯繫過於緊密。也就是說,一旦視圖變更了,presenter也要變更。

MVP應用:
可應用與Android開發。

MVVM

MVVMModel-View-ViewModel的簡寫。微軟的WPF(Windows Presentation Foundation–微軟推出的基於Windows 的用戶界面框架)帶來了新的技術體驗, 使得軟件UI層更加細節化、可定製化。與此同時,在技術層面,WPF也帶來了 諸如Binding(綁定)、Dependency Property(依賴屬性)、Routed Events(路由事件)、Command(命令)、DataTemplate(數據模板)、ControlTemplate(控制模板)等新特性。MVVM模式其實是MV模式與WPF結合的應用方式時發展演變過來的一種新型架構模式。它立足於原有MVP框架並且把WPF的新特性糅合進去,以應對客戶日益複雜的需求變化。

這裏寫圖片描述

MVVM優點:

MVVM模式和MVC模式類似,主要目的是分離視圖(View)和模型(Model),有幾大優點:

  1. 低耦合,視圖(View)可以獨立於Model變化和修改,一個ViewModel可以綁定到不同的”View”上,當View變化的時候Model可以不變,當Model變化的時候View也可以不變。

  2. 可重用性,可以把一些視圖邏輯放在一個ViewModel裏面,讓很多view重用這段視圖邏輯。

  3. 獨立開發,開發人員可以專注於業務邏輯和數據的開發(ViewModel),設計人員可以專注於頁面設計,使用Expression Blend可以很容易設計界面並生成xml代碼。

  4. 可測試,界面向來是比較難於測試的,而現在測試可以針對ViewModel來寫。

發佈了36 篇原創文章 · 獲贊 111 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章