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.

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).

PrérequisPrerequisites

Créer une application webCreate a web app

  • Dans Visual Studio, sélectionnez Créer un projet.From the Visual Studio select Create a new project.

  • Sélectionnez Application web ASP.NET Core, puis Suivant.Selecct ASP.NET Core Web Application and then select Next.

Nouvelle application web ASP.NET Core

  • Nommez le projet MvcMovie, puis sélectionnez Créer.Name the project MvcMovie and select Create. Il est important de nommer le projet MvcMovie pour que l’espace de noms corresponde quand vous copiez du code.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    Nouvelle application web ASP.NET Core

  • Sélectionnez Application web (modèle-vue-contrôleur) , puis Créer.Select Web Application(Model-View-Controller), and then select Create.

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é le modèle par défaut pour le projet MVC que vous venez de créer.Visual Studio used the 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.

Exécuter l'applicationRun the app

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 affiche la boîte de dialogue suivante :Visual Studio displays the following dialog:

Ce projet est configuré pour utiliser SSL.

Sélectionnez Oui si vous faites confiance au certificat SSL d’IIS Express.Select Yes if you trust the IIS Express SSL certificate.

La boîte de dialogue suivante s’affiche :The following dialog is displayed:

Boîte de dialogue Avertissement de sécurité

Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.Select Yes if you agree to trust the development certificate.

Pour plus d’informations, consultez Approuver le certificat de développement HTTPS ASP.NET Core.See Trust the ASP.NET Core HTTPS development certificate for more information.

  • Visual Studio démarre IIS Express et exécute l’application.Visual Studio starts IIS Express and runs the 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.

  • Si vous lancez l’application avec Ctrl+F5 (mode sans débogage), vous pouvez apporter des modifications au code, enregistrer le fichier, actualiser le navigateur et examiner les modifications apportées au 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.