ASP.NET Pages Web - Ajout de code Razor

Dans ce tutoriel, nous allons utiliser les balises Razor avec du code C# et Visual Basic.

Qu'est-ce que Razor ?

  • Razor est une syntaxe de marquage permettant d'ajouter du code basé sur le serveur aux pages web
  • Razor possède les capacités de balisage traditionnelles d'ASP.NET, mais est plus facile à apprendre et à utiliser
  • Razor est une syntaxe de marquage côté serveur similaire à ASP et PHP
  • Razor prend en charge les langages de programmation C# et Visual Basic

Ajout de code Razor

Rappelez-vous la page de l'chapter précédent :

<!DOCTYPE html>
<html lang="fr">
<head>
   <meta charset="utf-8" />
    <title>Demo Pages Web</title>
</head>
<body>
    <h1>Hello Pages Web</h1>
</body>
</html>

Ajoutons maintenant un peu de code Razor à l'exemple :

实例

<!DOCTYPE html>
<html lang="fr">
<head>
     <meta charset="utf-8" />
     <title>Demo Pages Web</title>
</head>
<body>
     <h1>Hello Pages Web</h1> 
     <p>L'heure est @DateTime.Now</p>
</body>
</html>

运行实例

Cette page contient des balises HTML standard, en plus des balises de code Razor marquées par @.

Le travail principal du code Razor consiste à détecter l'heure actuelle sur le serveur et à la afficher. (Vous pouvez spécifier des options de format ou afficher simplement en format par défaut)

Les règles de syntaxe principales de Razor en C#

  • Les blocs de code Razor sont entourés par @{ ... }
  • 行内表达式（变量和函数）以 @ 开始
  • Les instructions de code se terminent par un point-virgule
  • Les variables sont déclarées avec le mot-clé var
  • 字符串用引号来包围
  • Le code C# est sensible à la casse
  • L'extension de fichier C# est .cshtml

Exemple en C#

<!-- 单行代码块 -->
@{ var myMessage = "Hello World"; }
<!-- 行内表达式或变量 -->
<p>La valeur de myMessage est : @myMessage</p> 
<!-- 多行代码块 -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>问候语是：@greetingMessage</p>

运行实例

VB 的主要 Razor 语法规则

  • Razor 代码块由 @Code ... End 包围
  • 行内表达式（变量和函数）以 @ 开始
  • 变量通过 Dim 关键词进行声明
  • 字符串用引号来包围
  • C# 代码对大小写不敏感
  • C# 文件的扩展名是 .vbhtml

实例

<!-- 单行代码块 -->
@Code dim myMessage = "Hello World" End Code
<!-- 行内表达式或变量 -->
<p>我的消息值是：@myMessage</p> 
<!-- 多行代码块 -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
End Code 
<p>问候语是：@greetingMessage</p>

运行实例

有关 C# 和 Visual Basic 的更多信息

如果希望学习更多有关 Razor 以及 C# 和 Visual Basic 编程语言的更多知识，请访问本教程的 Razor 部分。