Introduzione a ASP.NET MVC 5Getting started with ASP.NET MVC 5

di Rick Andersonby Rick Anderson

Una versione aggiornata di questa esercitazione è disponibile qui usando la versione più recente di Visual Studio.An updated version of this tutorial is available here using the latest version of Visual Studio. La nuova esercitazione USA ASP.NET Core MVC, che fornisce molti miglioramenti rispetto a questa esercitazione.The new tutorial uses ASP.NET Core MVC, which provides many improvements over this tutorial.

Questa esercitazione illustra ASP.NET Core MVC con i controller e le viste.This tutorial teaches ASP.NET Core MVC with controllers and views. Le pagine Razor sono una nuova alternativa in ASP.NET Core 2.0, un modello di programmazione basato su pagine che rende più semplice ed efficace la creazione di un'interfaccia utente Web.Razor Pages is a new alternative in ASP.NET Core 2.0, a page-based programming model that makes building web UI easier and more productive. È consigliabile provare l'esercitazione sulle pagine Razor prima della versione MVC.We recommend you try the Razor Pages tutorial before the MVC version. L'esercitazione sulle pagine Razor:The Razor Pages tutorial:

  • È più semplice da seguire.Is easier to follow.
  • Riguarda più funzionalità.Covers more features.
  • È l'approccio consigliato per lo sviluppo di nuove applicazioni.Is the preferred approach for new application development.

Questa esercitazione illustra le nozioni di base per la creazione di un'app Web ASP.NET MVC 5 con Visual Studio 2017.This tutorial teaches you the basics of building an ASP.NET MVC 5 web app using Visual Studio 2017. Il codice sorgente finale per l'esercitazione è disponibile in GitHub.The final source code for the tutorial is located on GitHub.

Questa esercitazione è stata scritta da Scott Guthrie ( Twitter@scottgu ), Scott hanselt (Twitter: @shanselman ) e Rick Anderson ( @RickAndMSFT )This tutorial was written by Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ), and Rick Anderson ( @RickAndMSFT )

Per distribuire l'app in Azure è necessario un account Azure:You need an Azure account to deploy this app to Azure:

  • È possibile aprire un account Azure gratuitamente: si ottengono crediti che è possibile usare per provare i servizi di Azure a pagamento e, anche dopo che sono stati usati, è possibile tenere l'account e usare i servizi di Azure gratuiti.You can open an Azure account for free - You get credits you can use to try out paid Azure services, and even after they're used up you can keep the account and use free Azure services.
  • È possibile attivare i benefici della sottoscrizione MSDN: con la sottoscrizione MSDN ogni mese si accumulano crediti che è possibile usare per i servizi di Azure a pagamento.You can activate MSDN subscriber benefits - Your MSDN subscription gives you credits every month that you can use for paid Azure services.

IntroduzioneGet started

Per iniziare, installare Visual Studio 2017.Start by installing Visual Studio 2017. Quindi, aprire Visual Studio.Then, open Visual Studio.

Visual Studio è un IDE o Integrated Development Environment.Visual Studio is an IDE, or integrated development environment. Proprio come si usa Microsoft Word per scrivere documenti, si userà un IDE per creare applicazioni.Just like you use Microsoft Word to write documents, you'll use an IDE to create applications. In Visual Studio è disponibile un elenco lungo il fondo che mostra le varie opzioni disponibili.In Visual Studio, there's a list along the bottom showing various options available to you. È anche disponibile un menu che fornisce un altro modo per eseguire attività nell'IDE.There's also a menu that provides another way to perform tasks in the IDE. Ad esempio, invece di selezionare nuovo progetto nella pagina iniziale, è possibile usare la barra dei menu e selezionare file > nuovo progetto.For example, instead of selecting New Project on the Start page, you can use the menu bar and select File > New Project.

Creare la prima appCreate your first app

Nella pagina inizialeselezionare nuovo progetto.On the Start page, select New Project. Nella finestra di dialogo nuovo progetto selezionare la categoria Visual C# a sinistra, quindi Webe quindi selezionare il modello di progetto applicazione Web ASP.NET (.NET Framework) .In the New project dialog box, select the Visual C# category on the left, then Web, and then select the ASP.NET Web Application (.NET Framework) project template. Denominare il progetto "MvcMovie", quindi scegliere OK.Name your project "MvcMovie" and then choose OK.

Nella finestra di dialogo nuova applicazione Web ASP.NET scegliere MVC , quindi scegliere OK.In the New ASP.NET Web Application dialog, choose MVC and then choose OK.

Visual Studio ha usato un modello predefinito per il progetto MVC ASP.NET appena creato ed è quindi disponibile un'applicazione funzionante senza eseguire alcuna operazione.Visual Studio used a default template for the ASP.NET MVC project you just created, so you have a working application right now without doing anything! Si tratta di una semplice "Hello World!"This is a simple "Hello World!" il progetto è una soluzione ideale per avviare l'applicazione.project, and it's a good place to start your application.

Premere F5 per avviare il debug.Press F5 to start debugging. Quando si preme F5, Visual Studio avvia IIS Express ed esegue l'app Web.When you press F5, Visual Studio starts IIS Express and runs your web app. Visual Studio avvia quindi un browser e apre la home page dell'applicazione.Visual Studio then launches a browser and opens the application's home page. Si noti che la barra degli indirizzi del browser indica localhost:port# e non un elemento come example.com.Notice that the address bar of the browser says localhost:port# and not something like example.com. Questo perché localhost fa sempre riferimento al computer locale, che in questo caso esegue l'applicazione appena creata.That's because localhost always points to your own local computer, which in this case is running the application you just built. Quando si esegue un progetto Web in Visual Studio, viene utilizzata una porta casuale per il server Web.When Visual Studio runs a web project, a random port is used for the web server. Nell'immagine seguente il numero di porta è 1234.In the image below, the port number is 1234. Quando si esegue l'applicazione, viene visualizzato un numero di porta diverso.When you run the application, you'll see a different port number.

Il modello predefinito fornisce le pagine Home, Contacte About.Right out of the box this default template gives you Home, Contact, and About pages. L'immagine seguente non Mostra i collegamenti Home, Aboute Contact .The image below doesn't show the Home, About, and Contact links. A seconda delle dimensioni della finestra del browser, potrebbe essere necessario fare clic sull'icona di spostamento per visualizzare i collegamenti.Depending on the size of your browser window, you might need to click the navigation icon to see these links.

L'applicazione fornisce anche il supporto per la registrazione e l'accesso.The application also provides support to register and log in. Il passaggio successivo consiste nel modificare il funzionamento di questa applicazione e apprendere un po' di ASP.NET MVC.The next step is to change how this application works and learn a little bit about ASP.NET MVC. Chiudere l'applicazione MVC ASP.NET e modificare il codice.Close the ASP.NET MVC application and let's change some code.

Per un elenco delle esercitazioni correnti, vedere gli articoli consigliati per MVC.For a list of current tutorials, see MVC recommended articles.

Vedi questa app in esecuzione in AzureSee this app running on Azure

Si desidera visualizzare il sito finito in esecuzione come app Web Live?Would you like to see the finished site running as a live web app? È possibile distribuire una versione completa dell'app nell'account Azure semplicemente facendo clic sul pulsante seguente.You can deploy a complete version of the app to your Azure account by simply clicking the following button.

Per distribuire questa soluzione in Azure, è necessario un account Azure.You need an Azure account to deploy this solution to Azure. Se non si dispone già di un account, utilizzare una delle seguenti opzioni per crearne uno:If you don't already have an account, use one of the following options to create one: