Introduzione

3 minuti

Lo schema Model-View-ViewModel (MVVM) è uno schema progettuale software. Gli schemi progettuali sono set di regole e modelli che contribuiscono a migliorare e rendere più coerente il codice dell'applicazione. Si usa lo schema MVVM per separare la logica di comportamento dell'app dal codice di rendering dell'interfaccia utente e supportare il testing unità.

Scenario di esempio

Si supponga di lavorare per un'azienda che produce software di gestione per i reparti Risorse umane. Il software viene usato per gestire e rivedere le informazioni sui dipendenti della società. Il sistema esistente è basato sul Web. È stato richiesto di creare un'app per dispositivi mobili che possa essere usata con le stesse API di back-end usate dal sistema Web. Le API di back-end e il front-end Web sono interamente coperti da unit test. Si vuole mantenere questo standard per l'app per dispositivi mobili. Si è a conoscenza del fatto che lo schema MVVM può risultare utile nella progettazione di app per dispositivi mobili con la massima testabilità, quindi si decide di provarlo.

MVVM è uno schema progettuale che è la base per numerosi framework e toolkit di programmazione. La maggior parte di questi framework offre anche altri elementi, come l'esplorazione e le astrazioni della messaggistica, che consentono a MVVM di promuovere il testing unità. In questa discussione ci si concentra sulle nozioni di base dello schema perché i framework possono variare notevolmente nelle implementazioni.

In questo modulo vengono descritte le parti dello schema MVVM e la funzione del modello, della visualizzazione e del modello di visualizzazione. Si scriverà quindi il codice in un modello di visualizzazione che gestisce il comportamento dell'applicazione in modo isolato dalle librerie dell'interfaccia utente (anche da .NET MAUI stesso).

Che cosa si impara

Contenuto del modulo:

Identificare quando usare lo schema Model-View-ViewModel.
Usare un modello di visualizzazione per definire il comportamento visivo.
Migliorare la testabilità del codice tramite proprietà associabili ai dati.

Prerequisiti

Visual Studio 2022 con il carico di lavoro .NET MAUI installato
Facoltativo: Visual Studio Code con l'estensione .NET MAUI e .NET SDK con il carico di lavoro .NET MAUI installato
Familiarità con i concetti di programmazione intermedi, ad esempio interfacce, classi e attributi.
Possibilità di scrivere codice XAML.
Si è completato il modulo precedente in questo percorso di training o si è compreso il funzionamento del data binding in .NET MAUI.

Requisiti per lo sviluppo con .NET MAUI

Per creare app .NET MAUI con .NET 9, è necessario installare Visual Studio versione 17.12 o successiva con il carico di lavoro seguente installato:

Sviluppo .NET Multi-Platform App UI

Inoltre, se si vogliono creare app .NET MAUI Blazor, è necessario installare il carico di lavoro ASP.NET e sviluppo Web.

Per una procedura dettagliata della configurazione, vedere la documentazione.

Sviluppo con Visual Studio Code