Introducción
El modelo MVVM (Modelo-Vista-Modelo de vista) es un modelo de diseño de software. Los modelos de diseño son conjuntos de reglas y plantillas que ayudan a que el código de la aplicación sea mejor o más coherente. Se usa el modelo MVVM para ayudar a separar la lógica de comportamiento de la aplicación y el código de representación de la interfaz de usuario de una manera que admita las pruebas unitarias.
Escenario de ejemplo
Supongamos que su empresa produce software de administración para departamentos de recursos humanos. Estos usan el software para administrar y revisar la información sobre los empleados de la empresa. El sistema existente está basado en web. Le han pedido que cree una aplicación móvil que se pueda usar con las mismas API de back-end que usa el sistema web. Sabe que las API de back-end y el front-end web lo cubren en profundidad las pruebas unitarias. Y quiere mantener ese estándar para la aplicación móvil. Le han comentado que el patrón MVVM puede ayudar a diseñar aplicaciones móviles con una capacidad de prueba máxima, por lo que decide probarlo.
MVVM es un modelo de diseño en sí mismo que se usa como base de muchos marcos y kits de herramientas de programación. La mayoría de esos marcos también proporcionan otras cosas, como la navegación y abstracciones de mensajería, que ayudan a MVVM a fomentar las pruebas unitarias. Se concentrará en los conceptos básicos del patrón en esta discusión, ya que los marcos pueden variar ampliamente en sus implementaciones.
Tareas que realizará
En este módulo, obtendrá información sobre los elementos del patrón MVVM y las responsabilidades del modelo, la vista y el modelo de vista. A continuación, escribirá código en un modelo de vista para controlar el comportamiento de la aplicación de una manera aislada de las bibliotecas de interfaz de usuario (incluso de .NET MAUI).
¿Qué aprenderá?
En este módulo, aprenderá a:
- Identifique cuándo usar el patrón Model-View-ViewModel.
- Usar un modelo de vista para controlar el comportamiento visual.
- Mejorar la capacidad de prueba del código mediante propiedades enlazables a datos.
Requisitos previos
- Visual Studio 2022 con la carga de trabajo de .NET MAUI instalada
- Opcional: Visual Studio Code con la extensión .NET MAUI y .NET SDK con la carga de trabajo .NET MAUI instalada
- Familiaridad con conceptos de programación intermedios, como interfaces, clases y atributos.
- Capacidad de escribir código XAML.
- Completó el módulo anterior en esta ruta de entrenamiento o comprende cómo funciona el enlace de datos en .NET MAUI.
Requisitos para el desarrollo de .NET MAUI
Para crear aplicaciones .NET MAUI con .NET 9, debe instalar Visual Studio versión 17.12 o posterior con la carga de trabajo siguiente instalada:
- Desarrollo de la interfaz de usuario de aplicaciones multiplataforma de .NET
Además, si quiere crear aplicaciones .NET MAUI Blazor, debe instalar la carga de trabajo de desarrollo web y ASP.NET.
Consulte la documentación para ver un tutorial de configuración.
Desarrollo con Visual Studio Code
Si está desarrollando en macOS o Linux, deberá instalar Visual Studio Code y la extensión MAUI de .NET junto con la SDK de .NET y la carga de trabajo de MAUI de .NET. Consulte la documentación para ver un tutorial de configuración.