Introduktion

  • 3 minuter

MVVM-mönstret (Model-View-View-ViewModel) är ett mönster för programvarudesign. Designmönster är uppsättningar med regler och mallar som gör programkoden bättre eller mer konsekvent. Du använder MVVM-mönstret för att separera appens beteendelogik från koden för användargränssnittsrendering och för att göra det på ett sätt som stöder enhetstestning.

Exempelscenario

Anta att ditt företag producerar hanteringsprogramvara för personalavdelningen. De använder programvaran för att hantera och granska information om företagets anställda. Det befintliga systemet är webbaserat. Du ombads att skapa en mobilapp som kan användas med samma serverdels-API:er som webbsystemet använder. Du vet att serverdels-API:er och webbklientdelen omfattas noggrant av enhetstester. Och du vill behålla den standarden för mobilappen. Du har hört att MVVM-mönstret kan hjälpa dig att utforma mobilappar för maximal testbarhet, så du planerar att prova det.

MVVM i sig är ett designmönster som utgör grunden för många ramverk och programmeringsverktygspaket. De flesta av dessa ramverk tillhandahåller också andra saker, till exempel navigerings- och meddelandeabstraktioner, som hjälper MVVM att främja enhetstestning. I den här diskussionen koncentrerar du dig på grunderna i mönstret eftersom ramverken kan variera kraftigt i implementeringarna.

I den här modulen får du lära dig delarna i MVVM-mönstret och ansvarsområdena för modellen, vyn och viewmodel. Sedan skriver du kod i en vymodell som hanterar programbeteendet på ett sätt som är isolerat från användargränssnittsbiblioteken (även från själva .NET MAUI).

Vad lär du dig?

I den här modulen kommer du att:

  • Identifiera när mönstret Model-View-ViewModel ska användas.
  • Använd en viewmodel för att driva det visuella beteendet.
  • Förbättra kodtestbarheten genom databindningsbara egenskaper.

Förutsättningar

  • Visual Studio 2022 med .NET MAUI-arbetsbelastningen installerad
  • Valfritt: Visual Studio Code med .NET MAUI-tillägget och .NET SDK med .NET MAUI-arbetsbelastningen installerad
  • Kunskaper om mellanliggande programmeringskoncept som gränssnitt, klasser och attribut.
  • Möjlighet att skriva XAML-kod.
  • Slutfört föregående modul i den här utbildningsvägen eller förstår hur databindning fungerar i .NET MAUI.

Krav för .NET MAUI-utveckling

Om du vill skapa .NET MAUI-appar med .NET 9 måste du installera Visual Studio version 17.12 eller senare med följande arbetsbelastning installerad:

  • .NET Multi-Platform App UI-utveckling

Om du vill skapa .NET MAUI Blazor-appar måste du dessutom installera arbetsbelastningen ASP.NET och webbutveckling.

Se dokumentationen för en genomgång av konfigurationen.

Utveckling med Visual Studio Code

Om du utvecklar på macOS eller Linux måste du installera Visual Studio Code och .NET MAUI-tillägget tillsammans med .NET SDK och .NET MAUI-arbetsbelastningen. Se dokumentationen för en genomgång av konfigurationen.