Créer des applications Web RazorCreate Razor web apps

Ce guide propose une introduction à la création de votre première application Web Razor.This guide offers an introduction to creating your first Razor web app. Pour obtenir des conseils détaillés, consultez Introduction à la Razor pages dans ASP.net Core.For more in-depth guidance, see Introduction to Razor Pages in ASP.NET Core.

Visual Studio pour Mac prend en charge la modification Razor, notamment IntelliSense et la coloration syntaxique dans les fichiers .cshtml.Visual Studio for Mac provides support for Razor editing, including IntelliSense and syntax highlighting in .cshtml files. Nouveauté de Visual Studio 2019 pour Mac 8.3 + est la possibilité d’utiliser IntelliSense avec contexte dans un fichier Razor, afin que vous receviez IntelliSense qui corresponde à la langue que vous êtes en train de modifier dans un document.New in Visual Studio 2019 for Mac 8.3+ is the ability to have context aware IntelliSense within a Razor file, so that you receive IntelliSense that matches the language you are currently editing within a document.

Modification Razor dans Visual Studio pour Mac

Création d’un nouveau projet RazorCreating a new Razor project

  1. Dans l’écran d’accueil, sélectionnez nouveau pour créer un nouveau projet :On the welcome screen, select New to create a new project:

    Nouveau projet Visual Studio pour Mac

  2. Dans la boîte de dialogue nouveau projet , accédez à application Web de l’application .net Core, > App > Web Application puis sélectionnez suivant:In the New Project dialog box, go to .NET Core > App > Web Application and select Next:

    Modèle de projet Razor

  3. Sélectionnez votre infrastructure cible .NET Core (nous vous recommandons la version 2,2 ou ultérieure), puis sélectionnez suivant.Select your .NET Core target framework (we recommend version 2.2 or later), and then select Next. Choisissez un nom pour votre projet et ajoutez la prise en charge de git si nécessaire.Choose a name for your project, and add Git support if necessary. Sélectionnez Créer pour créer le projet.Select Create to create the project.

    Nom du projet Razor

    Visual Studio pour Mac ouvre votre projet dans la fenêtre de mise en page du code.Visual Studio for Mac opens your project in the Code layout window.

  4. Exécutez le projet sans débogage à l’aide de la commande + option + F5.Run the project without debugging by using Command+Option+F5.

    Visual Studio démarre Kestrel, ouvre un navigateur à https://localhost:5001 et affiche votre première application Web Razor.Visual Studio starts Kestrel, opens a browser to https://localhost:5001, and displays your first Razor web app.

    Application web Razor dans Safari

Anatomie du projetProject anatomy

Les applications Web Razor incluent les composants suivants.Razor web apps include the following components.

Dossier PagesPages folder

Ce dossier contient les pages Web d’un projet, ainsi que le code-behind pour chaque :This folder contains a project's webpages, along with the code-behind for each:

  • Un fichier * * . cshtml* pour le balisage HTML et syntaxe Razor.A *.cshtml file for the HTML markup and Razor syntax.
  • Un fichier * * . cshtml.cs* pour votre code-behind C# pour gérer les événements de page.A *.cshtml.cs file for your C# code-behind for handling page events.

Les fichiers de prise en charge ont des noms commençant par un trait de soulignement.Supporting files have names that begin with an underscore. Par exemple, le fichier * _ Layout. cshtml* configure les éléments d’interface utilisateur communs à toutes les pages.For example, the _Layout.cshtml file configures UI elements common to all pages. Ce fichier configure le menu de navigation en haut de la page et la mention de droits d’auteur en bas.This file sets up the navigation menu at the top of the page and the copyright notice at the bottom. Pour plus d’informations, consultez Disposition dans ASP.NET Core.For more information, see Layout in ASP.NET Core.

Paramètres de lancementLaunch settings

Le fichier launchSettings.js contient les paramètres IIS, l’URL de l’application et d’autres paramètres associés.The launchSettings.json file contains the IIS settings, the application URL, and other related settings.

Paramètres de l’applicationApp settings

Le appSettings.js fichier contient des données de configuration telles que des chaînes de connexion.The appSettings.json file contains configuration data such as connection strings.

Pour plus d’informations sur la configuration, consultez la section configuration dans ASP.net Guide.For more information about configuration, see the Configuration in ASP.NET guide.

Dossier racinewwwroot folder

Ce dossier contient des fichiers statiques, tels que des fichiers HTML, JavaScript et CSS.This folder contains static files, such as HTML, JavaScript, and CSS files. Pour plus d’informations, consultez Fichiers statiques dans ASP.NET Core.For more information, see Static files in ASP.NET Core.

Program.csProgram.cs

Ce fichier contient le point d’entrée du programme.This file contains the entry point for the program. Pour plus d’informations, consultez Hôte web ASP.NET Core.For more information, see ASP.NET Core Web Host.

Startup.csStartup.cs

Ce fichier contient le code qui configure le comportement de l’application, par exemple si l’application requiert le consentement des cookies.This file contains code that configures app behavior, such as whether the app requires consent for cookies. Pour plus d’informations, consultez Start-up de l’application dans ASP.NET Core.For more information, see App startup in ASP.NET Core.

Voir aussiSee also

Pour obtenir un guide plus complet sur la création d’applications Web Razor, consultez Présentation de la Razor pages dans ASP.net Core.For a more comprehensive guide to creating Razor web apps, see Introduction to Razor Pages in ASP.NET Core.