Inleiding

  • 3 minuten

Het MVVM-patroon (Model-View-ViewModel) is een softwareontwerppatroon. Ontwerppatronen zijn sets regels en sjablonen waarmee toepassingscode beter of consistenter kan worden. U gebruikt het MVVM-patroon om de gedragslogica van de app te scheiden van de code voor het weergeven van de gebruikersinterface en dit op een manier te doen die eenheidstests ondersteunt.

Voorbeeldscenario

Stel dat uw bedrijf beheersoftware produceert voor hr-afdelingen. Ze gebruiken de software om details over de werknemers van het bedrijf te beheren en te controleren. Het bestaande systeem is gebaseerd op het web. U bent gevraagd om een mobiele app te maken die kan worden gebruikt met dezelfde back-end-API's die door het websysteem worden gebruikt. U weet dat de back-end-API's en de webfront-end grondig worden gedekt door eenheidstests. En u wilt die standaard voor de mobiele app behouden. U hebt gehoord dat het MVVM-patroon kan helpen bij het ontwerpen van mobiele apps voor maximale testbaarheid, dus u van plan bent om het uit te proberen.

MVVM zelf is een ontwerppatroon dat de basis vormt voor veel frameworks en programmeertoolkits. De meeste van deze frameworks bieden ook andere zaken, zoals navigatie- en berichtenabstracties, die MVVM helpen eenheidstests te promoten. In deze discussie richt u zich op de basisprincipes van het patroon, omdat frameworks sterk kunnen variëren in hun implementaties.

In deze module leert u de onderdelen van het MVVM-patroon en de verantwoordelijkheden van het model, de weergave en het viewmodel. Vervolgens schrijft u code in een viewmodel dat het gedrag van toepassingen afhandelt op een manier die is geïsoleerd van de UI-bibliotheken (zelfs van .NET MAUI zelf).

Wat leert u?

In deze module wordt het volgende behandeld:

  • Bepaal wanneer het patroon Model-View-View-ViewModel moet worden gebruikt.
  • Gebruik een viewmodel om visueel gedrag te stimuleren.
  • Verbeter de testbaarheid van code via gegevensbindingseigenschappen.

Vereisten

  • Visual Studio 2022 waarop de .NETLOAD-workload is geïnstalleerd
  • Optioneel: Visual Studio Code met de .NETLOAD-extensie en .NET SDK waarop de .NETLOAD-workload is geïnstalleerd
  • Bekendheid met tussenliggende programmeerconcepten, zoals interfaces, klassen en kenmerken.
  • Mogelijkheid om XAML-code te schrijven.
  • De vorige module in dit trainingstraject voltooid of begrijpen hoe gegevensbinding werkt in .NET MAUI.

Vereisten voor .NET MAUI-ontwikkeling

Als u .NET MAUI-apps wilt maken met .NET 9, moet u Visual Studio versie 17.12 of hoger installeren met de volgende workload geïnstalleerd:

  • .NET Multi-Platform App UI-ontwikkeling

Bovendien moet u de workload ASP.NET en webontwikkeling installeren als u .NETLOAD Blazor-apps wilt bouwen.

Raadpleeg de documentatie voor een overzicht van de installatie.

Ontwikkelen met Visual Studio Code

Als u ontwikkelt op macOS of Linux, moet u Visual Studio Code en de .NET-EXTENSIE installeren, samen met de .NET SDK en .NETLOAD Workload. Raadpleeg de documentatie voor een overzicht van de installatie.