Présentation

  • 3 minutes

Le modèle model-View-ViewModel (MVVM) est un modèle de conception logicielle. Les modèles de conception sont des ensembles de règles et de gabarits qui aident à améliorer ou à rendre plus cohérent le code d’une application. Vous utilisez le modèle MVVM pour faciliter la séparation entre la logique comportementale de l’application et le code de rendu de l’interface utilisateur, et ce, d’une manière qui prend en charge les tests unitaires.

Exemple de scénario

Supposons que votre entreprise produit des logiciels de management destinés aux services des ressources humaines. Ils utilisent les logiciels pour gérer et consulter les informations relatives aux employés de l’entreprise. Le système existant s’appuie sur le web. Il vous a été demandé de créer une application mobile utilisable avec les mêmes API back-end que celles utilisées par le système web. Vous savez que les API back-end et le serveur web front-end sont soigneusement couverts par les tests unitaires. Et vous souhaitez conserver ce standard pour l’application mobile. Vous avez entendu dire que le modèle MVVM peut aider à concevoir des applications mobiles en vue d’une testabilité maximale, donc vous envisagez de l’essayer.

Le modèle MVVM en lui-même est un modèle de conception qui sert de base pour de nombreux frameworks et kits d’outils de programmation. La plupart de ces frameworks fournissent également d’autres choses, comme des abstractions de navigation et de messagerie, qui aident MVVM à promouvoir les tests unitaires. Dans cette discussion, vous vous intéressez de plus près aux bases du modèle parce que les frameworks peuvent varier considérablement dans leurs implémentations.

Dans ce module, vous apprenez les parties du modèle MVVM et les responsabilités du modèle, de la vue et du modèle-vue. Ensuite, vous écrirez du code dans un modèle-vue qui gère le comportement de l’application séparément des bibliothèques d’interface utilisateur (même de .NET MAUI lui-même).

Qu’avez-vous appris

Dans ce module, vous allez découvrir les points suivants :

  • Déterminer quand utiliser le modèle MVVM (modèle-vue-vue modèle).
  • Utiliser un modèle de vue pour orienter le comportement visuel.
  • Améliorer la testabilité du code par le biais de propriétés pouvant être liées à des données.

Prérequis

  • Visual Studio 2026 avec la charge de travail .NET MAUI installée
  • Facultatif : Visual Studio Code avec l’extension .NET MAUI et le SDK .NET avec la charge de travail .NET MAUI installés
  • Connaître les concepts de programmation intermédiaires tels que les interfaces, les classes et les attributs.
  • Savoir écrire du code XAML.
  • Terminez le module précédent dans ce chemin de formation ou comprenez le fonctionnement de la liaison de données dans .NET MAUI.

Impératifs à respecter pour le développement à l’aide de .NET MAUI

Pour créer des applications .NET MAUI avec .NET 9, vous devez installer Visual Studio version 17.12 ou ultérieure avec la charge de travail suivante installée :

  • Développement .NET Multi-Platform App UI

De plus, si vous souhaitez générer des applications Blazor .NET MAUI, vous devez installer la charge de travail ASP.NET et la charge de travail de développement web.

Consultez la documentation relative à une procédure pas à pas de l’installation.

Développement avec Visual Studio Code

Si vous développez sur macOS ou Linux, vous devez installer Visual Studio Code et l’extension .NET MAUI avec le Kit de développement logiciel (SDK) .NET et la charge de travail MAUI .NET. Consultez la documentation relative à une procédure pas à pas de l’installation.