Introduzione ad ASP.NET MVC

di Scott Hanselman

Nota

Versione aggiornata se questa esercitazione è disponibile qui usando Visual Studio 2013. La nuova esercitazione usa ASP.NET MVC 5, che offre molti miglioramenti in questa esercitazione.

Questa è un'esercitazione per principianti che presenta le nozioni di base di ASP.NET MVC. Si creerà una semplice applicazione Web che legge e scrive da un database. Visitare il centro di apprendimento MVC ASP.NET per trovare altre esercitazioni e esempi di MVC ASP.NET.

Si crei ora la prima applicazione Web MVC ASP.NET usando Visual Web Developer 2010 Express. Faremo un piccolo elenco di film applicazione che ci permetterà di creare ed elencare film.

Scopo dell'esercitazione

Ecco due screenshot dell'applicazione che verrà compilata. Si avrà una semplice tabella di film con varie colonne.

E avrai un modulo Crea in modo da poter aggiungere film all'elenco.

Acquisizione di competenze

Questa esercitazione illustra le nozioni di base per la creazione di un'applicazione Web MVC ASP.NET con Visual Studio. Si apprenderà:

• Come creare un nuovo progetto MVC ASP.NET
• Come creare un nuovo database con SQL Server
• Come creare ASP.NET controller e viste MVC
• Come recuperare e visualizzare i dati
• Come modificare i dati e abilitare la convalida dei dati
• Come aggiornare lo schema del database

Introduzione

Per iniziare, eseguire Visual Web Developer 2010 Express (lo chiamerò "VWD" da ora in poi) e selezionare Nuovo progetto dalla schermata Start.

Visual Web Developer è un ambiente di sviluppo integrato o IDE. Proprio come si usa Microsoft Word per scrivere documenti, si userà un IDE per creare applicazioni. C'è una barra degli strumenti nella parte superiore che mostra varie opzioni disponibili, nonché il menu che si potrebbe anche usare per selezionare file | Nuovo progetto.

Creazione della prima applicazione

È possibile creare applicazioni usando Visual Basic o Visual C#. Per il momento, selezionare Visual C# a sinistra, quindi selezionare "ASP.NET'applicazione Web MVC 2". Assegnare al progetto il nome "Movies" e fare clic su OK.

Sul lato destro è il Esplora soluzioni che mostra tutti i file e le cartelle nell'applicazione. La finestra grande al centro è dove si modifica il codice e si passa la maggior parte del tempo. Visual Studio ha usato un modello predefinito per il progetto MVC ASP.NET appena creato, quindi è disponibile un'applicazione funzionante al momento senza eseguire alcuna operazione. Questo è un semplice "Hello World! progetto ed è un buon punto di partenza per l'applicazione.

Selezionare il pulsante "riproduci" sulla barra degli strumenti.

Si tratta di una freccia verde che punta a destra che compilerà il programma e avvierà l'applicazione in un Web browser.

NOTA: è invece possibile premere F5 sulla tastiera oppure selezionare Debug-Avvia> debug dal menu "Debug".

In questo modo Visual Web Developer avvia un server Web di sviluppo ed esegue l'applicazione Web (non sono necessari passaggi manuali o di configurazione per abilitare questa impostazione). Verrà quindi avviato un browser e configurato per esplorare la home page dell'applicazione. Si noti che la barra degli indirizzi del browser indica "localhost" e non è simile a example.com. Questo perché localhost punta sempre al proprio computer locale, che in questo caso esegue l'applicazione appena compilata.

Per impostazione predefinita, questo modello predefinito offre due pagine da visitare e una pagina di accesso di base. Si modificherà il funzionamento di questa applicazione e si apprenderà un po' di ASP.NET MVC nel processo. Chiudere il browser e modificare il codice.

Avanti