Partager via

Bien démarrer avec ASP.NET Core MVC

Note

Ceci n’est pas la dernière version de cet article. Pour la version actuelle, consultez la version .NET 10 de cet article.

Warning

Cette version d’ASP.NET Core n’est plus prise en charge. Pour plus d’informations, consultez la stratégie de support .NET et .NET Core. Pour la version actuelle, consultez la version .NET 9 de cet article.

Par Rick Anderson

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues. Si vous débutez dans le développement web ASP.NET Core, choisissez la version RazorRazor Pages de ce didacticiel, qui fournit un point de départ plus facile. Consultez Choisir une interface utilisateur ASP.NET Core, qui compare Razor Pages, MVC et Blazor pour le développement de l’interface utilisateur.

Il s’agit du premier didacticiel d’une série qui enseigne le développement web ASP.NET Core MVC avec des contrôleurs et des vues.

À la fin de cette série, vous disposerez d’une application permettant de gérer, de valider et d’afficher des données de film. Vous allez apprendre à effectuer les actions suivantes :

  • Créez une application web.
  • Ajouter et structurer un modèle.
  • Utiliser une base de données.
  • Ajouter une fonctionnalité de recherche et de validation.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).

Prerequisites

Créer une application web

  • Démarrez Visual Studio et sélectionnez Créer un projet.
  • Dans la boîte de dialogue Créer un nouveau projet, sélectionnez Application web ASP.NET Core (modèle-vue-contrôleur)>Suivant.
  • Dans la boîte de dialogue Configurer votre nouveau projet :
    • Entrez MvcMovie le nom du projet. Il est important de nommer le projet MvcMovie. La mise en majuscules doit correspondre à chaque namespace quand le code est copié.
    • L’emplacement du projet peut être défini n’importe où.
  • Cliquez sur Suivant.
  • Dans la boîte de dialogue Informations supplémentaires :
    • Sélectionnez .NET 9.0 (Prise en charge des termes standard).
    • Vérifiez que l’option ne pas utiliser les instructions de niveau supérieur soit décochée.
  • Cliquez sur Créer.

Boîte de dialogue d’informations supplémentaires

Pour plus d’informations, notamment d’autres approches pour créer le projet, consultez Créer un projet dans Visual Studio.

Visual Studio utilise le modèle de projet par défaut pour le projet MVC créé. Le projet créé :

  • Est une application opérationnelle.
  • Est un projet de démarrage de base.

Exécuter l'application

  • Appuyez sur Ctrl+F5 pour exécuter l’application sans le débogueur.

    Visual Studio affiche la boîte de dialogue suivante lorsqu’un projet n’est pas encore configuré pour utiliser SSL :

    Ce projet est configuré pour utiliser SSL. Pour éviter les avertissements SSL dans le navigateur, vous pouvez choisir d’approuver le certificat auto-signé généré par IIS Express. Voulez-vous approuver le certificat SSL d’IIS Express ?

    Sélectionnez Oui si vous faites confiance au certificat SSL d’IIS Express.

    La boîte de dialogue suivante s’affiche :

    Boîte de dialogue Avertissement de sécurité

    Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.

    Pour plus d’informations sur l’approbation du navigateur Firefox, consultez Erreur de certificat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio exécute l’application et ouvre le navigateur par défaut.

La barre d’adresses affiche localhost:<port#> au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.

Le lancement de l’application sans débogage en appuyant sur Ctrl+F5 vous permet de :

  • Modifiez le code.
  • Enregistrez le fichier.
  • Actualiser rapidement le navigateur et voir les modifications de code.

Vous pouvez lancer l’application en mode débogage ou hors débogage à partir du menu Débogage :

Menu Démarrer le débogage et Exécuter sans débogage

Vous pouvez déboguer l’application en sélectionnant le bouton https dans la barre d’outils :

Bouton de débogage MvcMovie

L’image suivante montre l’application :

Page Home ou d’index

  • Fermez la fenêtre du navigateur. Visual Studio arrête l’application.

Dans le prochain didacticiel de la série, vous allez découvrir MVC et commencer à écrire du code.

Suivant : Ajouter un contrôleur

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues. Si vous débutez dans le développement web ASP.NET Core, choisissez la version RazorRazor Pages de ce didacticiel, qui fournit un point de départ plus facile. Consultez Choisir une interface utilisateur ASP.NET Core, qui compare Razor Pages, MVC et Blazor pour le développement de l’interface utilisateur.

