Wprowadzenie

3 min

Wzorzec Model-View-ViewModel (MVVM) jest wzorcem projektowania oprogramowania. Wzorce projektowe to zestawy reguł i szablonów, które ułatwiają lepsze lub bardziej spójne kod aplikacji. Wzorzec MVVM ułatwia oddzielenie logiki zachowania aplikacji od kodu renderowania interfejsu użytkownika i w taki sposób, aby obsługiwał testowanie jednostkowe.

Przykładowy scenariusz

Załóżmy, że twoja firma produkuje oprogramowanie do zarządzania dla działów zasobów ludzkich. Używają oprogramowania do zarządzania i przeglądania szczegółów dotyczących pracowników firmy. Istniejący system jest oparty na sieci Web. Poproszono Cię o utworzenie aplikacji mobilnej, która może być używana z tymi samymi interfejsami API zaplecza używanymi przez system internetowy. Wiesz, że interfejsy API zaplecza i fronton internetowy są dokładnie objęte testami jednostkowymi. Chcesz zachować ten standard dla aplikacji mobilnej. Wiesz, że wzorzec MVVM może pomóc w projektowaniu aplikacji mobilnych w celu zapewnienia maksymalnej możliwości testowania, więc planujesz ją wypróbować.

Sam model MVVM jest wzorcem projektowym, który jest podstawą dla wielu struktur i zestawów narzędzi programistycznych. Większość tych struktur udostępnia również inne elementy, takie jak abstrakcje nawigacji i obsługi komunikatów, które pomagają mvVM promować testowanie jednostkowe. W tej dyskusji skoncentrujesz się na podstawach wzorca, ponieważ struktury mogą się znacznie różnić w ich implementacjach.

W tym module poznasz części wzorca MVVM oraz obowiązki modelu, widoku i modelu widoku. Następnie napiszesz kod w modelu widoków, który obsługuje zachowanie aplikacji w sposób odizolowany od bibliotek interfejsu użytkownika (nawet od samego programu MAUI platformy .NET).

Czego się uczysz

Zawartość tego modułu:

Określ, kiedy używać wzorca Model-View-ViewModel.
Używanie modelu viewmodel do kierowania zachowaniem wizualnym.
Zwiększanie możliwości testowania kodu za pomocą właściwości z możliwością powiązania danych.

Wymagania wstępne

Program Visual Studio 2022 z zainstalowanym obciążeniem .NET MAUI
Opcjonalnie: program Visual Studio Code z zainstalowanym pakietem roboczym .NET MAUI Extension i zestawem .NET SDK z zainstalowanym obciążeniem .NET MAUI
Znajomość pojęć programowania pośredniego, takich jak interfejsy, klasy i atrybuty.
Możliwość pisania kodu XAML.
Ukończono poprzedni moduł w tej ścieżce szkoleniowej lub dowiedz się, jak działa powiązanie danych w programie .NET MAUI.

Wymagania dotyczące programowania w programie .NET MAUI

Aby utworzyć aplikacje .NET MAUI na platformie .NET 9, należy zainstalować program Visual Studio w wersji 17.12 lub nowszej z zainstalowanym następującym obciążeniem:

Programowanie interfejsu użytkownika aplikacji wieloplatformowych platformy .NET

Ponadto jeśli chcesz utworzyć aplikacje platformy .NET MAUI Blazor, musisz zainstalować pakiet roboczy ASP.NET i tworzenie aplikacji internetowych.

Zapoznaj się z dokumentacją , aby zapoznać się z przewodnikiem konfiguracji.

Programowanie za pomocą programu Visual Studio Code