Introduzione ad ASP.NET Core MVC

Autore: Rick Anderson

Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha di ASP.NET Core sviluppo Web, prendere in considerazione la versione Razor Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia ASP.NET Core personalizzata , che confronta Razor Pages, MVC e per Blazor lo sviluppo dell'interfaccia utente.

Questa è la prima esercitazione di una serie che illustra ASP.NET Core sviluppo Web MVC con controller e visualizzazioni.

Alla fine della serie si dirà un'app che gestisce e visualizza i dati dei film. Si apprenderà come:

  • Creare un'app Web.
  • Aggiungere un modello ed eseguirne lo scaffolding.
  • Usare un database.
  • Aggiungere ricerca e convalida.

Visualizzare o scaricare il codice di esempio (procedura per il download).

Prerequisiti

Creare un'app Web

  • Avviare Visual Studio e selezionare Crea un nuovo progetto.
  • Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET Core Applicazione Web > Avanti.
  • Nella finestra di dialogo Configura il nuovo progetto immettere per Project MvcMovie nome. È importante assegnare al progetto il nome MvcMovie. Le maiuscole devono corrispondere a ogni namespace corrispondenza quando viene copiato il codice.
  • Selezionare Crea.
  • Nella finestra di dialogo Create a new ASP.NET Core web application (Crea una nuova applicazione Web) selezionare:
    • .NET Core e ASP.NET Core 5.0 negli elenchi a discesa.
    • ASP.NET Core'app Web (Model-View-Controller).
    • Create.

Creare una nuova ASP.NET Core web

Per approcci alternativi alla creazione del progetto, vedere Creare un nuovo progetto in Visual Studio.

Visual Studio usato il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:

  • È un'app funzionante.
  • È un progetto iniziale di base.

Eseguire l'app

  • Premere CTRL+F5 per eseguire l'app senza il debugger.

    Visual Studio viene visualizzata la finestra di dialogo seguente quando un progetto non è ancora configurato per l'uso di SSL:

    Il progetto è configurato per l'utilizzo di SSL. Per evitare la visualizzazione di avvisi SSL nel browser è possibile considerare attendibile il certificato autofirmato generato da IIS Express. Considerare attendibile il certificato SSL di IIS Express?

    Selezionare se si considera attendibile il certificato SSL di IIS Express.

    Verrà visualizzata la finestra di dialogo seguente:

    Finestra di dialogo Avviso di sicurezza

    Selezionare se si accetta di considerare attendibile il certificato di sviluppo.

    Per informazioni sull'attendibilità del browser Firefox, vedere Errore del certificato SEC_ERROR_INADEQUATE_KEY_USAGE Firefox.

    Visual Studio:

    La barra degli indirizzi visualizza localhost:port# e non example.com o simili. Il nome host standard per il computer locale è localhost . Quando Visual Studio crea un progetto Web, viene usata una porta casuale per il server Web.

L'avvio dell'app senza eseguire il debug premendo CTRL+F5 consente di:

  • Apportare modifiche al codice.
  • Salvare il file.
  • Aggiornare rapidamente il browser e visualizzare le modifiche al codice.

È possibile scegliere se avviare l'app in modalità di debug o non di debug nella voce di menu Debug:

Menu Debug

È possibile eseguire il debug dell'app toccando il pulsante IIS Express.

IIS Express

La figura seguente mostra l'app:

Home o Pagina di indice

Nella parte seguente di questa esercitazione vengono fornite informazioni su MVC e istruzioni per iniziare a creare codice.

Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha di ASP.NET Core sviluppo Web, prendere in considerazione la versione Razor Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia ASP.NET Core personalizzata , che confronta Razor Pages, MVC e per Blazor lo sviluppo dell'interfaccia utente.

Questa è la prima esercitazione di una serie che illustra ASP.NET Core sviluppo Web MVC con controller e visualizzazioni.

Alla fine della serie si dirà un'app che gestisce e visualizza i dati dei film. Si apprenderà come:

  • Creare un'app Web.
  • Aggiungere un modello ed eseguirne lo scaffolding.
  • Usare un database.
  • Aggiungere ricerca e convalida.

Visualizzare o scaricare il codice di esempio (procedura per il download).

Prerequisiti

Creare un'app Web

  • Avviare Visual Studio e selezionare Crea un nuovo progetto.
  • Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET Core Applicazione Web > Avanti.
  • Nella finestra di dialogo Configura il nuovo progetto immettere per Project MvcMovie nome. È importante assegnare al progetto il nome MvcMovie. Le lettere maiuscole devono corrispondere a ogni namespace corrispondenza quando viene copiato il codice.
  • Selezionare Crea.
  • Nella finestra di dialogo Create a new ASP.NET Core web application (Crea un nuovo ASP.NET Core applicazione Web) selezionare:
    • .NET Core e ASP.NET Core 5.0 negli elenchi a discesa.
    • ASP.NET Core App Web (Model-View-Controller).
    • Create.

Creare una nuova ASP.NET Core web

Per approcci alternativi per creare il progetto, vedere Creare un nuovo progetto in Visual Studio.