Il s’agit du premier didacticiel d’une série qui enseigne le développement web ASP.NET Core MVC avec des contrôleurs et des vues.

À la fin de cette série, vous disposerez d’une application permettant de gérer et d’afficher des données de film. Vous allez apprendre à effectuer les actions suivantes :

  • Créez une application web.
  • Ajouter et structurer un modèle.
  • Utiliser une base de données.
  • Ajouter une fonctionnalité de recherche et de validation.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).

Prerequisites

Créer une application web

  • Démarrez Visual Studio et sélectionnez Créer un projet.
  • Dans la boîte de dialogue Créer un nouveau projet, sélectionnez Application web ASP.NET Core (modèle-vue-contrôleur)>Suivant.
  • Dans la boîte de dialogue Configurer votre nouveau projet :
    • Entrez MvcMovie le nom du projet. Il est important de nommer le projet MvcMovie. La mise en majuscules doit correspondre à chaque namespace quand le code est copié.
    • L’emplacement du projet peut être défini n’importe où.
  • Cliquez sur Suivant.
  • Dans la boîte de dialogue Informations supplémentaires :
    • Sélectionnez .NET 8.0 (support à long terme).
    • Vérifiez que l’option ne pas utiliser les instructions de niveau supérieur soit décochée.
  • Cliquez sur Créer.

Boîte de dialogue d’informations supplémentaires

Pour plus d’informations, notamment d’autres approches pour créer le projet, consultez Créer un projet dans Visual Studio.

Visual Studio utilise le modèle de projet par défaut pour le projet MVC créé. Le projet créé :

  • Est une application opérationnelle.
  • Est un projet de démarrage de base.

Exécuter l'application

  • Appuyez sur Ctrl+F5 pour exécuter l’application sans le débogueur.

    Visual Studio affiche la boîte de dialogue suivante lorsqu’un projet n’est pas encore configuré pour utiliser SSL :

    Ce projet est configuré pour utiliser SSL. Pour éviter les avertissements SSL dans le navigateur, vous pouvez choisir d’approuver le certificat auto-signé généré par IIS Express. Voulez-vous approuver le certificat SSL d’IIS Express ?

    Sélectionnez Oui si vous faites confiance au certificat SSL d’IIS Express.

    La boîte de dialogue suivante s’affiche :

    Boîte de dialogue Avertissement de sécurité

    Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.

    Pour plus d’informations sur l’approbation du navigateur Firefox, consultez Erreur de certificat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio exécute l’application et ouvre le navigateur par défaut.

La barre d’adresses affiche localhost:<port#> au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.

Le lancement de l’application sans débogage en appuyant sur Ctrl+F5 vous permet de :

  • Modifiez le code.
  • Enregistrez le fichier.
  • Actualiser rapidement le navigateur et voir les modifications de code.

Vous pouvez lancer l’application en mode débogage ou hors débogage à partir du menu Débogage :

Menu Démarrer le débogage et Exécuter sans débogage

Vous pouvez déboguer l’application en sélectionnant le bouton https dans la barre d’outils :

Bouton de débogage MvcMovie

L’image suivante montre l’application :

Page Home ou d’index

  • Fermez la fenêtre du navigateur. Visual Studio arrête l’application.

Dans le prochain didacticiel de la série, vous allez découvrir MVC et commencer à écrire du code.

Suivant : Ajouter un contrôleur

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues. Si vous débutez dans le développement web ASP.NET Core, choisissez la version RazorRazor Pages de ce didacticiel, qui fournit un point de départ plus facile. Consultez Choisir une interface utilisateur ASP.NET Core, qui compare Razor Pages, MVC et Blazor pour le développement de l’interface utilisateur.

Il s’agit du premier didacticiel d’une série qui enseigne le développement web ASP.NET Core MVC avec des contrôleurs et des vues.

À la fin de cette série, vous disposerez d’une application permettant de gérer et d’afficher des données de film. Vous allez apprendre à effectuer les actions suivantes :

  • Créez une application web.
  • Ajouter et structurer un modèle.
  • Utiliser une base de données.
  • Ajouter une fonctionnalité de recherche et de validation.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).

Prerequisites

