複製鏈接
請複製以下鏈接發送給好友

MVVM

鎖定
MVVM是Model-View-ViewModel的簡寫。它本質上就是MVC的改進版。MVVM模式有助於將應用程序的業務和表示邏輯與用户界面 (UI) 清晰分離。 保持應用程序邏輯和UI之間的清晰分離有助於解決許多開發問題,並使應用程序更易於測試、維護和演變。 它還可以顯著提高代碼重用機會,並允許開發人員和UI設計人員在開發應用各自的部分時更輕鬆地進行協作。 [3] 
中文名
MVVM
外文名
Model-View-ViewModel
所屬學科
計算機科學

MVVM定義

MVVM模式,應用的UI以及基礎表示和業務邏輯被分成三個獨立的類:視圖,用於封裝UI和UI邏輯;視圖模型,用於封裝表示邏輯和狀態;以及模型,用於封裝應用的業務邏輯和數據。 [3] 

MVVM發展

因為WPF技術出現,從而使MVC架構模式有所改進,MVVM 模式便是使用的是數據綁定基礎架構。它們可以輕鬆構建UI的必要元素。
可以參考The Composite Application Guidance for WPF(prism)
View綁定到ViewModel,然後執行一些命令在向它請求一個動作。而反過來,ViewModel跟Model通訊,告訴它更新來響應UI。這樣便使得為應用構建UI非常的容易。往一個應用程序上貼一個界面越容易,外觀設計師就越容易使用Blend來創建一個漂亮的界面。同時,當UI和功能越來越松耦合的時候,功能的可測試性就越來越強。
MVP模式中,為了讓UI層能夠從邏輯層上分離下來,設計師們在UI層與邏輯層之間加了一層interface。無論是UI開發人員還是數據開發人員,都要尊重這個契約、按照它進行設計和開發。這樣,理想狀態下無論是Web UI還是Window UI就都可以使用同一套數據邏輯了。借鑑MVP的IView層,養成習慣。View Model聽起來比Presenter要貼切得多;會把一些跟事件、命令相關的東西放在MVC的'C',或者是MVVM的'Vm'。 [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來寫。 [1] 
使用MVVM來開發用户控件。由於用户控件在大部分情況下不涉及到數據的持久化,所以如果將M純粹理解為DomainModel的話,使用MVVM模式來進行自定義控件開發實際上可以省略掉M,變成了VVM。 [2] 

MVVM組成

  • 模型
  • 模型是指代表真實狀態內容的領域模型(面向對象),或指代表內容的數據訪問層(以數據為中心)。
  • 視圖
  • 就像在MVCMVP模式中一樣,視圖是用户在屏幕上看到的結構、佈局和外觀(UI)。
  • 視圖模型
  • 視圖模型是暴露公共屬性和命令的視圖的抽象。MVVM沒有MVC模式的控制器,也沒有MVP模式的presenter,有的是一個綁定器。在視圖模型中,綁定器在視圖和數據綁定器之間進行通信。
  • 綁定器
  • 聲明性數據和命令綁定隱含在MVVM模式中。在Microsoft解決方案堆中,綁定器是一種名為XAML標記語言。綁定器使開發人員免於被迫編寫樣板式邏輯來同步視圖模型和視圖。在微軟的堆之外實現時,聲明性數據綁定技術的出現是實現該模式的一個關鍵因素。 [1] 

MVVM理論基礎

MVVM旨在利用WPF中的數據綁定函數,通過從視圖層中幾乎刪除所有GUI代碼(代碼隱藏),更好地促進視圖層開發與模式其餘部分的分離。不需要用户體驗(UX)開發人員編寫GUI代碼,他們可以使用框架標記語言(如XAML),並創建到應用程序開發人員編寫和維護的視圖模型的數據綁定。角色的分離使得交互設計師可以專注於用户體驗需求,而不是對業務邏輯進行編程。這樣,應用程序的層次可以在多個工作流中進行開發以提高生產力。即使一個開發人員在整個代碼庫上工作,視圖與模型的適當分離也會更加高效,因為基於最終用户反饋,用户界面通常在開發週期中經常發生變化,而且處於開發週期後期。
MVVM模式試圖獲得MVC提供的功能性開發分離的兩個優點,同時利用數據綁定的優勢和通過綁定數據的框架儘可能接近純應用程序模型。它使用綁定器、視圖模型和任何業務層的數據檢查功能來驗證傳入的數據。結果是模型和框架驅動儘可能多的操作,消除或最小化直接操縱視圖的應用程序邏輯(如代碼隱藏)。 [2] 
參考資料
  • 1.    John Gossman. Tales from the Smart Client: Introduction to Model/View/ViewModel pattern for building WPF apps.
  • 2.    Smith, Josh. WPF Apps with the Model-View-ViewModel Design Pattern. MSDN Magazine. February 2009.
  • 3.    模型-視圖-視圖模型 | Microsoft Learn  .微軟.2020-01-05[引用日期2023-03-11]