Introduktion till Razor-klassbibliotek

  • 1 minut

Med hjälp av Razor-klassbibliotek kan du dela och återanvända komponenter i användargränssnittet mellan Blazor-program. I den här modulen fokuserar du på att skapa och dela komponenter för Blazor-program.

diagram som visar ett Razor-klassbibliotek som används i Blazor-serverinstansen och Blazor WebAssembly.

Exempelscenario

Anta att du arbetar för ett konsultföretag, där du skapar webbprogram för olika klienter. Du har en samling webbfunktioner, till exempel modala fönsterkomponenter, som du gör tillgängliga för dina klienter. För att spara tid vill du kunna återanvända dessa funktioner i olika program.

Med hjälp av Razor-klassbibliotek kan du dela funktionerna i de program som du skapar för dina kunder.

Skärmbild av ett exempel på en modal fönsterkomponent som kan delas mellan Blazor-program.

Vad ska du göra?

I den här modulen skapar du ett Razor-klassbibliotek för att uppnå följande mål:

  • Presentera en modal dialogruta med standardtema.
  • Använd och anpassa den modala dialogrutan i ett Blazor-program.
  • Paketera dialogrutan för modalfönster för användning med andra program.

Vad är huvudmålet?

I slutet av modulen kan du utforma en modal fönsterkomponent som du kan dela och anpassa mellan andra Blazor-program.

Förutsättningar

  • Kunskaper om HTML, CSS och JavaScript-webbutveckling.
  • Nybörjare förmåga att skriva C#-kod.
  • .NET 8.0 SDK har installerats.
  • En integrerad utvecklingsmiljö (IDE). Den här modulen använder Visual Studio Code.

Anteckning

Den här modulen använder .NET CLI (Kommandoradsgränssnitt) och Visual Studio Code för lokal utveckling. När du har slutfört den här modulen kan du använda begreppen med Hjälp av Visual Studio (Windows) eller fortsatt utveckling med hjälp av Visual Studio Code (Windows, Linux och macOS).

Den här modulen använder .NET 8.0 SDK. Kontrollera att du har .NET 8.0 installerat genom att köra följande kommando i önskad kommandoterminal:

dotnet --list-sdks

Utdata som liknar följande exempel visas:

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

Kontrollera att en version som börjar med 8 visas. Om inget visas eller om kommandot inte hittas installera den senaste .NET 8.0 SDK-.