Einführung in Razor-Klassenbibliotheken

  • 1 Minute

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

Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.

Beispielszenario

Angenommen, Sie arbeiten für ein Beratungsunternehmen, in dem Sie Webanwendungen für verschiedene Clients 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 anwendungsübergreifend wiederverwenden können.

Mit Razor-Klassenbibliotheken können Sie diese Features für alle Anwendungen freigeben, die Sie für Ihre Kunden erstellen.

Screenshot of an example modal window component that can be shared across Blazor applications.

Wie werden wir vorgehen?

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

  • Darstellen eines modalen Dialogfelds mit Standarddesign
  • Verwenden und Anpassen des modalen Dialogfelds in einer Blazor-Anwendung
  • Verpacken des modalen Fensterdialogfelds für die Verwendung mit anderen Anwendungen

Was ist das Hauptziel?

Am Ende des Moduls sind Sie in der Lage, modale Fensterkomponenten zu 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.