Udostępnij za pośrednictwem


Samouczek: wprowadzenie do platformy ASP.NET Core

W tym samouczku pokazano, jak utworzyć i uruchomić aplikację internetową platformy ASP.NET Core przy użyciu interfejsu wiersza polecenia platformy .NET.

Dowiesz się, jak:

  • Tworzenie projektu aplikacji internetowej.
  • Uruchom aplikację.
  • Edytowanie strony Razor.

Po zakończeniu pracy będziesz mieć gotową aplikację internetową działającą na komputerze lokalnym.

Strona główna aplikacji internetowej

Wymagania wstępne

Tworzenie projektu aplikacji internetowej

Otwórz powłokę poleceń i wprowadź następujące polecenie:

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

Poprzednie polecenie tworzy nowy projekt aplikacji internetowej w katalogu o nazwie aspnetcoreapp. Projekt nie używa protokołu HTTPS.

Uruchom aplikację

Uruchom następujące polecenia:

cd aspnetcoreapp
dotnet run

Polecenie run generuje dane wyjściowe podobne do następującego przykładu:

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

Otwórz przeglądarkę i przejdź do adresu URL wyświetlanego w danych wyjściowych. W tym przykładzie adres URL to http://localhost:5109.

W przeglądarce zostanie wyświetlona strona główna.

Strona główna aplikacji internetowej

Edytowanie strony Razor

Zmień stronę główną:

  • W powłoce poleceń naciśnij klawisze Ctrl+C (Cmd+C w systemie macOS), aby zamknąć program.

  • Otwórz plik Pages/Index.cshtml w edytorze tekstów.

  • Zastąp wiersz rozpoczynający się ciągiem "Learn about" następującym wyróżnionym znacznikiem i kodem:

    @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>
    
  • Zapisz zmiany.

  • W powłoce poleceń ponownie uruchom dotnet run polecenie.

  • W przeglądarce odśwież stronę i sprawdź, czy zmiany są wyświetlane.

    Strona główna aplikacji internetowej z wyświetloną zmianą, która została wprowadzona.

Następne kroki

W tym samouczku zawarto informacje na temat wykonywania następujących czynności:

  • Tworzenie projektu aplikacji internetowej.
  • Uruchamianie projektu.
  • Wprowadzanie zmiany.

Aby dowiedzieć się więcej na temat platformy ASP.NET Core, zobacz następujące zasoby: