Introduzione
Con Blazor è possibile creare con .NET applicazioni Web interattive che consentono di condividere la logica dell'app sia sul lato server che sul lato client, senza la complessità della gestione delle librerie JavaScript lato client.
Si supponga di essere stati assunti da una pizzeria con consegne a domicilio per modernizzare il sito Web per i clienti. Sono già state create pagine per la visualizzazione delle pizze che consentono ai clienti di personalizzare i condimenti. Ora si vogliono aggiungere pagine per effettuare gli ordini e migliorare la navigazione dell'app. Si vuole anche offrire un layout coerente nell'app per garantire che i clienti possano trovare facilmente quello che stanno cercando.
In questo modulo, si apprende come orientare i clienti nell'app, usando la direttiva @page, il routing di Blazor e il componente NavLink. Dopo aver definito le funzionalità di navigazione, si esamina come ridurre il codice duplicato aggiungendo i layout all'app.
Obiettivi di apprendimento
Al termine del modulo, si sarà in grado di:
- Migliorare lo spostamento dell'app Blazor usando il componente router e NavLinks.
- Migliorare la funzionalità con i parametri di route.
- Ridurre il codice duplicato usando i layout nell'app Blazor.