Introduzione alle librerie di classi Razor

  • 1 minuto

Usando le librerie di classi Razor, è possibile condividere e riutilizzare i componenti dell'interfaccia utente tra le applicazioni Blazor. In questo modulo viene illustrato come creare e condividere componenti per le applicazioni Blazor.

Diagramma che mostra una libreria di classi Razor usata nell'istanza del server Blazor e Blazor WebAssembly.

Scenario di esempio

Si supponga di lavorare per una società di consulenza, in cui si creano applicazioni Web per vari client. È disponibile una raccolta di funzionalità Web, ad esempio componenti finestra modali, resi disponibili ai client. Per risparmiare tempo, si vuole essere in grado di riutilizzare queste funzionalità tra le applicazioni.

Usando le librerie di classi Razor, è possibile condividere le funzionalità tra le applicazioni create per i clienti.

Screenshot di un componente finestra modale di esempio che può essere condiviso tra applicazioni Blazor.

Che cosa hai intenzione di fare?

In questo modulo viene creata una libreria di classi Razor per raggiungere gli obiettivi seguenti:

  • Presentare una finestra di dialogo modale con tema predefinito.
  • Usare e personalizzare la finestra di dialogo modale in un'applicazione Blazor.
  • Creare un pacchetto della finestra di dialogo modale da usare con altre applicazioni.

Qual è l'obiettivo principale?

Al termine del modulo, è possibile progettare un componente finestra modale che è possibile condividere e personalizzare in altre applicazioni Blazor.

Prerequisiti

  • Familiarità con lo sviluppo Web in HTML, CSS e JavaScript.
  • Capacità per principianti di scrivere codice C#.
  • Lo SDK .NET 8.0 è installato.
  • Un ambiente di sviluppo integrato (IDE, Integrated Development Environment). In questo modulo viene usato Visual Studio Code.

Annotazioni

In questo modulo vengono usati l'interfaccia della riga di comando di.NET e Visual Studio Code per lo sviluppo locale. Dopo aver completato il modulo, puoi applicare i concetti usando Visual Studio (Windows) o lo sviluppo continuo tramite Visual Studio Code (Windows, Linux e macOS).

Questo modulo usa .NET 8.0 SDK. Assicurarsi di avere installato .NET 8.0 eseguendo il comando seguente nel terminale dei comandi preferito:

dotnet --list-sdks

Verrà visualizzato un output simile all'esempio seguente:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

Assicurarsi che sia elencata una versione che inizia con 8. Se il comando non è presente nell'elenco o non viene trovato, installare la versione più recente di .NET 8.0 SDK.