Derniers tutoriels de développement web
 

ASP.NET Pages Web - Ajout de code Razor


Dans ce tutoriel , nous utiliserons Razor balisage avec C # et le code Visual Basic


Qu'est - ce Razor ?

  • Razor est une syntaxe de balisage pour l' ajout de code basé sur le serveur aux pages Web
  • Razor a le pouvoir de balisage ASP.NET traditionnel, mais il est plus facile à apprendre, et plus facile à utiliser
  • Razor est une syntaxe de balisage côté serveur un peu comme ASP et PHP
  • Razor soutient C # et langages de programmation Visual Basic

Ajout de Razor code

Rappelez-vous la page Web du chapitre précédent:

<!DOCTYPE html>

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

Maintenant , ajoutez un peu de Razor code à l'exemple:

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>
»Exécuter exemple

La page contient des balises HTML ordinaire, avec un ajout: le @ marqué Razor code.

Le Razor Code fait tout le travail de déterminer l'heure actuelle sur le serveur et l' afficher. (You can specify formatting options, or just display the default) des (You can specify formatting options, or just display the default) en (You can specify formatting options, or just display the default)


Principales Razor Règles de syntaxe pour C #

  • Razor blocs de code sont enfermés dans @ {...}
  • Expressions inline (variables and functions) commencer par @
  • Les instructions de code se terminent par virgule
  • Les variables sont déclarées avec le mot-clé var
  • Les chaînes sont placées entre guillemets
  • Code C # est sensible à la casse
  • 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>
»Exécuter exemple

Principal Razor Règles de syntaxe pour VB

  • Razor blocs de code sont enfermés dans @code ... End Code
  • Expressions inline (variables and functions) commencer par @
  • Les variables sont déclarées avec le mot-clé Dim
  • Les chaînes sont placées entre guillemets
  • le code de VB est insensible à la casse
  • VB fichiers ont l'extension .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 & " Today is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>
»Exécuter exemple

Plus d'infos sur C # et Visual Basic

Si vous voulez en savoir plus sur Razor, et le C # et langages de programmation Visual Basic, allez à la Razor section de ce tutoriel.