Visual Studio usato il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:

  • È un'app funzionante.
  • È un progetto iniziale di base.

Eseguire l'app

  • Premere CTRL+F5 per eseguire l'app senza il debugger.

    Visual Studio viene visualizzata la finestra di dialogo seguente quando un progetto non è ancora configurato per l'uso di SSL:

    Il progetto è configurato per l'utilizzo di SSL. Per evitare la visualizzazione di avvisi SSL nel browser è possibile considerare attendibile il certificato autofirmato generato da IIS Express. Considerare attendibile il certificato SSL di IIS Express?

    Selezionare se si considera attendibile il certificato SSL di IIS Express.

    Verrà visualizzata la finestra di dialogo seguente:

    Finestra di dialogo Avviso di sicurezza

    Selezionare se si accetta di considerare attendibile il certificato di sviluppo.

    Per informazioni sull'attendibilità del browser Firefox, vedere Errore del certificato SEC_ERROR_INADEQUATE_KEY_USAGE Firefox.

    Visual Studio:

    La barra degli indirizzi visualizza localhost:port# e non example.com o simili. Il nome host standard per il computer locale è localhost . Quando Visual Studio crea un progetto Web, viene usata una porta casuale per il server Web.

L'avvio dell'app senza eseguire il debug selezionando CTRL+F5 consente di:

  • Apportare modifiche al codice.
  • Salvare il file.
  • Aggiornare rapidamente il browser e visualizzare le modifiche al codice.

È possibile scegliere se avviare l'app in modalità di debug o non di debug nella voce di menu Debug:

Menu Debug

È possibile eseguire il debug dell'app toccando il pulsante IIS Express.

IIS Express

La figura seguente mostra l'app:

Home o Pagina indice

Nella parte seguente di questa esercitazione vengono fornite informazioni su MVC e istruzioni per iniziare a creare codice.

Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha di ASP.NET Core sviluppo Web, prendere in considerazione la versione Razor Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia ASP.NET Core personalizzata , che confronta Razor Pages, MVC e per Blazor lo sviluppo dell'interfaccia utente.

Questa è la prima esercitazione di una serie che illustra ASP.NET Core sviluppo Web MVC con controller e visualizzazioni.

Alla fine della serie si dirà un'app che gestisce e visualizza i dati dei film. Si apprenderà come:

  • Creare un'app Web.
  • Aggiungere un modello ed eseguirne lo scaffolding.
  • Usare un database.
  • Aggiungere ricerca e convalida.

Visualizzare o scaricare il codice di esempio (procedura per il download).

Prerequisiti

Creare un'app Web

  • Nell'Visual Studio selezionare Crea un nuovo progetto.

  • Selezionare ASP.NET Core Applicazione Web > Avanti.

    Creare un nuovo progetto ASP.NET Core applicazione Web

  • Assegnare al progetto il nome MvcMovie e selezionare Crea. È importante assegnare al progetto il nome MvcMovie, in modo che quando si copia il codice lo spazio dei nomi corrisponda.

    Configurare il nuovo progetto

  • Selezionare Applicazione Web(Model-View-Controller). Nelle caselle a discesa selezionare .NET Core e ASP.NET Core 3.1 e quindi selezionare Crea.

    Finestra di dialogo Nuovo progetto, .NET Core nel riquadro sinistro, Web ASP.NET Core

Visual Studio usato il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:

  • È un'app funzionante.
  • È un progetto iniziale di base.

Eseguire l'app

  • Premere CTRL+F5 per eseguire l'app senza eseguire il debug.

    Visual Studio viene visualizzata la finestra di dialogo seguente quando un progetto non è ancora configurato per l'uso di SSL:

    Il progetto è configurato per l'utilizzo di SSL. Per evitare la visualizzazione di avvisi SSL nel browser è possibile considerare attendibile il certificato autofirmato generato da IIS Express. Considerare attendibile il certificato SSL di IIS Express?

    Selezionare se si considera attendibile il certificato SSL di IIS Express.

    Verrà visualizzata la finestra di dialogo seguente:

    Finestra di dialogo Avviso di sicurezza

    Selezionare se si accetta di considerare attendibile il certificato di sviluppo.

    Per informazioni sull'attendibilità del browser Firefox, vedere Errore del certificato SEC_ERROR_INADEQUATE_KEY_USAGE Firefox.

    Visual Studio:

    La barra degli indirizzi visualizza localhost:port# e non example.com o simili. Il nome host standard per il computer locale è localhost . Quando Visual Studio crea un progetto Web, viene usata una porta casuale per il server Web.

L'avvio dell'app senza eseguire il debug selezionando CTRL+F5 consente di:

  • Apportare modifiche al codice.
  • Salvare il file.
  • Aggiornare rapidamente il browser e visualizzare le modifiche al codice.

È possibile scegliere se avviare l'app in modalità di debug o non di debug nella voce di menu Debug:

Menu Debug

È possibile eseguire il debug dell'app toccando il pulsante IIS Express.

IIS Express

La figura seguente mostra l'app:

Home o Pagina indice

Nella parte seguente di questa esercitazione vengono fornite informazioni su MVC e istruzioni per iniziare a creare codice.