Einführung in Razor-Klassenbibliotheken

  • 1 Minute

Mithilfe von Razor-Klassenbibliotheken können Sie Komponenten der Benutzeroberfläche zwischen Blazor-Anwendungen freigeben und wiederverwenden. In diesem Modul konzentrieren Sie sich auf das Erstellen und Teilen von Komponenten für Blazor-Anwendungen.

Diagramm mit einer Razor-Klassenbibliothek, die in der Blazor-Serverinstanz und blazor WebAssembly verwendet wird.

Beispielszenario

Angenommen, Sie arbeiten für eine Beratungsfirma, bei der Sie Webanwendungen für verschiedene Kunden erstellen. Sie verfügen über eine Sammlung von Webfeatures, z. B. modale Fensterkomponenten, die Sie Ihren Clients zur Verfügung stellen. Um Zeit zu sparen, möchten Sie diese Features in allen Anwendungen wiederverwenden können.

Mithilfe von Razor-Klassenbibliotheken können Sie die Features für die Anwendungen freigeben, die Sie für Ihre Kunden erstellen.

Screenshot einer Beispielkomponente für modale Fenster, die für blazor-Anwendungen freigegeben werden kann.

Was wirst du tun?

In diesem Modul erstellen Sie eine Razor-Klassenbibliothek, um die folgenden Ziele zu erreichen:

  • Präsentieren Sie ein modales Dialogfeld mit Standarddesign.
  • Verwenden und anpassen Sie das modale Dialogfeld in einer Blazor-Anwendung.
  • Verpacken des modalen Fensterdialogfelds für die Verwendung mit anderen Anwendungen.

Was ist das Hauptziel?

Am Ende des Moduls können Sie eine modale Fensterkomponente entwerfen, die Sie für andere Blazor-Anwendungen freigeben und anpassen können.

Voraussetzungen

  • Kenntnisse zur Webentwicklung mit HTML, CSS und JavaScript
  • Programmierkenntnisse in C# auf Anfängerniveau.
  • Installation des .NET 8.0 SDK
  • Eine integrierte Entwicklungsumgebung (IDE). In diesem Modul wird Visual Studio Code verwendet.

Hinweis

In diesem Modul wird die .NET-CLI (Befehlszeilenschnittstelle) und Visual Studio Code für die lokale Entwicklung verwendet. Nach Abschluss dieses Moduls können Sie die Konzepte mit Visual Studio (Windows) oder bei der Weiterentwicklung mit Visual Studio Code (Windows, Linux und macOS) anwenden.

In diesem Modul wird das .NET 8.0 SDK verwendet. Stellen Sie sicher, dass .NET 8.0 installiert ist, indem Sie in Ihrem bevorzugten Befehlsterminal den folgenden Befehl ausführen:

dotnet --list-sdks

Die daraufhin angezeigte Ausgabe sieht in etwa wie im folgenden Beispiel aus:

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

Stellen Sie sicher, dass eine Version aufgeführt wird, die mit 8 beginnt. Wenn nichts aufgeführt ist oder der Befehl nicht gefunden wurde, installieren Sie das neueste .NET 8.0 SDK.