Inleiding tot Razor-klassebibliotheken

  • 1 minuut

Met behulp van Razor-klassebibliotheken kunt u onderdelen van de gebruikersinterface delen en hergebruiken tussen Blazor-toepassingen. In deze module richt u zich op het bouwen en delen van onderdelen voor Blazor-toepassingen.

Diagram met een Razor-klassebibliotheek die wordt gebruikt in het Blazor-serverexemplaar en Blazor WebAssembly.

Voorbeeldscenario

Stel dat u werkt voor een consultancybedrijf, waar u webtoepassingen bouwt voor verschillende clients. U hebt een verzameling webfuncties, zoals modale vensteronderdelen, die u beschikbaar maakt voor uw clients. Als u tijd wilt besparen, wilt u deze functies opnieuw kunnen gebruiken in toepassingen.

Met behulp van Razor-klassebibliotheken kunt u de functies delen in de toepassingen die u voor uw klanten bouwt.

Schermopname van een voorbeeld van een modaal vensteronderdeel dat kan worden gedeeld in Blazor-toepassingen.

Wat ga je doen?

In deze module maakt u een Razor-klassebibliotheek om de volgende doelen te bereiken:

  • Een modaal dialoogvenster met standaardthema's presenteren.
  • Het modale dialoogvenster in een Blazor-toepassing gebruiken en aanpassen.
  • Verpak het modale dialoogvenster voor gebruik in andere toepassingen.

Wat is het belangrijkste doel?

Aan het einde van de module kunt u een modaal vensteronderdeel ontwerpen dat u kunt delen en aanpassen in andere Blazor-toepassingen.

Voorwaarden

  • Bekendheid met HTML-, CSS- en JavaScript-webontwikkeling.
  • Beginnende vaardigheid om C#-code te schrijven.
  • De .NET 8.0 SDK geïnstalleerd.
  • Een IDE (Geïntegreerde Ontwikkelomgeving). In deze module wordt gebruikgemaakt van Visual Studio Code.

Notitie

Deze module maakt gebruik van de .NET CLI (Opdrachtregelinterface) en Visual Studio Code voor lokale ontwikkeling. Nadat u deze module hebt voltooid, kunt u de concepten toepassen met Behulp van Visual Studio (Windows) of verdere ontwikkeling met behulp van Visual Studio Code (Windows, Linux en macOS).

In deze module wordt de .NET 8.0 SDK gebruikt. Zorg ervoor dat .NET 8.0 is geïnstalleerd door de volgende opdracht uit te voeren in de opdrachtterminal van uw voorkeur:

dotnet --list-sdks

Uitvoer die vergelijkbaar is met het volgende voorbeeld wordt weergegeven:

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

Zorg ervoor dat een versie die begint met 8 wordt vermeld. Als er geen wordt vermeld of de opdracht niet wordt gevonden, installeert u de meest recente .NET 8.0 SDK.