一篇文章讓你徹底瞭解 MVC、MVP 、MVVM

MVC

MVC全名是Model--View--Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫,一種軟件設計典範,用一種業務邏輯、數據、界面顯示分離的方法組織代碼,在改進和個性化定製界面及用戶交互的同時,不需要重新編寫業務邏輯。其中Model層處理數據,業務邏輯等;View層處理界面的顯示結果;Controller層起到橋樑的作用,來控制View層和Model層通信以此來達到分離視圖顯示和業務邏輯層。


一篇文章讓你徹底瞭解 MVC、MVP 、MVVM



我們往往把Android中界面部分的實現也理解為採用了MVC框架,常常把Activity理解為MVC模式中的Controller。

看似沒有什麼特別的地方,但是由幾個需要特別關注的關鍵點:

  1. View是把控制權交移給Controller,自己不執行業務邏輯。
  2. Controller執行業務邏輯並且操作Model,但不會直接操作View,可以說它是對View無知的。
  3. View和Model的同步消息是通過觀察者模式進行,而同步操作是由View自己請求Model的數據然後對視圖進行更新。


MVC的優缺點

  • 優點:


  1. 把業務邏輯全部分離到Controller中,模塊化程度高。當業務邏輯變更的時候,不需要變更View和Model,只需要Controller 換成另外一個Controller就行了(Swappable Controller)。
  2. 觀察者模式可以做到多視圖同時更新。


  • 缺點:


  1. Controller測試困難。因為視圖同步操作是由View自己執行,而View只能在有UI的環境下運行。在沒有UI環境下對Controller進行單元測試的時候, Controller業務邏輯的正確性是無法驗證的:Controller更新Model的時候,無法對View的更新操作進行斷言。
  2. View無法組件化。View是強依賴特定的Model的,如果需要把這個View抽出來作為一個另外一個應用程序可複用的組件就困難了。因為不同程序的的Domain Model是不一樣的


MVP

MVP其實是MVC的一種演進版本,它更簡單,將MVC中的Controller改為了Presenter,View通過接口與Presenter進行交互,降低耦合,方便進行單元測試。

  • View:負責繪製UI元素、與用戶進行交互(Activity、View、Fragment都可以做為View層);
  • Model:對數據的操作、對網絡等的操作,和業務相關的邏輯處理;
  • Presenter:作為View與Model交互的中間紐帶,處理與用戶交互的邏輯。可以把Presenter理解為一箇中間層的角色,它接受Model層的數據,並且處理之後傳遞給View層,還需要處理View層的用戶交互等操作。



一篇文章讓你徹底瞭解 MVC、MVP 、MVVM



關鍵點:

  1. View不再負責同步的邏輯,而是由Presenter負責。Presenter中既有業務邏輯也有同步邏輯。
  2. View需要提供操作界面的接口給Presenter進行調用。(關鍵)


對比在MVC中,Controller是不能操作View的,View也沒有提供相應的接口;而在MVP當中,Presenter可以操作View,View需要提供一組對界面操作的接口給Presenter進行調用;Model仍然通過事件廣播自己的變更,但由Presenter監聽而不是View。

MVP(Passive View)的優缺點

  • 優點:


  1. 便於測試。Presenter對View是通過接口進行,在對Presenter進行不依賴UI環境的單元測試的時候。可以通過Mock一個View對象,這個對象只需要實現了View的接口即可。然後依賴注入到Presenter中,單元測試的時候就可以完整的測試Presenter業務邏輯的正確性。
  2. View可以進行組件化。在MVP當中,View不依賴Model。這樣就可以讓View從特定的業務場景中脫離出來,可以說View可以做到對業務邏輯完全無知。它只需要提供一系列接口提供給上層操作。這樣就可以做高度可複用的View組件。


  • 缺點:


  1. Presenter中除了業務邏輯以外,還有大量的View->Model,Model->View的手動同步邏輯,造成Presenter比較笨重,維護起來會比較困難。


MVVM

MVVM模式(Model--View--ViewModel模式),和MVP模式相比,MVVM 模式用ViewModel替換了Presenter ,其他層基本上與 MVP 模式一致,ViewModel可以理解成是View的數據模型和Presenter的合體。

MVVM採用雙向綁定(data-binding):View的變動,自動反映在ViewModel,反之亦然,這種模式實際上是框架替應用開發者做了一些工作(相當於ViewModel類是由庫幫我們生成的),開發者只需要較少的代碼就能實現比較複雜的交互。


一篇文章讓你徹底瞭解 MVC、MVP 、MVVM



MVVM的調用關係

MVVM的調用關係和MVP一樣。但是,在ViewModel當中會有一個叫Binder,或者是Data-binding engine的東西。以前全部由Presenter負責的View和Model之間數據同步操作交由給Binder處理。你只需要在View的模版語法當中,指令式地聲明View上的顯示的內容是和Model的哪一塊數據綁定的。當ViewModel對進行Model更新的時候,Binder會自動把數據更新到View上去,當用戶對View進行操作(例如表單輸入),Binder也會自動把數據更新到Model上去。這種方式稱為:Two-way data-binding,雙向數據綁定。可以簡單而不恰當地理解為一個模版引擎,但是會根據數據變更實時渲染。

關鍵點:

MVVM把View和Model的同步邏輯自動化了。以前Presenter負責的View和Model同步不再手動地進行操作,而是交由框架所提供的Binder進行負責。

只需要告訴Binder,View顯示的數據對應的是Model哪一部分即可。

MVVM的優缺點

  • 優點:


  1. 提高可維護性。解決了MVP大量的手動View和Model同步的問題,提供雙向綁定機制。提高了代碼的可維護性。
  2. 簡化測試。因為同步邏輯是交由Binder做的,View跟著Model同時變更,所以只需要保證Model的正確性,View就正確。大大減少了對View同步更新的測試。


  • 缺點:


  1. 過於簡單的圖形界面不適用,或說牛刀殺雞。
  2. 對於大型的圖形應用程序,視圖狀態較多,ViewModel的構建和維護的成本都會比較高。
  3. 數據綁定的聲明是指令式地寫在View的模版當中的,這些內容是沒辦法去打斷點debug的。


結語

可以看到,從MVC->MVP->MVVM,就像一個打怪升級的過程。後者解決了前者遺留的問題,把前者的缺點優化成了優點。同樣的Demo功能,代碼從最開始的一堆文件,優化成了最後只需要20幾行代碼就完成。MV*模式之間的區分還是蠻清晰的,希望可以給對這些模式理解比較模糊的同學帶來一些參考和思路。


最後,我自己是一名從事了多年開發的Java老程序員,辭職目前在做自己的Java私人定製課程,今年年初我花了一個月整理了一份最適合2019年學習的Java學習乾貨,可以送給每一位喜歡Java的小夥伴,想要獲取的可以關注我的頭條號並在後臺私信我:01,即可免費獲取。


分享到:


相關文章: