Mise en route avec ASP.NET MVC 5Getting started with ASP.NET MVC 5

par Rick Andersonby Rick Anderson

Une version mise à jour de ce didacticiel est disponible ici à l’aide de la dernière version de Visual Studio.An updated version of this tutorial is available here using the latest version of Visual Studio. Utilise le nouveau didacticiel ASP.NET Core MVC, qui fournit nombreux améliorations par rapport à ce didacticiel.The new tutorial uses ASP.NET Core MVC, which provides many improvements over this tutorial.

Ce didacticiel décrit ASP.NET Core MVC avec des contrôleurs et des vues.This tutorial teaches ASP.NET Core MVC with controllers and views. Les pages Razor sont une nouvelle alternative dans ASP.NET Core 2.0. Il s’agit d’un modèle de programmation basé sur les pages qui permet de créer une interface utilisateur web de manière plus facile et plus efficace.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. Nous vous recommandons de suivre le didacticiel sur les pages Razor avant la version MVC.We recommend you try the Razor Pages tutorial before the MVC version. Le didacticiel sur les pages Razor :The Razor Pages tutorial:

  • est plus facile à suivre ;Is easier to follow.
  • couvre davantage de fonctionnalités ;Covers more features.
  • représente la meilleure approche pour le développement de nouvelles applications.Is the preferred approach for new application development.

Ce didacticiel vous enseigne les principes fondamentaux de la création d’une application web ASP.NET MVC 5 avec Visual Studio 2017.This tutorial teaches you the basics of building an ASP.NET MVC 5 web app using Visual Studio 2017. Le code source finale pour le didacticiel se trouve sur GitHub.The final source code for the tutorial is located on GitHub.

Ce didacticiel a été écrit par Scott Guthrie (twitter @scottgu ), Scott Hanselman (twitter : @shanselman ) , et Rick Anderson ( @RickAndMSFT )This tutorial was written by Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ), and Rick Anderson ( @RickAndMSFT )

Vous avez besoin d’un compte Azure pour déployer cette application dans Azure :You need an Azure account to deploy this app to Azure:

  • Vous pouvez ouvrir un compte Azure gratuit -vous bénéficiez de crédits que vous pouvez utiliser pour tester les services Azure payants et même lorsqu’ils sont épuisés, vous pouvez conserver le compte et utiliser les services Azure gratuits.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.
  • Vous pouvez activer les avantages d’abonnement MSDN -votre abonnement MSDN vous donne des crédits chaque mois que vous pouvez utiliser pour les services Azure payants.You can activate MSDN subscriber benefits - Your MSDN subscription gives you credits every month that you can use for paid Azure services.

Prise en mainGet started

Commencez par l’installation de Visual Studio 2017.Start by installing Visual Studio 2017. Ensuite, ouvrez Visual Studio.Then, open Visual Studio.

Visual Studio est un environnement de développement intégré ou IDE.Visual Studio is an IDE, or integrated development environment. Tout comme vous utilisez Microsoft Word pour écrire des documents, vous utiliserez un IDE pour créer des applications.Just like you use Microsoft Word to write documents, you'll use an IDE to create applications. Dans Visual Studio, il existe une liste dans la partie inférieure affiche les différentes options disponibles pour vous.In Visual Studio, there's a list along the bottom showing various options available to you. Il existe également un menu qui fournit une autre façon d’effectuer des tâches dans l’IDE.There's also a menu that provides another way to perform tasks in the IDE. Par exemple, au lieu de sélectionner nouveau projet sur le page de démarrage, vous pouvez utiliser la barre de menus et sélectionnez fichier > denouveauprojet.For example, instead of selecting New Project on the Start page, you can use the menu bar and select File > New Project.

Créer votre première applicationCreate your first app

Sur le page de démarrage, sélectionnez nouveau projet.On the Start page, select New Project. Dans le nouveau projet boîte de dialogue, sélectionnez le Visual C# catégorie sur la gauche, puis Web, puis sélectionnez le Application Web ASP.NET (.NET Framework) modèle de projet.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. Nommez votre projet « MvcMovie », puis choisissez OK.Name your project "MvcMovie" and then choose OK.

Dans le nouvelle Application Web ASP.NET boîte de dialogue, choisissez MVC , puis OK.In the New ASP.NET Web Application dialog, choose MVC and then choose OK.

Visual Studio a utilisé un modèle par défaut pour le projet ASP.NET MVC que vous venez de créer, afin que vous ayez une application opérationnelle sans rien faire dès maintenant !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! Il s’agit d’un simple « Hello World ! »This is a simple "Hello World!" projet et il l’un bon point de départ de votre application.project, and it's a good place to start your application.

Appuyez sur F5 pour démarrer le débogage.Press F5 to start debugging. Quand vous appuyez sur F5, Visual Studio démarre IIS Express et exécute votre application web.When you press F5, Visual Studio starts IIS Express and runs your web app. Ensuite, Visual Studio lance un navigateur et ouvre la page d’accueil de l’application.Visual Studio then launches a browser and opens the application's home page. Notez que la barre d’adresses du navigateur indique localhost:port# et non quelque chose comme example.com.Notice that the address bar of the browser says localhost:port# and not something like example.com. C’est parce que localhost pointe toujours vers votre ordinateur local, qui dans ce cas s’exécute l’application que vous venez de créer.That's because localhost always points to your own local computer, which in this case is running the application you just built. Lorsque Visual Studio s’exécute à un projet web, un port aléatoire est utilisé pour le serveur web.When Visual Studio runs a web project, a random port is used for the web server. Dans l’image ci-dessous, le numéro de port est 1234.In the image below, the port number is 1234. Lorsque vous exécutez l’application, vous verrez un numéro de port différent.When you run the application, you'll see a different port number.

Dès ce modèle par défaut vous donne Home, Contact, et About pages.Right out of the box this default template gives you Home, Contact, and About pages. L’image ci-dessous n’affiche pas le accueil, sur, et Contact des liens.The image below doesn't show the Home, About, and Contact links. Selon la taille de la fenêtre du navigateur, vous devrez peut-être cliquer sur l’icône de navigation pour afficher ces liens.Depending on the size of your browser window, you might need to click the navigation icon to see these links.

L’application fournit également la prise en charge pour vous inscrire et connectez-vous.The application also provides support to register and log in. L’étape suivante consiste à modifier le fonctionnement de cette application et en savoir un peu sur ASP.NET MVC.The next step is to change how this application works and learn a little bit about ASP.NET MVC. Fermez l’application ASP.NET MVC et nous allons modifier du code.Close the ASP.NET MVC application and let's change some code.

Pour obtenir la liste de didacticiels actuels, consultez MVC recommandé articles.For a list of current tutorials, see MVC recommended articles.

Consultez cette application en cours d’exécution sur AzureSee this app running on Azure

Vous souhaitez voir le site terminé en cours d’exécution en tant qu’une application web en direct ?Would you like to see the finished site running as a live web app? Vous pouvez déployer une version complète de l’application à votre compte Azure en cliquant simplement sur le bouton suivant.You can deploy a complete version of the app to your Azure account by simply clicking the following button.

Vous avez besoin d’un compte Azure pour déployer cette solution sur Azure.You need an Azure account to deploy this solution to Azure. Si vous ne disposez pas d’un compte, utilisez une des options suivantes pour en créer un :If you don't already have an account, use one of the following options to create one: