Rasoir de pages Web
Pages Web ASP.NET - Ajout de code Razor
Dans ce didacticiel, nous utiliserons le balisage Razor pour le code C# et Visual Basic.
Qu'est-ce que le rasoir ?
Razor est une syntaxe de balisage permettant d'ajouter du code basé sur le serveur aux pages Web
Razor a la fonctionnalité du balisage ASP.NET traditionnel, mais plus facile à utiliser et plus facile à apprendre
Razor est une syntaxe de balisage côté serveur, un peu comme ASP et PHP
Razor prend en charge C# et Visual Langage de programmation de base
Ajouter du code Razor
Mémoriser la page Web dans l'exemple du chapitre précédent :
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Démo des pages Web</title>
</head>
<body>
<h1>Bonjour les pages Web</h1>
</body>
</html>
Ajoutez maintenant du code Razor à l'instance :
Instance
<!DOCTYPE html> <html> <body> <h1>Hello Web Pages</h1> <p>The time is @DateTime.Now</p> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Cette page contient des balises HTML normales, en plus de l'ajout d'un code Razor marqué @.
Le code Razor peut effectuer diverses actions sur le serveur en temps réel et afficher les résultats. (Vous pouvez spécifier des options de formatage, sinon seuls les éléments par défaut seront affichés.)
Règles de syntaxe principales de Razor C#
Les blocs de code Razor sont contenus dans @ { ... } dans
Les expressions en ligne (variables et fonctions) commencent par @
Les instructions de code se terminent par un point-virgule
Les variables sont déclarées à l'aide du mot-clé var
Les chaînes sont placées entre guillemets
Le code C# est sensible à la casse
L'extension du fichier C# est .cshtml
Exemple
<html>
<body>
<!-- Single statement block -->
@{ var myMessage = "Hello World"; }
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>
<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Here in Huston it is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Règles de syntaxe Main Razor VB
-
Les blocs de code Razor sont contenus dans @Code ... End Code
Les expressions en ligne (variables et fonctions) commencent par @
Les variables sont déclarées à l'aide du mot-clé Dim
Les chaînes sont placées entre guillemets
Le code VB n'est pas sensible à la casse
L'extension du fichier VB est .vbhtml
Exemple
<!-- Single statement block --> @Code dim myMessage = "Hello World" End Code <!-- Inline expression or variable --> <p>The value of myMessage is: @myMessage</p> <!-- Multi-statement block --> @Code dim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Here in Huston it is: " & weekDay End Code <p>The greeting is: @greetingMessage</p>
Exécuter l'exemple»
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
En savoir plus sur C# et Visual Basic
Si vous souhaitez en savoir plus sur Razor, C# et le langage de programmation Visual Basic, consultez la section Razor de ce didacticiel.
