Condividi tramite


Esercitazione: Introduzione ad ASP.NET Core

Questa esercitazione illustra come creare ed eseguire un'app Web ASP.NET Core usando l'interfaccia della riga di comando di .NET.

Si apprenderà come:

  • Creare un progetto di app Web.
  • Eseguire l'app.
  • Modificare una pagina Razor.

Al termine, si avrà un'app Web funzionante che viene eseguita nel computer locale.

Home page dell'app Web

Prerequisiti

Creare un progetto di app Web

Aprire una shell dei comandi e immettere il comando seguente:

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

Il comando precedente crea un nuovo progetto di app Web in una directory denominata aspnetcoreapp. Il progetto non usa HTTPS.

Eseguire l'app

Eseguire i comandi seguenti:

cd aspnetcoreapp
dotnet run

Il run comando genera un output simile all'esempio seguente:

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

Aprire un browser e passare all'URL visualizzato nell'output. In questo esempio l'URL è http://localhost:5109.

Il browser mostra la home page.

Home page dell'app Web

Modificare una pagina Razor

Modificare la home page:

  • Nella shell dei comandi premere CTRL+C (Cmd+C in macOS) per uscire dal programma.

  • Aprire Pages/Index.cshtml in un editor di testo.

  • Sostituire la riga che inizia con "Learn about" con il markup e il codice evidenziati seguenti:

    @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>
    
  • Salva le modifiche.

  • Nella shell dei comandi eseguire di nuovo il dotnet run comando.

  • Nel browser aggiornare la pagina e verificare che vengano visualizzate le modifiche.

    Home page dell'app Web che mostra la modifica apportata.

Passaggi successivi

Questa esercitazione ha descritto come:

  • Creare un progetto di app Web.
  • Eseguire il progetto.
  • Apportare una modifica.

Per altre informazioni su ASP.NET Core, vedere: