Úvod

3 min

Model-View-ViewModel (MVVM) je vzor návrhu softwaru. Vzory návrhu jsou sady pravidel a šablon, které pomáhají zlepšit nebo konzistentnější kód aplikace. Model MVVM slouží k oddělení logiky chování aplikace od kódu pro vykreslování uživatelského rozhraní a k tomu způsobem, který podporuje testování jednotek.

Ukázkový scénář

Řekněme, že vaše společnost vyrábí software pro správu oddělení lidských zdrojů. Tento software používají ke správě a kontrole podrobností o zaměstnanech společnosti. Stávající systém je založený na webu. Byli jste požádáni o vytvoření mobilní aplikace, kterou lze použít se stejnými back-endovými rozhraními API, která webový systém používá. Víte, že back-endová rozhraní API a webový front-end jsou důkladně pokryté testy jednotek. A chcete zachovat tento standard pro mobilní aplikaci. Slyšeli jste, že model MVVM může pomoct navrhnout mobilní aplikace pro maximální testovatelnost, takže si ho budete chtít vyzkoušet.

Samotný MVVM je vzor návrhu, který je základem pro mnoho architektur a programovacích sad nástrojů. Většina těchto architektur také poskytuje další věci, jako je navigace a abstrakce zasílání zpráv, které pomáhají MVVM propagovat testování jednotek. V této diskuzi se zaměříte na základy modelu, protože architektury se mohou v implementacích značně lišit.

V tomto modulu se seznámíte s částmi modelu MVVM a zodpovědnostmi modelu, zobrazením a modelem zobrazení. Pak napíšete kód v modelu viewmodel, který zpracovává chování aplikace způsobem, který je izolovaný od knihoven uživatelského rozhraní (dokonce i od samotného rozhraní .NET MAUI).

Co se naučíte

V tomto modulu:

Určete, kdy použít model Model-View-ViewModel.
Použití modelu viewmodel k řízení vizuálního chování.
Zlepšení testovatelnosti kódu prostřednictvím vlastností s možností vázání dat

Požadavky

Visual Studio 2022 s nainstalovanou úlohou .NET MAUI
Volitelné: Visual Studio Code s rozšířením .NET MAUI a sadou .NET SDK s nainstalovanou úlohou .NET MAUI
Znalost konceptů zprostředkujícího programování, jako jsou rozhraní, třídy a atributy
Schopnost psát kód XAML
Dokončili jste předchozí modul v tomto školicím programu nebo zjistěte, jak funguje datová vazba v .NET MAUI.

Požadavky na vývoj pro .NET MAUI

Pokud chcete vytvářet aplikace .NET MAUI s .NET 9, musíte nainstalovat Visual Studio verze 17.12 nebo novější s nainstalovanou následující úlohou:

Vývoj uživatelského rozhraní pro více platforem .NET

Pokud navíc chcete vytvářet aplikace .NET MAUI Blazor, musíte nainstalovat ASP.NET a úlohu vývoje pro web.

Návod k nastavení najdete v dokumentaci .

Vývoj pomocí editoru Visual Studio Code