Pages Web ASP.NET - Ajout de code Razor


Les pages Web ASP.NET utilisent le balisage Razor avec du code C # ou VB


Balisage de rasoir

Razor est une syntaxe de balisage simple permettant d'intégrer du code serveur (C# ou VB) dans des pages Web ASP.NET.

Exemple

<!DOCTYPE html>

<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1>
     <p>The time is @DateTime.Now</p>
</body>
</html>

La page ci-dessus contient à la fois le balisage HTML ordinaire et le balisage Razor.


Syntaxe Razor pour C#

  • Les blocs de code C# sont entourés de @{ ... }
  • Les expressions en ligne (variables ou fonctions) commencent par @
  • Les instructions de code se terminent par un point-virgule
  • Les variables sont déclarées avec le mot-clé var, ou le type de données (int, string, etc.)
  • Les chaînes sont entourées de guillemets
  • Le code C# est sensible à la casse
  • Les fichiers C# ont l'extension .cshtml

Exemple C#

<!-- 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 + " Today is: " + weekDay;
}

<p>The greeting is: @greetingMessage</p>


Syntaxe Razor pour VB

  • Les blocs de code VB sont inclus dans @Code ... End Code
  • Les expressions en ligne (variables ou fonctions) commencent par @
  • Les variables sont déclarées avec le mot clé Dim
  • Les chaînes sont entourées de guillemets
  • Le code VB n'est pas sensible à la casse
  • Les fichiers VB ont l'extension .vbhtml

Exemple VB

<!-- 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 & " Today is: " & weekDay
End Code


<p>The greeting is: @greetingMessage</p>

En savoir plus sur C# et Visual Basic

Si vous souhaitez en savoir plus sur Razor et les langages de programmation C# et Visual Basic :

Accédez à la section Razor de ce didacticiel.