Per realizzare un’applicazione MVC occorre eseguire una sequenza di passi che essenzialmente consistono:
-
Creare con Visual Studio un nuovo progetto, mediante la selezione del modello Applicazione Web ASP.NET MVC 2
-
Successivamente, all’applicazione viene aggiunto un Controller e una View
-
Insieme al progetto viene anche creato una unità di test dell’applicazione
Creazione del progetto MVC 2
Per creare un’applicazione MVC selezionare Nuovo progetto e quindi scegliere Applicazione Web ASP.NET MVC 2
Successivamente viene richiesto mediante il form che segue se si desidera creare anche un progetto di Test:
Dopo aver pigiato sul tasto OK viene creato il progetto e nella finestra Esplora soluzioni viene visualizzata la struttura
La struttura del progetto comprende le seguenti cartelle:
-
Content, in cui vengono inseriti i fogli di stile
-
Controllers, in cui vengono inseriti i Controller MVC in cui vengono definite le classi (risponde ad una richiesta del browser)
-
Models, in cui vengono inseriti le classi relative ai modelli dei dati (Business e data access)
-
Scripts, in cui vengono inseriti i file di script (jQuery, AJAX)
-
Views, in cui viene inserita una cartella per ogni Controller MVC, la cartella Shared e il file webConfig. Nella cartella Shared in cui vi sono le Master Page dell’applicazione.
Se è stato richiesto anche la generazione del progetto di test, all’applicazione viene aggiunto una ulteriore applicazione, in cui vi è una cartella denominata Controller in cui vi sono i file che contengono le classi Controller necessarie per effettuare il test dell’applicazione.
La generazione del progetto produce una semplicissima applicazione MVC funzionante.
Aggiunta di un Controller e di una Action
Per aggiungere una qualsiasi logica all’applicazione occorre aggiungere un Controller.
-
In Esplora soluzioni fare clic con il pulsante destro del mouse sulla cartella Controllers, successivamente scegliere Aggiungi e quindi fare clic su Controller. Viene visualizzato il form Aggiungi controller. Inserire il nome del Controller. In MVC i nomi dei controller devono terminare con la parola “Controller” (nell’esempio IdeaController). In questo esempio, la classe IdeaController viene aggiunta al progetto.
Aggiunta del metodo Action Nella classe IdeaController occorre aggiungere il metodo Action, per esempio ViewIdea( ), il cui fine è di eseguire il rendering delle informazioni da visualizzare. In questo caso un semplice messaggio:
public ActionResult ViewIdea()
{
ViewData["Message"]= "Idea Software";
return View();
}
Aggiunta del View Per aggiungere una View eseguire la seguente procedura:
-
Nella cartella Views, aggiungere una sottocartella denominata Idea.
-
Successivamente selezionare la cartella Controllers e quindi fare clic sul file IdeaController.cs
-
Posizionarsi all’interno del metodo Action ViewIdea e quindi fare clic su Aggiungi visualizzazione. Viene visualizzata la form che segue
-
Introdurre, nel campo visualizza nome, ViewIdea e quindi verificare gli ulteriori parametri. In genere quelli di default sono coerenti. Per impostazione predefinita il path relativo alla master page è il seguente: ~/Views/Shared/Site.Master.
-
Infine fare clic su Aggiungi. Una nuova View viene aggiunta al progetto. Il contenuto del file ViewIdea, in questo esempio è il seguente:
<asp:content id=Content1 runat="server" contentplaceholderid="TitleContent">
ViewIdea
</asp:content>
<asp:content id=Content2 runat="server" contentplaceholderid="MainContent">
<%: ViewData["Message"] %>
</asp:content>
Aggiunta di una scheda alla Master page
Al fine di attivare il metodo Action di ViewIdea, in questo esempio, viene aggiunto un elemento al menu della Master page.
Nell’elemento <div> il cui Id è menucontainer aggiungere la linea che segue:
<li><%= Html.ActionLink("Idea Menu", "ViewIdea", "Idea") %></li>
Ora è possibile eseguire l'applicazione.