Einleitung

  • 3 Minuten

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

Beispielszenario

Angenommen, Sie sind Mitarbeiter einer Pizzabäckerei namens Contoso Pizza. Ihr Vorgesetzter hat Sie gebeten, eine Pizzainventarverwaltungsseite als Voraussetzung für die interne Administratorwebsite des Unternehmens zu entwickeln. Die App sollte so erstellt werden, dass die Ansichts- und Datenmodellbedenken 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 gibt es Links zu Inhalten, die tiefergehende Tauchgänge für jeden eingeführten Featurebereich bieten.

Erforderliche Tools

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

Tipp

Sie können die Installation der unten stehenden Tools überspringen, indem Sie GitHub Codespaces als IDE verwenden. Navigieren Sie auf einer anderen Browserregisterkarte zum GitHub-Repository, das die Start-App für dieses Modul enthält, wählen Sie die Schaltfläche „Code“ aus, und erstellen Sie einen neuen Codespace im main Branch. Weitere Informationen finden Sie unter Erstellen eines Codespaces.

Alternativ können Sie die Dev Containers-Erweiterung für Visual Studio Code verwenden. Mit der installierten Erweiterung drücken Sie F1, um die Befehlspalette zu öffnen, und suchen Sie dann nach Dev Containers: Clone Repository in Container Volume und wählen Sie es aus. Geben Sie die URL https://github.com/MicrosoftDocs/mslearn-create-razor-pages-aspnet-core an. 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

Um die Beispiel-App von GitHub zu klonen, benötigen Sie die GitHub CLI.

Visual Studio Code

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