簡介
Model-View-ViewModel (MVVM) 模式是「軟體設計模式」。 設計模式是一組規則和範本,能幫助應用程式程式碼變得更好或更一致。 您使用 MVVM 模式是為了幫助區隔應用程式的行為邏輯與使用者介面轉譯程式碼,並以支援單元測試的方式實現。
範例案例
假設您的公司為人力資源部門生產管理軟體。 他們使用軟體管理並檢閱公司員工的詳細資料。 現有的系統是以 Web 為基礎。 您被要求建立可與 Web 系統所用之相同後端 API 搭配使用的行動裝置應用程式。 您知道後端 API 和 Web 前端全被單元測試所覆蓋。 而您想要維持行動裝置應用程式的標準。 您聽說 MVVM 模式有助於設計行動裝置應用程式以獲得最大可測試性,因此您打算嘗試一下。
MVVM 本身是一種設計模式,是許多架構和程式設計工具套件的基礎。 這些架構大部分也會提供其他項目,例如導覽和傳訊抽象概念,協助 MVVM 提升單元測試。 在此討論中,您會專注於模式的基本概念,因為框架在實作中可能會有很大的差異。
您將執行哪些動作
在此課程模組中,您會了解 MVVM 模式的組件,以及模型、檢視和 ViewModel 的責任。 然後,您會在 ViewModel 中撰寫程式碼,以便以與 UI 程式庫隔離的方式 (甚至是從 .NET MAUI 本身) 處理應用程式行為。
您會學到什麼
在本單元中,您將:
- 識別何時使用 Model-View-ViewModel 模式。
- 使用 ViewModel 來驅動視覺化行為。
- 透過資料繫結屬性改善程式碼可測試性。
必要條件
- 已安裝 .NET MAUI 工作負載的 Visual Studio 2022
- 選擇性:已安裝 .NET MAUI 延伸模組的 Visual Studio Code 和已安裝 .NET MAUI 工作負載的 .NET SDK
- 熟悉中繼程序設計概念,例如介面、類別和屬性。
- 能夠撰寫 XAML 程式碼。
- 完成此訓練路徑中的前一個課程模組,或了解資料繫結在 .NET MAUI 中的運作方式。
.NET MAUI 開發的需求
若要使用 .NET 9 建立 .NET MAUI 應用程式,您需要安裝已安裝下列工作負載的 Visual Studio 17.12 版或更新版本:
- .NET Multi-Platform App UI 開發
此外,如果您想要建置 .NET MAUI Blazor 應用程式,您必須安裝 ASP.NET 和 Web 開發工作負載。
如需設定的逐步解說,請參閱本文。
使用 Visual Studio Code 的開發
如果您要在 macOS 或 Linux 上進行開發,則需要安裝 Visual Studio Code 和 .NET MAUI 延伸模組,以及 .NET SDK 和 .NET MAUI 工作負載。 如需設定的逐步解說,請參閱本文。