Introduktion

  • 3 minuter

I den här modulen skapar du en plattformsoberoende ASP.NET Core Razor Pages-webbapp med .NET och C#.

Exempelscenario

Anta att du är anställd på ett pizzaföretag som heter Contoso Pizza. Din chef har bett dig att utveckla en sida för hantering av pizzainventering som en förutsättning för företagets interna administratörswebbplats. Appen bör byggas på ett sådant sätt att vyn och datamodellens problem separeras.

Vad ska du göra?

I den här modulen ska du:

  • Förstå när och varför du ska använda Razor Pages för din ASP.NET Core-app.
  • Granska en befintlig ASP.NET Core-app som använder Razor Pages.
  • Skapa en ny Razor-sida som stöder appens krav på hantering av produktdata.
  • Använd tag helpers för att minska kontextväxlingen mellan HTML och C#.
  • Använd Razor Page-hanterare för att hantera HTTP-begäranden.

I slutet av den här modulen finns länkar till innehåll som ger djupare djupdykning för varje funktionsområde som introduceras.

Nödvändiga verktyg

Den här modulen använder .NET CLI och Visual Studio Code (Windows, Linux och macOS) för att demonstrera ASP.NET Core Razor Pages-utveckling. När du har slutfört den här modulen kan du använda dess begrepp med hjälp av en utvecklingsmiljö som Visual Studio (Windows), Visual Studio för Mac (macOS) eller Visual Studio Code.

Tips

Du kan hoppa över att installera verktygen nedan med hjälp av GitHub Codespaces som din IDE. På en annan webbläsarflik går du till GitHub-lagringsplats som innehåller startappen för den här modulen, väljer knappen Kod och skapar ett nytt kodområde på main-grenen. Mer information finns i Skapa ett kodutrymme.

Du kan också använda tillägget Dev Containers för Visual Studio Code. När tillägget är installerat trycker du på F1 för att öppna kommandopaletten, söker efter och väljer Dev Containers: Clone Repository in Container Volume och anger URL:en https://github.com/MicrosoftDocs/mslearn-create-razor-pages-aspnet-core. Detta klonar lagringsplatsen och öppnar den i en container med alla nödvändiga verktyg installerade.

Följande verktyg krävs:

.NET SDK

Den här modulen använder .NET 8.0 SDK. Kontrollera att du har .NET 8.0 installerat genom att köra följande kommando i önskad kommandoterminal:

dotnet --list-sdks

Utdata som liknar följande exempel visas:

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

Kontrollera att en version som börjar med 8 visas. Om inget visas eller om kommandot inte hittas installera den senaste .NET 8.0 SDK-.

GitHub CLI (kommandoradsgränssnitt)

Om du vill klona exempelappen från GitHub behöver du GitHub CLI-.

Visual Studio Code

Se till att du har de senaste versionerna av Visual Studio Code och C# Dev Kit installerade.