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 principale ASP.NET, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra ASP.NET sviluppo Web MVC Core con controller e visualizzazioni.
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.
In Visual Studio 2022 per Mac selezionare Preferenze strumenti...>>Funzionalità di anteprima e abilitare Usare .NET 8 SDK se installato (richiede il riavvio).
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 8.0 (anteprima).
Verificare che non usare istruzioni di primo livello sia deselezionata.
Passare alla directory (cd) che conterrà il progetto.
Esegui questo comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se viene visualizzata una finestra di dialogo con Asset necessari per la compilazione e il debug non sono presenti 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 di MvcMovie.csproj progetto in Visual Studio Code.
Selezionare File>Nuovo progetto....
Selezionare Applicazione 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 Framework di destinazione.
Verificare che non usare istruzioni di primo livello sia deselezionata.
Seleziona Continua.
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere a ogni namespace quando viene copiato il codice.
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.
Salva 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:
Premere F5 per eseguire l'app.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
dotnet dev-certs https --trust
Il comando precedente non funziona in Linux. Vedere la documentazione della distribuzione di Linux per l'attendibilità di 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.
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.
Salva il file.
Aggiornare rapidamente il browser e visualizzare le modifiche al codice.
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 .
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 principale ASP.NET, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra ASP.NET sviluppo Web MVC Core con controller e visualizzazioni.
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 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 7.0.
Verificare che non usare istruzioni di primo livello sia deselezionata.
Passare alla directory (cd) che conterrà il progetto.
Esegui questo comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se viene visualizzata una finestra di dialogo con Asset necessari per la compilazione e il debug non sono presenti 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 di MvcMovie.csproj progetto in Visual Studio Code.
Avviare Visual Studio per Mac e selezionare File>nuovo progetto....
In Visual Studio per Mac selezionare Applicazione Web e Console>App>Web (Model-View-Controller)Continue (Model-View-Controller).>
Nella finestra di dialogo Configura la nuova applicazione Web (Model-View-Controller):
Selezionare .NET 7.0 per Framework di destinazione.
Verificare che non usare istruzioni di primo livello sia deselezionata.
Seleziona Continua.
Immettere MvcMovie per Nome progetto. È importante denominare il progetto MvcMovie. La maiuscola deve corrispondere a ogni namespace quando viene copiato il codice.
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.
Salva 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:
Premere F5 per eseguire l'app.
Considerare attendibile il certificato di sviluppo HTTPS eseguendo il comando riportato di seguito:
dotnet dev-certs https --trust
Il comando precedente non funziona in Linux. Vedere la documentazione della distribuzione di Linux per l'attendibilità di 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.
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.
Salva il file.
Aggiornare rapidamente il browser e visualizzare le modifiche al codice.
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 .
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 principale ASP.NET, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra ASP.NET sviluppo Web MVC Core con controller e visualizzazioni.
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).
Passare alla directory (cd) che conterrà il progetto.
Esegui questo comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se viene visualizzata una finestra di dialogo con Asset necessari per la compilazione e il debug non sono presenti 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 di MvcMovie.csproj progetto in Visual Studio Code.
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.
Salva 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:
dotnet dev-certs https --trust
Il comando precedente non funziona in Linux. Vedere la documentazione della distribuzione di Linux per l'attendibilità di 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.
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.
Salva 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 principale ASP.NET, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra ASP.NET sviluppo Web MVC Core con controller e visualizzazioni.
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 Applicazione>Web principale 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 negli elenchi a discesa.
Passare alla directory (cd) che conterrà il progetto.
Esegui questo comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se viene visualizzata una finestra di dialogo con Asset necessari per la compilazione e il debug non sono presenti 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 di MvcMovie.csproj progetto in Visual Studio Code.
Selezionare File>Nuova soluzione.
In Visual Studio per Mac precedente alla versione 8.6 selezionare Applicazione Web app .NET Core>>(Model-View-Controller)>Avanti. Nella versione 8.6 o successiva selezionare Applicazione Web e Console>App>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 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.
Salva 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:
dotnet dev-certs https --trust
Il comando precedente non funziona in Linux. Vedere la documentazione della distribuzione di Linux per l'attendibilità di 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.
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.
Salva 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 principale ASP.NET, che confronta Razor Pagine, MVC e Blazor per lo sviluppo dell'interfaccia utente.
Questa è la prima esercitazione di una serie che illustra ASP.NET sviluppo Web MVC Core con controller e visualizzazioni.
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 Core per le funzioni di sviluppo 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 ASP.NET'applicazione>Web principale 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:
dotnet new 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 di MvcMovie.csproj progetto in Visual Studio Code.
Selezionare File>Nuova soluzione.
In Visual Studio per Mac precedente alla versione 8.6 selezionare Applicazione Web app .NET Core>>(Model-View-Controller)>Avanti. Nella versione 8.6 o successiva selezionare Applicazione Web e Console>App>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.
Salva 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:
dotnet dev-certs https --trust
Il comando precedente non funziona in Linux. Vedere la documentazione della distribuzione di Linux per l'attendibilità di 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.
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.
Salva 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 la 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.
