Bien démarrer avec ASP.NET Core MVCGet started with ASP.NET Core MVC

Par Rick AndersonBy Rick Anderson

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Si vous débutez dans le développement web ASP.NET Core, choisissez la version Pages Razor de ce tutoriel, qui fournit un point de départ plus facile.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

https://docs.microsoft.com/en-us/visualstudio/ide/visual-studio-ide?view=vs-2017

Ce didacticiel décrit les principes fondamentaux liés à la génération d’une application web dans ASP.NET Core MVC.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

L’application gère une base de données de titres de films.The app manages a database of movie titles. Vous apprenez à :You learn how to:

  • Créer une application web.Create a web app.
  • Ajouter et structurer un modèle.Add and scaffold a model.
  • Utiliser une base de données.Work with a database.
  • Ajouter une fonctionnalité de recherche et de validation.Add search and validation.

À la fin, vous obtenez une application qui peut gérer et afficher des données de films.At the end, you have an app that can manage and display movie data.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).View or download sample code (how to download).

Note

Nous testons la facilité d’utilisation d’une nouvelle structure proposée pour la table des matières d’ASP.NET Core.We’re testing the usability of a proposed new structure for the ASP.NET Core table of contents. Si vous avez quelques minutes pour essayer un exercice de recherche de 7 différentes rubriques dans la table des matières actuelle ou proposée, cliquez ici pour participer à l’étude.If you have a few minutes to try an exercise of finding 7 different topics in the current or proposed table of contents, please click here to participate in the study.

PrérequisPrerequisites

Créer une application webCreate a web app

Dans Visual Studio, sélectionnez Fichier > Nouveau > Projet.From Visual Studio, select File > New > Project.

Fichier > Nouveau > Projet

Renseignez la boîte de dialogue Nouveau projet :Complete the New Project dialog:

  • Dans le volet gauche, sélectionnez .NET CoreIn the left pane, select .NET Core
  • Dans le volet central, sélectionnez Application web ASP.NET Core (.NET Core)In the center pane, select ASP.NET Core Web Application (.NET Core)
  • Nommez le projet « MvcMovie » (ceci est important pour que l’espace de noms corresponde quand vous copierez le code).Name the project "MvcMovie" (It's important to name the project "MvcMovie" so when you copy code, the namespace will match.)
  • Sélectionnez OKselect OK

Boîte de dialogue Nouveau projet, .Net Core dans le volet gauche, web ASP.NET CoreNew project dialog, .Net core in left pane, ASP.NET Core web

Renseignez la boîte de dialogue Nouvelle application web ASP.NET Core (.NET Core) - MvcMovie :Complete the New ASP.NET Core Web Application (.NET Core) - MvcMovie dialog:

  • Dans la zone de liste déroulante du sélecteur de version, sélectionnez ASP.NET Core 2.2In the version selector drop-down box select ASP.NET Core 2.2
  • Sélectionnez Application web (Model-View-Controller).Select Web Application (Model-View-Controller)
  • Sélectionnez OK.select OK.

Boîte de dialogue Nouveau projet, .Net Core dans le volet gauche, web ASP.NET CoreNew project dialog, .Net core in left pane, ASP.NET Core web

Visual Studio a utilisé un modèle par défaut pour le projet MVC que vous venez de créer.Visual Studio used a default template for the MVC project you just created. Vous disposez maintenant d’une application fonctionnelle en entrant un nom de projet et en sélectionnant quelques options.You have a working app right now by entering a project name and selecting a few options. Il s’agit d’un projet de démarrage de base qui constitue un bon point de départ.This is a basic starter project, and it's a good place to start.

Sélectionnez Ctrl-F5 pour exécuter l'application en mode non-débogage.Select Ctrl-F5 to run the app in non-debug mode.

  • Visual Studio démarre IIS Express et exécute votre application.Visual Studio starts IIS Express and runs your app. Notez que la barre d’adresse affiche localhost:port#, et non quelque chose comme example.com.Notice that the address bar shows localhost:port# and not something like example.com. C’est parce que localhost est le nom d’hôte standard de votre ordinateur local.That's because localhost is the standard hostname for your local computer. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.When Visual Studio creates a web project, a random port is used for the web server. Dans l’image ci-dessus, le numéro de port est 5000.In the image above, the port number is 5000. L’URL dans le navigateur affiche localhost:5000.The URL in the browser shows localhost:5000. Quand vous exécutez l’application, vous voyez un autre numéro de port.When you run the app, you'll see a different port number.
  • Si vous lancez l’application avec Ctrl+F5 (mode sans débogage), vous pouvez effectuer des modifications du code, enregistrer le fichier, actualiser le navigateur et afficher les modifications du code.Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. De nombreux développeurs préfèrent utiliser le mode non-débogage pour lancer rapidement l’application et voir les modifications.Many developers prefer to use non-debug mode to quickly launch the app and view changes.
  • Vous pouvez lancer l’application en mode débogage ou non-débogage à partir de l’élément de menu Déboguer :You can launch the app in debug or non-debug mode from the Debug menu item:

Menu Déboguer

  • Vous pouvez déboguer l’application en sélectionnant le bouton IIS ExpressYou can debug the app by selecting the IIS Express button

IIS Express

  • Sélectionnez Accepter pour accepter le suivi.Select Accept to consent to tracking. Cette application n’effectue pas le suivi d’informations personnelles.This app doesn't track personal information. Le code généré par le modèle inclut des ressources qui aident à satisfaire au Règlement général sur la protection des données (RGPD).The template generated code includes assets to help meet General Data Protection Regulation (GDPR).

    Page d’accueil ou page d’index

    L’illustration suivante montre l’application une fois le suivi accepté :The following image shows the app after accepting tracking:

    Page d’accueil ou page d’index

Dans la prochaine partie de ce didacticiel, vous allez découvrir MVC et commencer à écrire du code.In the next part of this tutorial, you learn about MVC and start writing some code.