Condividi tramite

Introduzione a ASP.NET MVC 5

di Rick Anderson

Annotazioni

Una versione aggiornata di questa esercitazione è disponibile qui usando la versione più recente di Visual Studio. La nuova esercitazione usa ASP.NET Core MVC, che offre molti miglioramenti in questa esercitazione.

Questa esercitazione illustra ASP.NET Core MVC con controller e visualizzazioni. Razor Pages è una nuova alternativa in ASP.NET Core, un modello di programmazione basato su pagine che semplifica la creazione dell'interfaccia utente Web e una maggiore produttività. È consigliabile provare l'esercitazione su Razor Pages prima della versione di MVC. Il tutorial su Razor Pages:

  • È più facile da seguire.
  • Vengono illustrate altre funzionalità.
  • È l'approccio preferito per lo sviluppo di nuove app.

Questa esercitazione illustra le nozioni di base per la creazione di un'app Web ASP.NET MVC 5 con Visual Studio 2017. Il codice sorgente finale per l'esercitazione si trova in GitHub.

Questa esercitazione è stata scritta da Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ) e Rick Anderson ( @RickAndMSFT )

È necessario un account Azure per distribuire questa app in Azure:

  • È possibile aprire gratuitamente un account Azure : si ottengono crediti che è possibile usare per provare i servizi di Azure a pagamento e anche dopo aver usato l'account è possibile mantenere l'account e usare i servizi di Azure gratuiti.
  • È possibile attivare i vantaggi dei sottoscrittori MSDN : la sottoscrizione MSDN offre crediti ogni mese che è possibile usare per i servizi di Azure a pagamento.

Inizia subito

Per iniziare , installare Visual Studio 2017. Aprire quindi Visual Studio.

Visual Studio è un ambiente di sviluppo integrato o IDE. Proprio come si usa Microsoft Word per scrivere documenti, si userà un IDE per creare applicazioni. In Visual Studio è disponibile un elenco nella parte inferiore che mostra varie opzioni disponibili. È anche disponibile un menu che consente di eseguire attività nell'IDE. Ad esempio, invece di selezionare Nuovo progetto nella pagina Iniziale, è possibile usare la barra dei menu e selezionare File>Nuovo progetto.

Screenshot che mostra la pagina iniziale di Visual Studio. La creazione di un nuovo progetto viene cerchiata in rosso.

Creazione della prima app

Nella pagina Iniziale selezionare Nuovo progetto. Nella finestra di dialogo Nuovo progetto selezionare la categoria Visual C# a sinistra, quindi Web e quindi selezionare il modello di progetto applicazione Web (.NET Framework) ASP.NET . Assegnare al progetto il nome "MvcMovie" e quindi scegliere OK.

Screenshot che mostra la finestra Nuovo progetto. Sono selezionati Web e ASP.NET Web Application .NET Framework.

Nella finestra di dialogo Nuova applicazione Web ASP.NET scegliere MVC e quindi scegliere OK.

Screenshot che mostra la finestra di dialogo New ASP.NET Web Application. È selezionata l'opzione MVC.

Visual Studio ha usato un modello predefinito per il progetto MVC ASP.NET appena creato, quindi al momento è disponibile un'applicazione funzionante senza eseguire alcuna operazione. Si tratta di un semplice progetto "Hello World!" ed è un buon punto di partenza per l'applicazione.

Screenshot che mostra la finestra M V C Movie aperta sulla pagina Panoramica.

Premere F5 per avviare il debug. Quando si preme F5, Visual Studio avvia IIS Express ed esegue l'app Web. Visual Studio avvia quindi un browser e apre la home page dell'applicazione. Si noti che la barra degli indirizzi del browser indica localhost:port# e non example.com. Questo perché localhost punta sempre al proprio computer locale, che in questo caso esegue l'applicazione appena compilata. Quando Visual Studio esegue un progetto Web, viene usata una porta casuale per il server Web. Nell'immagine seguente il numero di porta è 1234. Quando si esegue l'applicazione, verrà visualizzato un numero di porta diverso.

Screenshot che mostra la home page di A S P dot NET.

Immediatamente questo modello predefinito fornisce le pagine Home, Contact e About. L'immagine seguente non mostra i collegamenti Home, Informazioni e Contatto . A seconda delle dimensioni della finestra del browser, potrebbe essere necessario fare clic sull'icona di spostamento per visualizzare questi collegamenti.

Screenshot che mostra la home page di A S P dot NET in una finestra di visualizzazione più piccola. Le tre righe che indicano il menu di spostamento sono cerchiate in rosso.

L'applicazione fornisce anche il supporto per la registrazione e l'accesso. Il passaggio successivo consiste nel modificare il funzionamento di questa applicazione e apprendere un po' di ASP.NET MVC. Chiudere l'applicazione ASP.NET MVC e modificare il codice.

Per un elenco dei tutorial attuali, vedere gli articoli consigliati di MVC.

Avanti

  • Last updated on