Créer une application web

  • Démarrez Visual Studio et sélectionnez Créer un projet.
  • Dans la boîte de dialogue Créer un nouveau projet, sélectionnez Application web ASP.NET Core (modèle-vue-contrôleur)>Suivant.
  • Dans la boîte de dialogue Configurer votre nouveau projet :
    • Entrez MvcMovie le nom du projet. Il est important de nommer le projet MvcMovie. La mise en majuscules doit correspondre à chaque namespace quand le code est copié.
    • L’emplacement du projet peut être défini n’importe où.
  • Cliquez sur Suivant.
  • Dans la boîte de dialogue Informations supplémentaires :
    • Sélectionnez .NET 7.0.
    • Vérifiez que l’option ne pas utiliser les instructions de niveau supérieur soit décochée.
  • Cliquez sur Créer.

Boîte de dialogue d’informations supplémentaires

Pour plus d’informations, notamment d’autres approches pour créer le projet, consultez Créer un projet dans Visual Studio.

Visual Studio utilise le modèle de projet par défaut pour le projet MVC créé. Le projet créé :

  • Est une application opérationnelle.
  • Est un projet de démarrage de base.

Exécuter l'application

  • Appuyez sur Ctrl+F5 pour exécuter l’application sans le débogueur. Visual Studio affiche la boîte de dialogue suivante lorsqu’un projet n’est pas encore configuré pour utiliser SSL :Ce projet est configuré pour utiliser SSL. Pour éviter les avertissements SSL dans le navigateur, vous pouvez choisir d’approuver le certificat auto-signé généré par IIS Express. Voulez-vous approuver le certificat IIS Express SSL ?Sélectionnez Oui si vous approuvez le certificat IIS Express SSL. La boîte de dialogue suivante s’affiche : Boîte de dialogue Avertissement sécuritéSélectionnez Oui si vous acceptez d’approuver le certificat de développement. Pour plus d’informations sur l’approbation du navigateur Firefox, consultez Firefox SEC_ERROR_INADEQUATE_KEY_USAGE erreur de certificat.

Visual Studio exécute l’application et ouvre le navigateur par défaut.

La barre d’adresses affiche localhost:<port#> au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.

Le lancement de l’application sans débogage en appuyant sur Ctrl+F5 vous permet de :

  • Modifiez le code.
  • Enregistrez le fichier.
  • Actualiser rapidement le navigateur et voir les modifications de code.

Vous pouvez lancer l’application en mode débogage ou hors débogage à partir du menu Débogage :

Menu Débogage

Vous pouvez déboguer l’application en sélectionnant le bouton https dans la barre d’outils :

Bouton de débogage MvcMovie

L’image suivante montre l’application :

Page Home ou d’index

  • Fermez la fenêtre du navigateur. Visual Studio arrête l’application.

Dans le prochain didacticiel de la série, vous allez découvrir MVC et commencer à écrire du code.

Suivant : Ajouter un contrôleur

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues. Si vous débutez dans le développement web ASP.NET Core, choisissez la version RazorRazor Pages de ce didacticiel, qui fournit un point de départ plus facile. Consultez Choisir une interface utilisateur ASP.NET Core, qui compare Razor Pages, MVC et Blazor pour le développement de l’interface utilisateur.

Il s’agit du premier didacticiel d’une série qui enseigne le développement web ASP.NET Core MVC avec des contrôleurs et des vues.

À la fin de cette série, vous disposerez d’une application permettant de gérer et d’afficher des données de film. Vous allez apprendre à effectuer les actions suivantes :

  • Créez une application web.
  • Ajouter et structurer un modèle.
  • Utiliser une base de données.
  • Ajouter une fonctionnalité de recherche et de validation.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).

Prerequisites

Créer une application web

  • Démarrez Visual Studio et sélectionnez Créer un projet.
  • Dans la boîte de dialogue Créer un nouveau projet, sélectionnez Application web ASP.NET Core (modèle-vue-contrôleur)>Suivant.
  • Dans la boîte de dialogue Configurer votre nouveau projet, entrez MvcMovie pour Nom du projet. Il est important de nommer le projet MvcMovie. La mise en majuscules doit correspondre à chaque namespace quand le code est copié.
  • Cliquez sur Suivant.
  • Dans la boîte de dialogue Informations supplémentaires, sélectionnez .NET 6.0 (prise en charge à long terme).
  • Cliquez sur Créer.

Boîte de dialogue d’informations supplémentaires

