Einführung

  • 3 Minuten

Ein Pizzalieferunternehmen beauftragt Sie mit der Modernisierung der Blazor-Website für Kund*innen, die das Pizzasortiment, Bestellseiten und andere Funktionen umfasst. Interaktive Webanwendungen von Blazor verwenden die .NET-Plattform, um Logik zwischen dem Server- und dem Clientcode freizugeben.

Ihre Updates sollten Folgendes beinhalten:

  • Verwenden von JavaScript zur Animation einer gerenderten HTML-Komponente
  • Die JavaScript-Bibliothek zur Anwendung eines Brandings auf einer Warnseite
  • Änderungen der App-Reaktionen auf Ereignisse, nachdem das Seitenrendering abgeschlossen ist
  • Erstellen und Anwenden einer Vorlagenkomponente zum Aktualisieren mehrerer Seiten

In diesem Modul erfahren Sie, wie Sie in Blazor mit JavaScript-Code zusammenarbeiten, Vorlagenkomponenten verwenden und auf Lebenszyklusereignisse von Komponenten reagieren können.

Lernziele

  • Aufrufen von JavaScript-Funktionen aus .NET-Code und Aufrufen von .NET-Code aus JavaScript in Blazor-Apps
  • Behandeln Sie Ereignisse im Lebenszyklus von Blazor-Komponenten.
  • Erstellen wiederverwendbarer Vorlagenkomponenten, die Sie in Blazor-Apps integrieren 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.

Tipp

In diesem Modul werden die .NET-Befehlszeilenschnittstelle (Command Line Interface, CLI) und Visual Studio Code für die lokale Entwicklung verwendet. Nach Abschluss des Moduls können Sie die Konzepte anwenden und die Entwicklung mithilfe von Visual Studio für Windows, Visual Studio für Mac oder Visual Studio Code mit Windows, Linux oder Mac fortsetzen.

.NET 8.0 SDK

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.