Queste informazioni si riferiscono a un prodotto non definitive che può essere modificato in modo sostanziale prima che venga rilasciato commercialmente. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.
Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha familiarità con lo sviluppo Web di ASP.NET Core, prendere in considerazione la Razor versione Pages di questa esercitazione, che offre un punto di partenza più semplice. Consulta Scegliere un'interfaccia utente ASP.NET Core, che permette di confrontare Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è il primo tutorial di una serie che insegna lo sviluppo Web ASP.NET Core MVC con controller e viste.
Alla fine della serie, avrai un'app che gestisce, convalida e visualizza i dati dei film. Scopri come:
Creare un'app Web.
Aggiungere un modello ed eseguirne lo scaffolding.
È possibile seguire le istruzioni di Visual Studio Code in macOS, Linux o Windows. Le modifiche possono essere necessarie se si usa un ambiente di sviluppo integrato (IDE) diverso da Visual Studio Code.
Avviare Visual Studio e selezionare Crea un nuovo progetto.
Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET App Web principale (Model-View-Controller)> Avanti.
Nella finestra di dialogo Configura il nuovo progetto :
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere a ogni namespace quando viene copiato il codice.
L'ubicazione per il progetto può essere impostata ovunque.
Selezionare Avanti.
Nella finestra di dialogo Informazioni aggiuntive:
Selezionare .NET 9.0 (supporto termini standard).
Verificare che Non usare istruzioni di livello superiore sia deselezionata.
Visual Studio usa il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:
È un'app funzionante.
È un progetto iniziale di base.
L'esercitazione presuppone familiarità con VS Code. Per altre informazioni, vedere Introduzione a VS Code e alla Guida di Visual Studio Code.
Selezionare Nuovo terminale dal menu Terminale per aprire il terminale integrato.
Passare alla directory (cd) che conterrà il progetto. Il progetto può trovarsi ovunque.
Eseguire i comandi seguenti:
CLI .NET
dotnetnew mvc -o MvcMovie
code -r MvcMovie
Il dotnet new comando crea un nuovo progetto MVC core ASP.NET nella cartella MvcMovie .
Il code comando apre la cartella del progetto MvcMovie nell'istanza corrente di Visual Studio Code.
Visual Studio Code potrebbe visualizzare una finestra di dialogo in cui viene chiesto: considerare attendibili gli autori dei file in questa cartella?
Se si considera attendibile tutti i file nella cartella padre, selezionare Considera attendibili gli autori di tutti i file nella cartella padre.
Selezionare Sì, mi fido degli autori poiché la cartella del progetto contiene file generati da .NET.
Quando Visual Studio Code richiede di aggiungere asset per compilare ed eseguire il debug del progetto, selezionare Sì. Seleziona Visualizza>Palette dei comandi e digita ".NET" nella casella di ricerca, se Visual Studio Code non offre l'opzione per aggiungere asset di compilazione e debug. Nell'elenco dei comandi selezionare il .NET: Generate Assets for Build and Debug comando .
Visual Studio Code aggiunge una cartella .vscode con i file launch.json e tasks.json generati.
Visual Studio esegue l'app e apre il browser predefinito.
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 avviare l'app in modalità di debug o non di debug dal menu Debug :
È possibile eseguire il debug dell'app selezionando il pulsante HTTPS nella barra degli strumenti:
La figura seguente mostra l'app:
Chiudere la finestra del browser. Visual Studio arresterà l'applicazione.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
CLI .NET
dotnetdev-certs https --trust
Il comando precedente richiede .NET 9 SDK o versione successiva in Linux. Per Linux in .NET 8.0.401 SDK e versioni precedenti, vedere la documentazione della distribuzione linux per considerare attendibile un certificato.
Il comando precedente visualizza la finestra di dialogo seguente, purché il certificato non sia stato considerato attendibile in precedenza:
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
Per altre informazioni, vedere la sezione Considerare attendibile il certificato di sviluppo HTTPS di base ASP.NET dell'articolo Applicazione di SSL .
La barra degli indirizzi visualizza localhost:<port#> e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
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.
Chiudere la finestra del browser.
In Visual Studio Code scegliere Arresta debug dal menu Esegui o premere MAIUSC+F5 per arrestare l'app.
Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha familiarità con lo sviluppo Web di ASP.NET Core, prendere in considerazione la Razor versione Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedi Scegliere un'interfaccia utente ASP.NET Core, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questo è il primo tutorial di una serie che insegna lo sviluppo Web MVC Core di ASP.NET con l'uso di controller e viste.
Alla fine della serie, avrai un'app che gestisce e visualizza i dati dei film. Scopri come:
Le istruzioni di Visual Studio Code usano l'interfaccia della riga di comando di .NET per le funzioni di sviluppo di ASP.NET Core, ad esempio la creazione di progetti. È possibile seguire queste istruzioni in macOS, Linux o Windows e con qualsiasi editor di codice. Se si usa un editor diverso da Visual Studio Code potrebbero essere necessarie alcune modifiche minime.
Microsoft ha annunciato il ritiro di Visual Studio per Mac. Visual Studio per Mac non sarà più supportato a partire dal 31 agosto 2024. Le possibili alternative includono:
Avviare Visual Studio e selezionare Crea un nuovo progetto.
Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET App Web principale (Model-View-Controller)> Avanti.
Nella finestra di dialogo Configura il nuovo progetto :
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La capitalizzazione deve corrispondere a ogni namespace quando il codice viene copiato.
La posizione per il progetto può essere impostata ovunque.
Selezionare Avanti.
Nella finestra di dialogo Informazioni aggiuntive:
Selezionare .NET 8.0 (supporto a lungo termine, LTS).
Verificare che Non usare istruzioni di livello superiore sia deselezionata.
Visual Studio usa il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:
È un'app funzionante.
È un progetto iniziale di base.
L'esercitazione presuppone familiarità con VS Code. Per altre informazioni, vedere Introduzione a VS Code e alla Guida di Visual Studio Code.
Selezionare Nuovo terminale dal menu Terminale per aprire il terminale integrato.
Passare alla directory (cd) che conterrà il progetto. Il progetto può trovarsi ovunque.
Eseguire i comandi seguenti:
CLI .NET
dotnetnew mvc -o MvcMovie
code -r MvcMovie
Il dotnet new comando crea un nuovo progetto MVC core ASP.NET nella cartella MvcMovie .
Il code comando apre la cartella del progetto MvcMovie nell'istanza corrente di Visual Studio Code.
Visual Studio Code potrebbe visualizzare una finestra di dialogo in cui viene chiesto: considerare attendibili gli autori dei file in questa cartella?
Se si considera attendibile tutti i file nella cartella padre, selezionare Considera attendibili gli autori di tutti i file nella cartella padre.
Selezionare Sì, mi fido degli autori poiché la cartella del progetto contiene file generati da .NET.
Quando Visual Studio Code richiede di aggiungere asset per compilare ed eseguire il debug del progetto, selezionare Sì. Se Visual Studio Code non offre l'aggiunta di asset di compilazione e debug, selezionare Visualizza>riquadro comandi e digitare ".NET" nella casella di ricerca. Nell'elenco dei comandi selezionare il .NET: Generate Assets for Build and Debug comando .
Visual Studio Code aggiunge una cartella .vscode con i file launch.json generati e tasks.json.
Selezionare File>Nuovo progetto....
Selezionare App Web e Console>Applicazione Web (Model-View-Controller)>Continua.
Nella finestra di dialogo Configura la nuova applicazione Web (Model-View-Controller):
Selezionare .NET 8.0 per il Framework di Destinazione.
Verificare che Non usare istruzioni di livello superiore sia deselezionata.
Selezionare Continua.
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere a ogni namespace quando viene copiato il codice.
La posizione del progetto può essere impostata ovunque.
Visual Studio esegue l'app e apre il browser predefinito.
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 avviare l'app in modalità di debug o non di debug dal menu Debug :
È possibile eseguire il debug dell'app selezionando il pulsante HTTPS nella barra degli strumenti:
La figura seguente mostra l'app:
Chiudere la finestra del browser. Visual Studio arresterà l'applicazione.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
CLI .NET
dotnetdev-certs https --trust
Il comando precedente richiede .NET 9 SDK o versione successiva in Linux. Per Linux in .NET 8.0.401 SDK e versioni precedenti, vedere la documentazione della distribuzione linux per considerare attendibile un certificato.
Il comando precedente visualizza la finestra di dialogo seguente, purché il certificato non sia stato considerato attendibile in precedenza:
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
Per ulteriori informazioni, consultare l'articolo Imporre SSL, nella sezione Fiducia nel certificato di sviluppo HTTPS di ASP.NET Core.
La barra degli indirizzi visualizza localhost:<port#> e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
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.
Chiudere la finestra del browser.
In Visual Studio Code scegliere Arresta debug dal menu Esegui o premere MAIUSC+F5 per arrestare l'app.
Selezionare Option+Command+Return per eseguire l'app senza il debugger.
La barra degli indirizzi visualizza localhost:<port#> e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
È possibile avviare l'app in modalità di debug o non di debug dal menu Debug .
La figura seguente mostra l'app:
Chiudere la finestra del browser. Visual Studio per Mac arresterà l'applicazione.
Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha familiarità con lo sviluppo Web di ASP.NET Core, prendere in considerazione la Razor versione Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia utente ASP.NET Core, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima guida di una serie che illustra lo sviluppo web ASP.NET Core MVC con controller e view.
Alla fine della serie, avrai un'app che gestisce e visualizza i dati dei film. Scopri come:
Creare un'app Web.
Aggiungere un modello e effettuare lo scaffolding.
Le istruzioni di Visual Studio Code usano l'interfaccia della riga di comando di .NET per le funzioni di sviluppo di ASP.NET Core, ad esempio la creazione di progetti. È possibile seguire queste istruzioni in macOS, Linux o Windows e con qualsiasi editor di codice. Se si usa un editor diverso da Visual Studio Code potrebbero essere necessarie alcune modifiche minime.
Microsoft ha annunciato il ritiro di Visual Studio per Mac. Visual Studio per Mac non sarà più supportato a partire dal 31 agosto 2024. Le alternative includono:
Avviare Visual Studio e selezionare Crea un nuovo progetto.
Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET App Web principale (Model-View-Controller)> Avanti.
Nella finestra di dialogo Configura il nuovo progetto :
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. Le maiuscole devono corrispondere a ciascun namespace quando viene copiato il codice.
La località per il progetto può essere impostata ovunque.
Selezionare Avanti.
Nella finestra di dialogo Informazioni aggiuntive:
Selezionare .NET 7.0.
Verificare che Non usare istruzioni di livello superiore sia deselezionata.
Visual Studio usa il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:
È un'app funzionante.
È un progetto iniziale di base.
L'esercitazione presuppone familiarità con VS Code. Per altre informazioni, vedere Introduzione a VS Code.
Selezionare Nuovo terminale dal menu Terminale per aprire il terminale integrato.
Passare alla directory (cd) che conterrà il progetto. Il progetto può trovarsi ovunque.
Eseguire i comandi seguenti:
CLI .NET
dotnetnew mvc -o MvcMovie
code -r MvcMovie
Il dotnet new comando crea un nuovo progetto MVC core ASP.NET nella cartella MvcMovie .
Il code comando apre la cartella del progetto MvcMovie nell'istanza corrente di Visual Studio Code.
Visual Studio Code potrebbe visualizzare una finestra di dialogo in cui viene chiesto: considerare attendibili gli autori dei file in questa cartella?
Se si considera attendibile tutti i file nella cartella padre, selezionare Considera attendibili gli autori di tutti i file nella cartella padre.
Selezionare Sì, mi fido degli autori poiché la cartella del progetto contiene file generati da .NET.
Quando Visual Studio Code richiede di aggiungere asset per compilare ed eseguire il debug del progetto, selezionare Sì. Seleziona Visualizza>Palette comandi e digita ".NET" nella casella di ricerca se Visual Studio Code non offre di aggiungere asset di build e debug. Nell'elenco dei comandi selezionare il .NET: Generate Assets for Build and Debug comando .
Visual Studio Code aggiunge una cartella .vscode con i file launch.json e tasks.json generati.
Avviare Visual Studio per Mac e selezionare File>nuovo progetto....
In Visual Studio per Mac selezionare Web e Console>App>Applicazione Web (Model-View-Controller)>Continua.
Nella finestra di dialogo Configura la nuova applicazione Web (Model-View-Controller):
Selezionare .NET 7.0 per il Framework di destinazione.
Verificare che Non usare istruzioni di livello superiore sia deselezionata.
Selezionare Continua.
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere esattamente a ogni namespace quando il codice viene copiato.
La località per il progetto può essere impostata ovunque.
Premere CTRL+F5 per eseguire l'app senza il debugger. Visual Studio visualizza la finestra di dialogo seguente quando un progetto non è ancora configurato per l'uso di SSL: selezionare Sì se si considera attendibile il certificato SSL di IIS Express. Viene visualizzata la finestra di dialogo seguente: selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo. Per informazioni sull'attendibilità del browser Firefox, vedere Firefox SEC_ERROR_INADEQUATE_KEY_USAGE errore del certificato.
Visual Studio esegue l'app e apre il browser predefinito.
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 avviare l'app in modalità di debug o non di debug dal menu Debug :
È possibile eseguire il debug dell'app selezionando il pulsante HTTPS nella barra degli strumenti:
La figura seguente mostra l'app:
Chiudere la finestra del browser. Visual Studio arresterà l'applicazione.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
CLI .NET
dotnetdev-certs https --trust
Il comando precedente richiede .NET 9 SDK o versione successiva in Linux. Per Linux in .NET 8.0.401 SDK e versioni precedenti, vedere la documentazione della distribuzione linux per considerare attendibile un certificato.
Il comando precedente visualizza la finestra di dialogo seguente, purché il certificato non sia stato considerato attendibile in precedenza:
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
Per ulteriori informazioni, consultare la sezione Considerare attendibile il certificato di sviluppo HTTPS di ASP.NET Core dell'articolo Applicazione di SSL.
La barra degli indirizzi visualizza localhost:<port#> e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
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.
Chiudere la finestra del browser.
In Visual Studio Code scegliere Arresta debug dal menu Esegui o premere MAIUSC+F5 per arrestare l'app.
Selezionare Option+Command+Return per eseguire l'app senza il debugger.
La barra degli indirizzi visualizza localhost:<port#> e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
È possibile avviare l'app in modalità di debug o non di debug dal menu Debug .
La figura seguente mostra l'app:
Chiudere la finestra del browser. Visual Studio per Mac arresterà l'applicazione.
Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha familiarità con lo sviluppo Web di ASP.NET Core, prendere in considerazione la Razor versione Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia utente ASP.NET Core, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra lo sviluppo web con ASP.NET Core MVC utilizzando controller e viste.
Alla fine della serie, avrai un'app che gestisce e visualizza i dati dei film. Scopri come:
Creare un'app Web.
Aggiungere un modello ed eseguirne lo scaffolding.
Le istruzioni di Visual Studio Code usano l'interfaccia della riga di comando di .NET per le funzioni di sviluppo di ASP.NET Core, ad esempio la creazione di progetti. È possibile seguire queste istruzioni in macOS, Linux o Windows e con qualsiasi editor di codice. Se si usa un editor diverso da Visual Studio Code potrebbero essere necessarie alcune modifiche minime.
Per Visual Studio per Mac, vedere la versione .NET 7 di questa esercitazione.
Avviare Visual Studio e selezionare Crea un nuovo progetto.
Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET App Web principale (Model-View-Controller)> Avanti.
Nella finestra di dialogo Configura il nuovo progetto immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere a ogni namespace quando viene copiato il codice.
Selezionare Avanti.
Nella finestra di dialogo Informazioni aggiuntive selezionare .NET 6.0 (supporto a lungo termine).
Visual Studio usa il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:
È un'app funzionante.
È un progetto iniziale di base.
L'esercitazione presuppone familiarità con VS Code. Per altre informazioni, vedere Introduzione a VS Code e alla Guida di Visual Studio Code.
Selezionare Nuovo terminale dal menu Terminale per aprire il terminale integrato.
Passare alla directory (cd) che conterrà il progetto.
Eseguire i comandi seguenti:
CLI .NET
dotnetnew mvc -o MvcMovie
code -r MvcMovie
Il dotnet new comando crea un nuovo progetto MVC core ASP.NET nella cartella MvcMovie .
Il code comando apre la cartella del progetto MvcMovie nell'istanza corrente di Visual Studio Code.
Visual Studio Code potrebbe visualizzare una finestra di dialogo in cui viene chiesto: considerare attendibili gli autori dei file in questa cartella?
Se si considera attendibile tutti i file nella cartella padre, selezionare Considera attendibili gli autori di tutti i file nella cartella padre.
Selezionare Sì, mi fido degli autori poiché la cartella del progetto contiene file generati da .NET.
Quando Visual Studio Code richiede di aggiungere asset per compilare ed eseguire il debug del progetto, selezionare Sì. Se Visual Studio Code non propone di aggiungere asset di compilazione e debug, selezionare Visualizza>Palette dei comandi e digitare ".NET" nella casella di ricerca. Nell'elenco dei comandi selezionare il .NET: Generate Assets for Build and Debug comando .
Visual Studio Code aggiunge una cartella .vscode con i file launch.json e tasks.json generati.
Per Visual Studio per Mac, vedere la versione .NET 7 di questa esercitazione.
Visual Studio esegue l'app e apre il browser predefinito.
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 avviare l'app in modalità di debug o non di debug dal menu Debug :
È possibile eseguire il debug dell'app selezionando il pulsante MvcMovie sulla barra degli strumenti:
La figura seguente mostra l'app:
Selezionare CTRL+F5 per eseguire senza il debugger.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
CLI .NET
dotnetdev-certs https --trust
Il comando precedente richiede .NET 9 SDK o versione successiva in Linux. Per Linux in .NET 8.0.401 SDK e versioni precedenti, vedere la documentazione della distribuzione linux per considerare attendibile un certificato.
Il comando precedente visualizza la finestra di dialogo seguente, purché il certificato non sia stato considerato attendibile in precedenza:
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
Per ulteriori informazioni, vedere la sezione Considerare attendibile il certificato di sviluppo HTTPS di ASP.NET Core nell'articolo Applicazione di SSL.
Per informazioni sull'attendibilità del browser Firefox, vedere l'errore del certificato SEC_ERROR_INADEQUATE_KEY_USAGE di Firefox.
La barra degli indirizzi visualizza localhost:<port#> e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
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.
Per Visual Studio per Mac, vedere la versione .NET 7 di questa esercitazione.
Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha familiarità con lo sviluppo Web di ASP.NET Core, prendere in considerazione la Razor versione Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia utente ASP.NET Core, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra lo sviluppo web di ASP.NET Core MVC con controller e viste.
Alla fine della serie, avrai un'app che gestisce e visualizza i dati dei film. Scopri come:
Creare un'app Web.
Aggiungere un modello ed eseguirne lo scaffolding.
Le istruzioni di Visual Studio Code usano l'interfaccia della riga di comando di .NET per le funzioni di sviluppo di ASP.NET Core, ad esempio la creazione di progetti. È possibile seguire queste istruzioni in macOS, Linux o Windows e con qualsiasi editor di codice. Se si usa un editor diverso da Visual Studio Code potrebbero essere necessarie alcune modifiche minime.
Avviare Visual Studio e selezionare Crea un nuovo progetto.
Nella finestra di dialogo Crea un nuovo progetto, selezionare ASP.NET Core Web Application>Avanti.
Nella finestra di dialogo Configura il nuovo progetto immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere a ogni namespace corrispondenza quando viene copiato il codice.
Seleziona Crea.
Nella finestra di dialogo Crea una nuova applicazione Web ASP.NET Core selezionare:
.NET Core e ASP.NET Core 5.0 nelle liste a discesa.
Visual Studio usa il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:
È un'app funzionante.
È un progetto iniziale di base.
L'esercitazione presuppone familiarità con VS Code. Per altre informazioni, vedere Introduzione a VS Code.
Selezionare Nuovo terminale dal menu Terminale per aprire il terminale integrato.
Passare alla directory (cd) che conterrà il progetto.
Eseguire i comandi seguenti:
CLI .NET
dotnetnew mvc -o MvcMovie
code -r MvcMovie
Il dotnet new comando crea un nuovo progetto MVC core ASP.NET nella cartella MvcMovie .
Il code comando apre la cartella del progetto MvcMovie nell'istanza corrente di Visual Studio Code.
Visual Studio Code potrebbe visualizzare una finestra di dialogo in cui viene chiesto: considerare attendibili gli autori dei file in questa cartella?
Se si considera attendibile tutti i file nella cartella padre, selezionare Considera attendibili gli autori di tutti i file nella cartella padre.
Selezionare Sì, mi fido degli autori poiché la cartella del progetto contiene file generati da .NET.
Quando Visual Studio Code richiede di aggiungere asset per compilare ed eseguire il debug del progetto, selezionare Sì. Se Visual Studio Code non offre di aggiungere asset di compilazione e debug, selezionare Visualizza>Palette dei comandi e digitare ".NET" nella casella di ricerca. Nell'elenco dei comandi selezionare il .NET: Generate Assets for Build and Debug comando .
Visual Studio Code aggiunge una cartella .vscode con i file generati launch.json e tasks.json.
Selezionare File>Nuova soluzione.
In Visual Studio per Mac precedenti alla versione 8.6, selezionare .NET Core>App>Applicazione Web (Model-View-Controller)>Avanti. Nella versione 8.6 o successiva, selezionare Web e Console>App>Applicazione Web (Modello-Vista-Controllo)>Avanti.
Nella finestra di dialogo Configura la nuova applicazione Web:
Verificare che l'autenticazione sia impostata su Nessuna autenticazione.
Se viene visualizzata un'opzione per selezionare un framework di destinazione, selezionare la versione 5.x più recente.
Selezionare Avanti.
Denominare il progetto MvcMovie, quindi selezionare Crea.
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:
È possibile eseguire il debug dell'app toccando il pulsante IIS Express.
La figura seguente mostra l'app:
Selezionare CTRL+F5 per eseguire senza il debugger.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
CLI .NET
dotnetdev-certs https --trust
Il comando precedente richiede .NET 9 SDK o versione successiva in Linux. Per Linux in .NET 8.0.401 SDK e versioni precedenti, vedere la documentazione della distribuzione linux per considerare attendibile un certificato.
Il comando precedente visualizza la finestra di dialogo seguente, purché il certificato non sia stato considerato attendibile in precedenza:
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
Per altre informazioni, vedere la sezione Considerare attendibile il certificato di sviluppo HTTPS per ASP.NET Core dell'articolo Applicazione di SSL.
La barra degli indirizzi visualizza localhost:port:5001 e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
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.
Per avviare l'app, selezionare Esegui>Avvia senza eseguire debug.
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.
È possibile scegliere se avviare l'app in modalità di debug o non di dal menu Esegui.
Questa esercitazione illustra lo sviluppo Web per ASP.NET Core MVC con i controller e le viste. Se non si ha familiarità con lo sviluppo Web di ASP.NET Core, prendere in considerazione la Razor versione Pages di questa esercitazione, che offre un punto di partenza più semplice. Vedere Scegliere un'interfaccia utente ASP.NET Core, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra lo sviluppo web con ASP.NET Core MVC utilizzando controller e viste.
Alla fine della serie, avrai un'app che gestisce e visualizza i dati dei film. Scopri come:
Creare un'app Web.
Aggiungere un modello ed eseguirne lo scaffolding.
Le istruzioni di Visual Studio Code usano l'interfaccia della riga di comando di .NET per le funzioni di sviluppo di ASP.NET Core, ad esempio la creazione di progetti. È possibile seguire queste istruzioni in tutte le piattaforme (macOS, Linux o Windows) e con qualsiasi editor di codice. Se si usa un editor diverso da Visual Studio Code potrebbero essere necessarie alcune modifiche minime. Per altre informazioni sull'installazione di Visual Studio Code in macOS, vedere Visual Studio Code in macOS.
In Visual Studio selezionare Crea un nuovo progetto.
Selezionare Applicazione Web ASP.NET Core>Avanti.
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.
Selezionare Applicazione Web (Model-View-Controller). Nelle caselle a discesa selezionare .NET Core e ASP.NET Core 3.1, quindi selezionare Crea.
Visual Studio usa il modello di progetto predefinito per il progetto MVC creato. Il progetto creato:
È un'app funzionante.
È un progetto iniziale di base.
L'esercitazione presuppone familiarità con VS Code. Per altre informazioni, vedere Introduzione a VS Code e alla Guida di Visual Studio Code.
Modificare le directory (cd) in una cartella che conterrà il progetto.
Esegui questo comando:
CLI .NET
dotnetnew mvc -o MvcMovie
code -r MvcMovie
Viene visualizzata una finestra di dialogo con Asset necessari per la compilazione e il debug mancanti in 'MvcMovie'. Aggiungili?, seleziona Sì.
dotnet new mvc -o MvcMovie: crea un nuovo progetto MVC core ASP.NET nella cartella MvcMovie .
code -r MvcMovie: Carica il file progetto MvcMovie.csproj in Visual Studio Code.
Selezionare File>Nuova soluzione.
In Visual Studio per Mac precedenti alla versione 8.6, selezionare .NET Core>App>Web Application (Model-View-Controller)>Avanti. Nella versione 8.6 o successiva, selezionare App>Web e Console>Applicazione Web (Model-View-Controller)>Avanti.
Nella finestra di dialogo Configura la nuova applicazione Web:
Verificare che l'autenticazione sia impostata su Nessuna autenticazione.
Se viene visualizzata un'opzione per selezionare un framework di destinazione, selezionare la versione 3.x più recente.
Selezionare Avanti.
Denominare il progetto MvcMovie, quindi selezionare Crea.
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:
È possibile eseguire il debug dell'app toccando il pulsante IIS Express.
La figura seguente mostra l'app:
Selezionare CTRL+F5 per eseguire l'app senza eseguire il debug.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
CLI .NET
dotnetdev-certs https --trust
Il comando precedente richiede .NET 9 SDK o versione successiva in Linux. Per Linux in .NET 8.0.401 SDK e versioni precedenti, vedere la documentazione della distribuzione linux per considerare attendibile un certificato.
Il comando precedente visualizza la finestra di dialogo seguente, purché il certificato non sia stato considerato attendibile in precedenza:
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
Per ulteriori informazioni, consultare la sezione Attendibilità del certificato di sviluppo HTTPS ASP.NET Core dell'articolo Applicazione di SSL.
La barra degli indirizzi visualizza localhost:port:5001 e non example.com o simili. Il nome host standard per il computer locale è localhost. Localhost viene usato solo per le richieste web del computer locale.
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.
Per avviare l'app, selezionare Esegui>Avvia senza eseguire debug.
Visual Studio per Mac: avvia Kestrel il server, avvia un browser e passa a http://localhost:port, dove porta è un numero di porta scelto in modo casuale.
Visual Studio per Mac visualizza il popup seguente:
Selezionare Sì se si considera attendibile il certificato di sviluppo.
Verrà visualizzata la finestra di dialogo seguente:
Immettere la password e selezionare OK
Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.
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. Quando si esegue l'app verrà visualizzato un numero di porta diverso.
È possibile scegliere se avviare l'app in modalità di debug o non di dal menu Esegui.
L'origine di questo contenuto è disponibile in GitHub, in cui è anche possibile creare ed esaminare i problemi e le richieste pull. Per ulteriori informazioni, vedere la guida per i collaboratori.
Feedback su ASP.NET Core
ASP.NET Core è un progetto di open source. Selezionare un collegamento per fornire feedback:
Progettare soluzioni end-to-end in Microsoft Azure per creare Funzioni di Azure, implementare e gestire app Web, sviluppare soluzioni che usano Archiviazione di Azure e altro ancora.
