Einführung

  • 3 Minuten

In diesem Modul erstellen Sie in ASP.NET Core mit .NET und C# eine plattformübergreifende Razor Pages-Web-App.

Beispielszenario

Angenommen, Sie sind Mitarbeiter einer Pizzabäckerei namens Contoso Pizza. Ihr Vorgesetzter hat Sie gebeten, eine Seite für die Pizza-Bestandsverwaltung als Voraussetzung für die interne Administratorwebsite zu entwickeln. Die App sollte so aufgebaut sein, dass die Belange des Ansichts- und Datenmodells getrennt sind.

Wie werden Sie vorgehen?

In diesem Modul lernen Sie Folgendes:

  • Verstehen, wann und warum Sie Razor Pages für Ihre ASP.NET Core-App verwenden sollten
  • Überprüfen einer vorhandenen ASP.NET Core-App, die Razor Pages verwendet
  • Erstellen einer neuen Razor-Seite, die die Anforderungen an die Verwaltung von Produktdaten der App unterstützt
  • Verwenden von Taghilfsprogrammen, um den Kontextwechsel zwischen HTML und C# zu reduzieren
  • Verwenden von Razor Page-Handlern, um HTTP-Anforderungen zu verarbeiten

Am Ende dieses Moduls finden Sie Links zu Inhalten, die ausführlichere Informationen zu den einzelnen Features enthalten.

Erforderliche Tools

Dieses Modul verwendet die .NET-CLI und Visual Studio Code (Windows, Linux und macOS), um die Entwicklung mit Razor Pages in ASP.NET Core zu veranschaulichen. Nach Abschluss dieses Moduls können Sie die Konzepte in einer Entwicklungsumgebung wie Visual Studio (Windows), Visual Studio für Mac (macOS) oder Visual Studio Code anwenden.

Tipp

Sie können die Installation der folgenden Tools überspringen, indem Sie GitHub Codespaces als IDE verwenden. Navigieren Sie in einer anderen Browserregisterkarte zum GitHub-Repository mit der Start-App für dieses Modul, klicken Sie auf die Schaltfläche Code, und erstellen Sie einen neuen Codespace im main-Branch. Weitere Informationen finden Sie unter Erstellen eines Codespaces für ein Repository.

Alternativ können Sie die Erweiterung Dev Containers für Visual Studio Code verwenden. Wenn die Erweiterung installiert ist, drücken Sie F1, um die Befehlspalette zu öffnen. Suchen Sie dann nach Dev Containers: Clone Repository in Container Volume, und geben Sie die URL https://github.com/MicrosoftDocs/mslearn-create-razor-pages-aspnet-corean. Dadurch wird das Repository geklont und in einem Container geöffnet, in dem alle erforderlichen Tools installiert sind.

Die folgenden Tools werden benötigt:

.NET 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.

GitHub CLI

Zum Klonen der Beispiel-App von GitHub benötigen Sie die GitHub CLI.

Visual Studio Code

Stellen Sie sicher, dass Sie über die neuesten Versionen von Visual Studio Code und des C#-Dev Kit verfügen.