Ces informations portent sur la préversion du produit, qui est susceptible d’être en grande partie modifié avant sa commercialisation. Microsoft n’offre aucune garantie, expresse ou implicite, concernant les informations fournies ici.
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.
Vous pouvez suivre les instructions concernant Visual Studio Code sur macOS, Linux ou Windows. Des modifications peuvent être nécessaires si vous utilisez un environnement de développement intégré (IDE) autre que Visual Studio Code.
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é.
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 (préversion).
Vérifiez que l’option ne pas utiliser les instructions de niveau supérieur soit décochée.
Sélectionnez Nouveau terminal dans le menu du Terminal pour ouvrir le terminal intégré.
Accédez au répertoire (cd) qui contiendra le projet. Le projet peut être localisé n’importe où.
Exécutez les commandes suivantes :
dotnet new mvc -o MvcMovie
code -r MvcMovie
La commande dotnet new crée un projet ASP.NET Core MVC dans le dossier MvcMovie.
La commande code ouvre le dossier de projet MvcMovie dans l’instance actuelle de Visual Studio Code.
Visual Studio Code peut afficher une boîte de dialogue vous demandant : Faites-vous confiance aux auteurs des fichiers de ce dossier ?
Si vous faites confiance à tous les fichiers du dossier parent, sélectionnez Faire confiance aux auteurs de tous les fichiers du dossier parent.
Sélectionnez Oui, je fais confiance aux auteurs puisque le dossier du projet contient des fichiers générés par .NET.
Lorsque Visual Studio Code vous demande d’ajouter des ressources pour générer et déboguer le projet, sélectionnez Oui. Si Visual Studio Code ne propose pas d’ajouter des ressources de construction et de débogage, sélectionnez Afficher>Palette de commandes et tapez « .NET » dans la zone de recherche. Dans la liste des commandes, sélectionnez la commande .NET: Generate Assets for Build and Debug.
Visual Studio Code ajoute un dossier .vscode avec les fichiers launch.json et tasks.json générés.
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 non-débogage à partir du menu Déboguer :
Vous pouvez déboguer l’application en sélectionnant le bouton https dans la barre d’outils :
L’image suivante montre l’application :
Fermez la fenêtre du navigateur. Visual Studio arrête l’application.
Approuvez le certificat de développement HTTPS en exécutant la commande suivante :
dotnet dev-certs https --trust
La commande précédente nécessite le SDK .NET 9 ou une version ultérieure sur Linux. Pour Linux avec le SDK.NET 8.0.401 et versions antérieures, consultez la documentation de votre distribution Linux concernant l’approbation des certificats.
La commande précédente affiche la boîte de dialogue suivante, à condition que le certificat n’ait pas été approuvé auparavant :
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
Pour plus d’informations, consultez la section Approuver le certificat de développement HTTPS ASP.NET Core de l’article Application de SSL.
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. Localhost traite uniquement les requêtes web de l’ordinateur local.
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.
Fermez la fenêtre du navigateur.
Dans Visual Studio Code, dans le menu Exécuter, sélectionnez Arrêter le débogage ou appuyez sur Maj+F5 pour arrêter l’application.
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.
Les instructions Visual Studio Code utilisent les fonctions de développement de .NET CLI pour ASP.NET Core, comme la création de projet. Vous pouvez suivre ces instructions sur macOS, Linux ou Windows, et avec n’importe quel éditeur de code. Des modifications mineures peuvent être nécessaires si vous utilisez autre chose que Visual Studio Code.
Microsoft a annoncé la mise hors service de Visual Studio pour Mac. Visual Studio pour Mac ne sera plus pris en charge à compter du 31 août 2024. Il existe des alternatives :
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é.
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.
Sélectionnez Nouveau terminal dans le menu du Terminal pour ouvrir le terminal intégré.
Accédez au répertoire (cd) qui contiendra le projet. Le projet peut être localisé n’importe où.
Exécutez les commandes suivantes :
dotnet new mvc -o MvcMovie
code -r MvcMovie
La commande dotnet new crée un projet ASP.NET Core MVC dans le dossier MvcMovie.
La commande code ouvre le dossier de projet MvcMovie dans l’instance actuelle de Visual Studio Code.
Visual Studio Code peut afficher une boîte de dialogue vous demandant : Faites-vous confiance aux auteurs des fichiers de ce dossier ?
Si vous faites confiance à tous les fichiers du dossier parent, sélectionnez Faire confiance aux auteurs de tous les fichiers du dossier parent.
Sélectionnez Oui, je fais confiance aux auteurs puisque le dossier du projet contient des fichiers générés par .NET.
Lorsque Visual Studio Code vous demande d’ajouter des ressources pour générer et déboguer le projet, sélectionnez Oui. Si Visual Studio Code ne propose pas d’ajouter des ressources de construction et de débogage, sélectionnez Afficher>Palette de commandes et tapez « .NET » dans la zone de recherche. Dans la liste des commandes, sélectionnez la commande .NET: Generate Assets for Build and Debug.
Visual Studio Code ajoute un dossier .vscode avec les fichiers launch.json et tasks.json générés.
Sélectionnez Fichier>Nouveau projet....
Sélectionnez Web et Console>Application>Application web (modèle-vue-contrôleur)>Continuer.
Dans la boîte de dialogue Configurer votre nouvelle application web (modèle-vue-contrôleur) :
Sélectionnez .NET 8.0 pour le Framework cible.
Vérifiez que l’option ne pas utiliser les instructions de niveau supérieur soit décochée.
Cliquez sur Continuer.
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é.
L’emplacement du projet peut être défini n’importe où.
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 non-débogage à partir du menu Déboguer :
Vous pouvez déboguer l’application en sélectionnant le bouton https dans la barre d’outils :
L’image suivante montre l’application :
Fermez la fenêtre du navigateur. Visual Studio arrête l’application.
Approuvez le certificat de développement HTTPS en exécutant la commande suivante :
dotnet dev-certs https --trust
La commande précédente nécessite le SDK .NET 9 ou une version ultérieure sur Linux. Pour Linux avec le SDK.NET 8.0.401 et versions antérieures, consultez la documentation de votre distribution Linux concernant l’approbation des certificats.
La commande précédente affiche la boîte de dialogue suivante, à condition que le certificat n’ait pas été approuvé auparavant :
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
Pour plus d’informations, consultez la section Approuver le certificat de développement HTTPS ASP.NET Core de l’article Application de SSL.
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. Localhost traite uniquement les requêtes web de l’ordinateur local.
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.
Fermez la fenêtre du navigateur.
Dans Visual Studio Code, dans le menu Exécuter, sélectionnez Arrêter le débogage ou appuyez sur Maj+F5 pour arrêter l’application.
Sélectionnez Option+Commande+Retour pour exécuter l’application sans le débogueur.
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. Localhost traite uniquement les requêtes web de l’ordinateur local.
Vous pouvez lancer l’application en mode débogage ou non-débogage à partir du menu Déboguer.
L’image suivante montre l’application :
Fermez la fenêtre du navigateur. Visual Studio pour Mac arrête l’application.
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.
Les instructions Visual Studio Code utilisent les fonctions de développement de .NET CLI pour ASP.NET Core, comme la création de projet. Vous pouvez suivre ces instructions sur macOS, Linux ou Windows, et avec n’importe quel éditeur de code. Des modifications mineures peuvent être nécessaires si vous utilisez autre chose que Visual Studio Code.
Microsoft a annoncé la mise hors service de Visual Studio pour Mac. Visual Studio pour Mac ne sera plus pris en charge à compter du 31 août 2024. Il existe des alternatives :
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é.
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.
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.
Il part du principe que vous connaissez déjà VS Code. Pour plus d’informations, consultez Prise en main de VS Code.
Sélectionnez Nouveau terminal dans le menu du Terminal pour ouvrir le terminal intégré.
Accédez au répertoire (cd) qui contiendra le projet. Le projet peut être localisé n’importe où.
Exécutez les commandes suivantes :
dotnet new mvc -o MvcMovie
code -r MvcMovie
La commande dotnet new crée un projet ASP.NET Core MVC dans le dossier MvcMovie.
La commande code ouvre le dossier de projet MvcMovie dans l’instance actuelle de Visual Studio Code.
Visual Studio Code peut afficher une boîte de dialogue vous demandant : Faites-vous confiance aux auteurs des fichiers de ce dossier ?
Si vous faites confiance à tous les fichiers du dossier parent, sélectionnez Faire confiance aux auteurs de tous les fichiers du dossier parent.
Sélectionnez Oui, je fais confiance aux auteurs puisque le dossier du projet contient des fichiers générés par .NET.
Lorsque Visual Studio Code vous demande d’ajouter des ressources pour générer et déboguer le projet, sélectionnez Oui. Si Visual Studio Code ne propose pas d’ajouter des ressources de construction et de débogage, sélectionnez Afficher>Palette de commandes et tapez « .NET » dans la zone de recherche. Dans la liste des commandes, sélectionnez la commande .NET: Generate Assets for Build and Debug.
Visual Studio Code ajoute un dossier .vscode avec les fichiers launch.json et tasks.json générés.
Démarrez Visual Studio pour Mac et sélectionnez Fichier>Nouveau projet…
Dans Visual Studio pour Mac, sélectionnez Web et console>Application>Application web (modèle-vue-contrôleur)>Continuer.
Dans la boîte de dialogue Configurer votre nouvelle application web (modèle-vue-contrôleur) :
Sélectionnez .NET 7.0 pour le Framework cible.
Vérifiez que l’option ne pas utiliser les instructions de niveau supérieur soit décochée.
Cliquez sur Continuer.
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é.
L’emplacement du projet peut être défini n’importe où.
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 :Sélectionnez Oui si vous faites confiance au certificat SSL IIS Express. La boîte de dialogue suivante s’affiche :Sélectionnez Oui si vous acceptez de faire confiance au certificat de développement. Pour plus d’informations sur la confiance accordée au navigateur Firefox, consultez l’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 non-débogage à partir du menu Déboguer :
Vous pouvez déboguer l’application en sélectionnant le bouton https dans la barre d’outils :
L’image suivante montre l’application :
Fermez la fenêtre du navigateur. Visual Studio arrête l’application.
Approuvez le certificat de développement HTTPS en exécutant la commande suivante :
dotnet dev-certs https --trust
La commande précédente nécessite le SDK .NET 9 ou une version ultérieure sur Linux. Pour Linux avec le SDK.NET 8.0.401 et versions antérieures, consultez la documentation de votre distribution Linux concernant l’approbation des certificats.
La commande précédente affiche la boîte de dialogue suivante, à condition que le certificat n’ait pas été approuvé auparavant :
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
Pour plus d’informations, consultez la section Approuver le certificat de développement HTTPS ASP.NET Core de l’article Application de SSL.
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. Localhost traite uniquement les requêtes web de l’ordinateur local.
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.
Fermez la fenêtre du navigateur.
Dans Visual Studio Code, dans le menu Exécuter, sélectionnez Arrêter le débogage ou appuyez sur Maj+F5 pour arrêter l’application.
Sélectionnez Option+Commande+Retour pour exécuter l’application sans le débogueur.
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. Localhost traite uniquement les requêtes web de l’ordinateur local.
Vous pouvez lancer l’application en mode débogage ou non-débogage à partir du menu Déboguer.
L’image suivante montre l’application :
Fermez la fenêtre du navigateur. Visual Studio pour Mac arrête l’application.
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.
Les instructions Visual Studio Code utilisent les fonctions de développement de .NET CLI pour ASP.NET Core, comme la création de projet. Vous pouvez suivre ces instructions sur macOS, Linux ou Windows, et avec n’importe quel éditeur de code. Des modifications mineures peuvent être nécessaires si vous utilisez autre chose que Visual Studio Code.
Pour Visual Studio pour Mac, consultez la version .NET 7 de ce didacticiel.
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).
Sélectionnez Nouveau terminal dans le menu du Terminal pour ouvrir le terminal intégré.
Accédez au répertoire (cd) qui contiendra le projet.
Exécutez les commandes suivantes :
dotnet new mvc -o MvcMovie
code -r MvcMovie
La commande dotnet new crée un projet ASP.NET Core MVC dans le dossier MvcMovie.
La commande code ouvre le dossier de projet MvcMovie dans l’instance actuelle de Visual Studio Code.
Visual Studio Code peut afficher une boîte de dialogue vous demandant : Faites-vous confiance aux auteurs des fichiers de ce dossier ?
Si vous faites confiance à tous les fichiers du dossier parent, sélectionnez Faire confiance aux auteurs de tous les fichiers du dossier parent.
Sélectionnez Oui, je fais confiance aux auteurs puisque le dossier du projet contient des fichiers générés par .NET.
Lorsque Visual Studio Code vous demande d’ajouter des ressources pour générer et déboguer le projet, sélectionnez Oui. Si Visual Studio Code ne propose pas d’ajouter des ressources de construction et de débogage, sélectionnez Afficher>Palette de commandes et tapez « .NET » dans la zone de recherche. Dans la liste des commandes, sélectionnez la commande .NET: Generate Assets for Build and Debug.
Visual Studio Code ajoute un dossier .vscode avec les fichiers launch.json et tasks.json générés.
Pour Visual Studio pour Mac, consultez la version .NET 7 de ce didacticiel.
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 non-débogage à partir du menu Déboguer :
Vous pouvez déboguer l’application en sélectionnant le bouton MvcMovie dans la barre d’outils :
L’image suivante montre l’application :
Sélectionnez Ctrl+F5 pour exécuter sans le débogueur.
Approuvez le certificat de développement HTTPS en exécutant la commande suivante :
dotnet dev-certs https --trust
La commande précédente nécessite le SDK .NET 9 ou une version ultérieure sur Linux. Pour Linux avec le SDK.NET 8.0.401 et versions antérieures, consultez la documentation de votre distribution Linux concernant l’approbation des certificats.
La commande précédente affiche la boîte de dialogue suivante, à condition que le certificat n’ait pas été approuvé auparavant :
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
Pour plus d’informations, consultez la section Approuver le certificat de développement HTTPS ASP.NET Core de l’article Application de SSL.
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. Localhost traite uniquement les requêtes web de l’ordinateur local.
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.
Pour Visual Studio pour Mac, consultez la version .NET 7 de ce didacticiel.
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.
Les instructions Visual Studio Code utilisent les fonctions de développement de .NET CLI pour ASP.NET Core, comme la création de projet. Vous pouvez suivre ces instructions sur macOS, Linux ou Windows, et avec n’importe quel éditeur de code. Des modifications mineures peuvent être nécessaires si vous utilisez autre chose que Visual Studio Code.
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).
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.
Il part du principe que vous connaissez déjà VS Code. Pour plus d’informations, consultez Prise en main de VS Code.
Sélectionnez Nouveau terminal dans le menu du Terminal pour ouvrir le terminal intégré.
Accédez au répertoire (cd) qui contiendra le projet.
Exécutez les commandes suivantes :
dotnet new mvc -o MvcMovie
code -r MvcMovie
La commande dotnet new crée un projet ASP.NET Core MVC dans le dossier MvcMovie.
La commande code ouvre le dossier de projet MvcMovie dans l’instance actuelle de Visual Studio Code.
Visual Studio Code peut afficher une boîte de dialogue vous demandant : Faites-vous confiance aux auteurs des fichiers de ce dossier ?
Si vous faites confiance à tous les fichiers du dossier parent, sélectionnez Faire confiance aux auteurs de tous les fichiers du dossier parent.
Sélectionnez Oui, je fais confiance aux auteurs puisque le dossier du projet contient des fichiers générés par .NET.
Lorsque Visual Studio Code vous demande d’ajouter des ressources pour générer et déboguer le projet, sélectionnez Oui. Si Visual Studio Code ne propose pas d’ajouter des ressources de construction et de débogage, sélectionnez Afficher>Palette de commandes et tapez « .NET » dans la zone de recherche. Dans la liste des commandes, sélectionnez la commande .NET: Generate Assets for Build and Debug.
Visual Studio Code ajoute un dossier .vscode avec les fichiers launch.json et tasks.json générés.
Sélectionnez Fichier>Nouvelle solution.
Dans Visual Studio pour Mac avant la version 8.6, sélectionnez .NET Core>Application>Application web (modèle-vue-contrôleur)>Suivant. Dans la version 8.6 ou ultérieure, sélectionnez Web et console>Application>Application web (modèle-vue-contrôleur)>Suivant.
Dans la boîte de dialogue Configurer votre nouvelle application web :
Vérifiez que l’Authentification est définie sur Aucune authentification.
Si une option permettant de sélectionner un Framework cible est présentée, sélectionnez la dernière version 5.x.
Cliquez sur Suivant.
Nommez le projet MvcMovie, puis sélectionnez Créer.
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 non-débogage à partir de l’élément de menu Déboguer :
Vous pouvez déboguer l’application en sélectionnant le bouton IIS Express
L’image suivante montre l’application :
Sélectionnez Ctrl+F5 pour exécuter sans le débogueur.
Approuvez le certificat de développement HTTPS en exécutant la commande suivante :
dotnet dev-certs https --trust
La commande précédente nécessite le SDK .NET 9 ou une version ultérieure sur Linux. Pour Linux avec le SDK.NET 8.0.401 et versions antérieures, consultez la documentation de votre distribution Linux concernant l’approbation des certificats.
La commande précédente affiche la boîte de dialogue suivante, à condition que le certificat n’ait pas été approuvé auparavant :
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
Pour plus d’informations, consultez la section Approuver le certificat de développement HTTPS ASP.NET Core de l’article Application de SSL.
La barre d’adresses affiche localhost:port:5001 au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Localhost traite uniquement les requêtes web de l’ordinateur local.
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.
Sélectionnez Exécuter>Exécuter sans débogage pour lancer l’application.
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.
Vous pouvez lancer l’application en mode débogage ou non-débogage à partir du menu Exécuter.
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.
Les instructions Visual Studio Code utilisent les fonctions de développement de .NET CLI pour ASP.NET Core, comme la création de projet. Vous pouvez suivre ces instructions sur n’importe quelle plateforme (macOS, Linux ou Windows) et avec n’importe quel éditeur de code. Des modifications mineures peuvent être nécessaires si vous utilisez autre chose que Visual Studio Code. Pour plus d’informations sur l’installation de Visual Studio Code sur macOS, consultez Visual Studio Code sur macOS.
Dans Visual Studio, sélectionnez Créer un nouveau projet.
Sélectionnez Application web ASP.NET Core>Suivant.
Nommez le projet MvcMovie, puis sélectionnez Créer. Il est important de nommer le projet MvcMovie pour que l’espace de noms corresponde quand vous copiez du code.
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.
Visual Studio a utilisé le modèle de projet par défaut pour le projet MVC créé. Le projet créé :
Une boîte de dialogue apparaît et affiche Les composants nécessaires à la build et au débogage sont manquants dans « MvcMovie ». Souhaitez-vous les ajouter ?, sélectionnez Oui.
dotnet new mvc -o MvcMovie : crée un nouveau projet ASP.NET Core MVC dans le dossier MvcMovie.
code -r MvcMovie : charge le fichier projet MvcMovie.csproj dans Visual Studio Code.
Sélectionnez Fichier>Nouvelle solution.
Dans Visual Studio pour Mac avant la version 8.6, sélectionnez .NET Core>Application>Application web (modèle-vue-contrôleur)>Suivant. Dans la version 8.6 ou ultérieure, sélectionnez Web et console>Application>Application web (modèle-vue-contrôleur)>Suivant.
Dans la boîte de dialogue Configurer votre nouvelle application web :
Vérifiez que l’Authentification est définie sur Aucune authentification.
Si une option permettant de sélectionner un Framework cible est présentée, sélectionnez la dernière version 3.x.
Cliquez sur Suivant.
Nommez le projet MvcMovie, puis sélectionnez Créer.
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 non-débogage à partir de l’élément de menu Déboguer :
Vous pouvez déboguer l’application en sélectionnant le bouton IIS Express
L’image suivante montre l’application :
Appuyez sur Ctrl+F5 pour exécuter l’application sans débogage.
Approuvez le certificat de développement HTTPS en exécutant la commande suivante :
dotnet dev-certs https --trust
La commande précédente nécessite le SDK .NET 9 ou une version ultérieure sur Linux. Pour Linux avec le SDK.NET 8.0.401 et versions antérieures, consultez la documentation de votre distribution Linux concernant l’approbation des certificats.
La commande précédente affiche la boîte de dialogue suivante, à condition que le certificat n’ait pas été approuvé auparavant :
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
Pour plus d’informations, consultez la section Approuver le certificat de développement HTTPS ASP.NET Core de l’article Application de SSL.
La barre d’adresses affiche localhost:port:5001 au lieu de quelque chose qui ressemble à example.com. Le nom d’hôte standard de votre ordinateur local est localhost. Localhost traite uniquement les requêtes web de l’ordinateur local.
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.
Sélectionnez Exécuter>Exécuter sans débogage pour lancer l’application.
Visual Studio pour Mac : démarre le serveur Kestrel, lance un navigateur et accède à http://localhost:port, où port est un numéro de port choisi de façon aléatoire.
Visual Studio pour Mac affiche la fenêtre contextuelle suivante :
Sélectionnez Oui si vous approuvez le certificat de développement.
La boîte de dialogue suivante s’affiche :
Entrez votre mot de passe et sélectionnez OK
Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.
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. Quand vous exécutez l’application, vous voyez un autre numéro de port.
Vous pouvez lancer l’application en mode débogage ou non-débogage à partir du menu Exécuter.
La source de ce contenu se trouve sur GitHub, où vous pouvez également créer et examiner les problèmes et les demandes de tirage (pull requests). Pour plus d’informations, consultez notre guide du contributeur.