Pour obtenir d’autres approches pour créer le projet, consultez Créer un projet dans Visual Studio.

Visual Studio utilise le modèle de projet par défaut pour le projet MVC créé. Le projet créé :

  • Est une application opérationnelle.
  • Est un projet de démarrage de base.

Exécuter l'application

  • Sélectionnez Ctrl+F5 pour exécuter l’application sans le débogueur.

    Visual Studio affiche la boîte de dialogue suivante lorsqu’un projet n’est pas encore configuré pour utiliser SSL :

    Ce projet est configuré pour utiliser SSL. Pour éviter les avertissements SSL dans le navigateur, vous pouvez choisir d’approuver le certificat auto-signé généré par IIS Express. Voulez-vous approuver le certificat SSL d’IIS Express ?

    Sélectionnez Oui si vous faites confiance au certificat SSL d’IIS Express.

    La boîte de dialogue suivante s’affiche :

    Boîte de dialogue Avertissement de sécurité

    Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.

    Pour plus d’informations sur l’approbation du navigateur Firefox, consultez Erreur de certificat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio exécute l’application et ouvre le navigateur par défaut.

La barre d’adresses affiche localhost:<port#> au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.

Le lancement de l’application sans débogage en sélectionnant Ctrl+F5 vous permet de :

  • Modifiez le code.
  • Enregistrez le fichier.
  • Actualiser rapidement le navigateur et voir les modifications de code.

Vous pouvez lancer l’application en mode débogage ou hors débogage à partir du menu Débogage :

Menu Débogage

Vous pouvez déboguer l’application en sélectionnant le bouton MvcMovie dans la barre d’outils :

Bouton de débogage MvcMovie

L’image suivante montre l’application :

Page Home ou d’index

Dans le prochain didacticiel de la série, vous allez découvrir MVC et commencer à écrire du code.

Suivant : Ajouter un contrôleur

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues. Si vous débutez dans le développement web ASP.NET Core, choisissez la version RazorRazor Pages de ce didacticiel, qui fournit un point de départ plus facile. Consultez Choisir une interface utilisateur ASP.NET Core, qui compare Razor Pages, MVC et Blazor pour le développement de l’interface utilisateur.

Il s’agit du premier didacticiel d’une série qui enseigne le développement web ASP.NET Core MVC avec des contrôleurs et des vues.

À la fin de cette série, vous disposerez d’une application permettant de gérer et d’afficher des données de film. Vous allez apprendre à effectuer les actions suivantes :

  • Créez une application web.
  • Ajouter et structurer un modèle.
  • Utiliser une base de données.
  • Ajouter une fonctionnalité de recherche et de validation.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).

Prerequisites

Créer une application web

  • Démarrez Visual Studio et sélectionnez Créer un projet.
  • Dans la boîte de dialogue Créer un nouveau projet, sélectionnez Application web ASP.NET Core>Next.
  • Dans la boîte de dialogue Configurer votre nouveau projet, entrez MvcMovie pour Nom du projet. Il est important de nommer le projet MvcMovie. La mise en majuscules doit correspondre à chaque namespace quand le code est copié.
  • Cliquez sur Créer.
  • Dans la boîte de dialogue Créer une nouvelle application web ASP.NET Core, sélectionnez :
    • .NET Core et ASP.NET Core 5.0 dans les listes déroulantes.
    • Application web ASP.NET Core (modèle-vue-contrôleur).
    • Create.

Créer une application web ASP.NET Core

Pour obtenir d’autres approches pour créer le projet, consultez Créer un projet dans Visual Studio.

Visual Studio a utilisé le modèle de projet par défaut pour le projet MVC créé. Le projet créé :

  • Est une application opérationnelle.
  • Est un projet de démarrage de base.

Exécuter l'application

  • Sélectionnez Ctrl+F5 pour exécuter l’application sans le débogueur.

    Visual Studio affiche la boîte de dialogue suivante lorsqu’un projet n’est pas encore configuré pour utiliser SSL :

    Ce projet est configuré pour utiliser SSL. Pour éviter les avertissements SSL dans le navigateur, vous pouvez choisir d’approuver le certificat auto-signé généré par IIS Express. Voulez-vous approuver le certificat SSL d’IIS Express ?

    Sélectionnez Oui si vous faites confiance au certificat SSL d’IIS Express.

    La boîte de dialogue suivante s’affiche :

    Boîte de dialogue Avertissement de sécurité

    Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.

    Pour plus d’informations sur l’approbation du navigateur Firefox, consultez Erreur de certificat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

    Visual Studio :

    La barre d’adresses affiche localhost:port# au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.

