Delen via

Zelfstudie: Aan de slag met ASP.NET Core

  • Artikel

Notitie

Dit is niet de nieuwste versie van dit artikel. Zie de .NET 9-versie van dit artikelvoor de huidige release.

Waarschuwing

Deze versie van ASP.NET Core wordt niet meer ondersteund. Zie de .NET- en .NET Core-ondersteuningsbeleidvoor meer informatie. Zie de .NET 9-versie van dit artikelvoor de huidige release.

Belangrijk

Deze informatie heeft betrekking op een pre-releaseproduct dat aanzienlijk kan worden gewijzigd voordat het commercieel wordt uitgebracht. Microsoft geeft geen garanties, uitdrukkelijk of impliciet, met betrekking tot de informatie die hier wordt verstrekt.

Zie de .NET 9-versie van dit artikelvoor de huidige release.

Deze zelfstudie laat zien hoe u een ASP.NET Core-web-app maakt en uitvoert met behulp van de .NET CLI.

Voor tutorials over Blazor, zie ASP.NET Core Blazor tutorials.

U leert het volgende:

  • Maak een web-app-project.
  • Voer de app uit.
  • Een Razor pagina bewerken.

Aan het einde hebt u een werkende web-app die wordt uitgevoerd op uw lokale computer.

startpagina van web-app

Voorwaarden

Een web-app-project maken

Open een opdrachtshell en voer de volgende opdracht in:

dotnet new webapp --output aspnetcoreapp --no-https

Met de voorgaande opdracht maakt u een nieuw web-app-project in een map met de naam aspnetcoreapp. Het project maakt geen gebruik van HTTPS.

De app uitvoeren

Voer de volgende opdrachten uit:

cd aspnetcoreapp
dotnet run

De opdracht run produceert uitvoer zoals in het volgende voorbeeld:

Building...
info: Microsoft.Hosting.Lifetime[14]
      Now listening on: http://localhost:5109
info: Microsoft.Hosting.Lifetime[0]
      Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
      Hosting environment: Development
info: Microsoft.Hosting.Lifetime[0]
      Content root path: C:\aspnetcoreapp

Open een browser en ga naar de URL die wordt weergegeven in de uitvoer. In dit voorbeeld is de URL http://localhost:5109.

In de browser wordt de startpagina weergegeven.

startpagina van de web-app

Een Razor pagina bewerken

De startpagina wijzigen:

  • Druk in de opdrachtshell op Ctrl+C (Cmd+C in macOS) om het programma af te sluiten.

  • Open Pages/Index.cshtml in een teksteditor.

  • Vervang de regel die begint met 'Meer informatie' door de volgende gemarkeerde markeringen en code:

    @page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Hello, world! The time on the server is @DateTime.Now</p>
</div>

  • Sla uw wijzigingen op.

  • Voer in de opdrachtshell de opdracht dotnet run opnieuw uit.

  • Vernieuw de pagina in de browser en controleer of de wijzigingen worden weergegeven.

    startpagina van de web-app met de wijziging die is aangebracht.

Volgende stappen

In deze zelfstudie hebt u het volgende geleerd:

  • Maak een web-app-project.
  • Voer het project uit.
  • Breng een wijziging aan.

Zie het volgende voor meer informatie over ASP.NET Core:

Overzicht van ASP.NET Core