Explorer un projet Visual Studio App

  • 5 minutes

Vous avez correctement créé votre application web et vous l’avez publiée sur Azure, mais que se passe-t-il quand vous voulez apporter des modifications ? Visual Studio mémorise l’endroit où l’application est publiée, ce qui fait de la mise à jour et de la modification de votre application un processus qui tient en deux clics.

Explorer la structure du projet

Vous avez créé une application web ASP.NET Core dans Visual Studio, et vous devez maintenant modifier et personnaliser votre site web. Explorons la structure du projet pour voir ce que Visual Studio a créé.

Les dépendances

Le dossier de Dépendances contient les éléments internes d’ASP.NET Core nécessaires au fonctionnement de votre application. Sauf si vous ajoutez des packages de tiers spécifiques, il n’est pas nécessaire de consacrer beaucoup de temps à ce dossier.

Propriétés

Le dossier des propriétés contient les données de configuration pour l’endroit où vous hébergez votre application web. Si vous développez maintenant le dossier PublishProfiles, vous voyez normalement l’URL du site Alpine Ski Hill. Chaque profil de publication est un fichier .XML contenant des informations de configuration de la publication, comme l’adresse Azure utilisée par Visual Studio pour charger vos fichiers.

wwwroot

Le fichier wwwroot contient toutes vos ressources statiques pour votre site, comme les fichiers css, js, image et lib. Quand vous êtes prêt à appliquer un style et à ajouter des fonctionnalités à votre site, vous travaillez ici.

Pages

Le dossier Pages a des modèles Razor pour les pages de votre site. Razor est une syntaxe de balisage pour incorporer du code serveur dans des pages web ASP.NET. Il comprend du code HTML et a des conventions spéciales pour l’affichage des données et l’exécution de la logique sur votre site.

Chaque page de votre site est représentée par deux fichiers de code :

  • Un fichier .cshtml, qui est le fichier de balisage Razor. Ce fichier contient votre code HTML d’affichage et une logique C#.

  • Un fichier .cs, qui est le code-behind C# qui hérite de la classe PageModel. Ce fichier permet d’intercepter les requêtes HTTP et d’effectuer un traitement dessus avant de passer des données au fichier Razor.

appsetting.json

Il s’agit d’un fichier de configuration pour ASP.NET Core.

Program.cs

Le fichier Program.cs permet de configurer et de lancer l’hôte web de votre site.

Introduction aux modèles Razor

L’objectif est maintenant d’apporter quelques modifications de base au site web. Vous devez à peu près savoir comment utiliser les modèles Razor pour personnaliser votre application web.

Qu’est-ce que Razor ?

Razor est une syntaxe ASP.NET utilisée pour créer des pages web dynamiques avec C#. Lorsqu’un serveur lit une page Razor, le code C# s’exécute avant d’afficher le code HTML. Ceci vous permet de générer rapidement du contenu dynamique.

Razor utilise des directives @ pour indiquer à ASP.NET comment traiter une page.

Par exemple, examinons le code dans la page Privacy.cshtml :

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • La directive @page indique à ASP.NET de traiter ce fichier comme une page Razor.
  • La directive @model indique à ASP.NET de lier cette page Razor à une classe C# nommée PrivacyModel.

Razor utilise aussi le symbole @ pour basculer entre le code et le HTML. Si vous examinez l’extrait de code précédent, vous remarquez la présence de @{ ... }. Il s’agit d’un bloc de code Razor, qui exécuté, mais pas rendu.

Pour rendre la sortie d’une instruction de code, utilisez @ devant une expression C#. Vous trouverez un exemple dans le code précédent, dans la balise <h1>.

La création et la publication d’un site web ne sont que les premières étapes de la création d’un bon site web. Dès que vous commencerez à ajouter du contenu, vous devrez mettre à jour votre site. Une fois que vous avez publié votre site sur Azure, vous pouvez le mettre à jour à tout moment.