Einführung

3 Minuten

Das Model-View-ViewModel-Muster (MVVM) ist ein Softwareentwurfsmuster. Entwurfsmuster sind Regeln und Vorlagen, die zu einem besseren oder konsistenteren Anwendungscode beitragen. Sie verwenden das MVVM-Muster, um die Verhaltenslogik der App vom Code der Benutzeroberfläche zu trennen – und zwar in einer Weise, die das Durchführen von Unittests unterstützt.

Beispielszenario

Angenommen, Ihr Unternehmen stellt eine Verwaltungssoftware für Personalabteilungen her. Die Software wird verwendet, um Details über die Mitarbeiter des Unternehmens zu verwalten und zu überprüfen. Das bestehende System ist webbasiert. Sie wurden gebeten, eine mobile App zu erstellen, die mit den gleichen Back-End-APIs verwendet werden kann, die auch das Websystem verwendet. Sie wissen, dass die Back-End-APIs und das Web-Front-End umfassend durch Komponententests abgedeckt werden. Und Sie möchten diesen Standard für die mobile App beibehalten. Sie haben davon gehört, dass das MVVM-Muster beim Entwurf von mobilen Apps hilfreich sein kann, um maximale Testfähigkeit zu gewährleisten. Deshalb möchten Sie das MVVM-Muster ausprobieren.

MVVM selbst ist ein Entwurfsmuster, das die Grundlage für zahlreiche Frameworks und Programmierungs-Toolkits darstellt. Die meisten dieser Frameworks stellen darüber hinaus weitere Elemente wie z.B. Navigations- und Messagingabstraktionen bereit, die MVVM bei der Unterstützung von Unittests helfen. Sie konzentrieren sich im Rahmen dieses Moduls auf die Grundlagen des Musters, weil Frameworks in Bezug auf ihre Implementierungen stark variieren können.

In diesem Modul lernen Sie die Bestandteile des MVVM-Musters und die Aufgaben von Modell, Ansicht und ViewModel kennen. Anschließend schreiben Sie Code in eine ViewModel-Komponente, um das Anwendungsverhalten so zu behandeln, dass es von den Benutzeroberflächenbibliotheken (sogar von .NET MAUI selbst) isoliert ist.

Lerninhalte

In diesem Modul lernen Sie Folgendes:

Wann sollte das Model View ViewModel-Muster verwendet werden?
Verwenden eines ViewModels zum Steuern des visuellen Verhaltens.
Verbessern der Testfähigkeit des Codes über Eigenschaften zur Datenbindung.

Voraussetzungen

Visual Studio 2022 mit installierter .NET MAUI-Workload
Optional: Visual Studio Code mit der .NET MAUI Extension und dem .NET SDK mit dem installierten .NET MAUI Workload
Vertrautheit mit Zwischenprogrammierkonzepten wie Schnittstellen, Klassen und Attributen.
Fähigkeit, XAML-Code zu schreiben.
Das vorherige Modul in diesem Schulungspfad abgeschlossen oder verstehen, wie die Datenbindung in .NET MAUI funktioniert.

Anforderungen für die .NET MAUI-Entwicklung

Zum Erstellen von .NET MAUI-Apps mit .NET 9 müssen Sie Visual Studio Version 17.12 oder höher mit der folgenden Workload installieren:

Entwicklung mit .NET Multi-Platform App UI

Wenn Sie .NET MAUI Blazor-Apps erstellen möchten, müssen Sie außerdem die Workload für ASP.NET- und Webentwicklung installieren.

Eine exemplarische Vorgehensweise für die Einrichtung finden Sie in der Dokumentation.

Entwicklung mit Visual Studio Code