Le lancement de l’application sans débogage en sélectionnant Ctrl+F5 vous permet de :

  • Modifiez le code.
  • Enregistrez le fichier.
  • Actualiser rapidement le navigateur et voir les modifications de code.

Vous pouvez lancer l’application en mode débogage ou hors débogage à partir de l’élément de menu Débogage :

Menu Débogage

Vous pouvez déboguer l’application en sélectionnant le bouton IIS Express

IIS Express

L’image suivante montre l’application :

Page Home ou d’index

Dans la prochaine partie de ce didacticiel, vous allez découvrir MVC et commencer à écrire du code.

Next

Ce didacticiel vous permet de découvrir le développement web ASP.NET Core MVC avec des contrôleurs et des vues. Si vous débutez dans le développement web ASP.NET Core, choisissez la version RazorRazor Pages de ce didacticiel, qui fournit un point de départ plus facile. Consultez Choisir une interface utilisateur ASP.NET Core, qui compare Razor Pages, MVC et Blazor pour le développement de l’interface utilisateur.

Il s’agit du premier didacticiel d’une série qui enseigne le développement web ASP.NET Core MVC avec des contrôleurs et des vues.

À la fin de cette série, vous disposerez d’une application permettant de gérer et d’afficher des données de film. Vous allez apprendre à effectuer les actions suivantes :

  • Créez une application web.
  • Ajouter et structurer un modèle.
  • Utiliser une base de données.
  • Ajouter une fonctionnalité de recherche et de validation.

Affichez ou téléchargez un exemple de code (procédure de téléchargement).

Prerequisites

Créer une application web

  • Dans Visual Studio, sélectionnez Créer un nouveau projet.

  • Sélectionnez Application web ASP.NET Core>Suivant.

    Création d’un projet d’application web ASP.NET Core

  • Nommez le projet MvcMovie , puis sélectionnez Créer. Il est important de nommer le projet MvcMovie de sorte que lorsque vous copiez du code, l’espace de noms correspond.

    Configurer votre nouveau projet

  • Sélectionnez Application web (Modèle-Vue-Contrôleur). Dans les zones de liste déroulante, sélectionnez .NET Core et ASP.NET Core 3.1, puis sélectionnez Créer.

    Boîte de dialogue Nouveau projet, .NET Core dans le volet gauche, web ASP.NET Core

Visual Studio a utilisé le modèle de projet par défaut pour le projet MVC créé. Le projet créé :

  • Est une application opérationnelle.
  • Est un projet de démarrage de base.

Exécuter l'application

  • Appuyez sur Ctrl+F5 pour exécuter l’application sans débogage.

    Visual Studio affiche la boîte de dialogue suivante lorsqu’un projet n’est pas encore configuré pour utiliser SSL :

    Ce projet est configuré pour utiliser SSL. Pour éviter les avertissements SSL dans le navigateur, vous pouvez choisir d’approuver le certificat auto-signé généré par IIS Express. Voulez-vous approuver le certificat SSL d’IIS Express ?

    Sélectionnez Oui si vous faites confiance au certificat SSL d’IIS Express.

    La boîte de dialogue suivante s’affiche :

    Boîte de dialogue Avertissement de sécurité

    Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.

    Pour plus d’informations sur l’approbation du navigateur Firefox, consultez Erreur de certificat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

    Visual Studio :

    La barre d’adresses affiche localhost:port# au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Quand Visual Studio crée un projet web, un port aléatoire est utilisé pour le serveur web.

Le lancement de l’application sans débogage en sélectionnant Ctrl+F5 vous permet de :

  • Modifiez le code.
  • Enregistrez le fichier.
  • Actualiser rapidement le navigateur et voir les modifications de code.

Vous pouvez lancer l’application en mode débogage ou hors débogage à partir de l’élément de menu Débogage :

Menu Débogage

Vous pouvez déboguer l’application en sélectionnant le bouton IIS Express

IIS Express

L’image suivante montre l’application :

Page Home ou d’index

Dans la prochaine partie de ce didacticiel, vous allez découvrir MVC et commencer à écrire du code.

Next

  • Last updated on