Derniers tutoriels de développement web
 

ASP.NET Razor - C # et VB Syntaxe du code


Razor prend en charge C # (C sharp) et VB (Visual Basic) .


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 + " Here in Huston it 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 & " Here in Huston it is: " & weekDay
End Code


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

Comment ça marche?

Razor est une syntaxe simple de programmation pour l' intégration du code serveur dans les pages Web.

Razor syntaxe est basée sur le framework ASP.NET, la partie du Microsoft.NET Framework qui est spécialement conçu pour créer des applications web.

La Razor syntaxe vous donne toute la puissance d'ASP.NET, mais utilise une syntaxe simplifiée qui est plus facile d'apprendre si vous êtes un débutant, et vous rend plus productif si vous êtes un expert.

Razor pages Web peuvent être décrits comme des pages HTML avec deux types de contenu: le contenu HTML et Razor code.

Lorsque le serveur lit la page, il court le Razor premier code, avant d'envoyer la page HTML dans le navigateur. Le code qui est exécuté sur le serveur peut exécuter des tâches qui ne peuvent pas être faites dans le navigateur, par exemple l'accès à une base de données de serveur. code serveur peut créer du contenu HTML dynamique à la volée, avant qu'il ne soit envoyé au navigateur. Vu à partir du navigateur, le code HTML généré par le code du serveur ne diffère pas de contenu HTML statique.

Pages Web ASP.NET avec Razor syntaxe ont la cshtml d'extension de fichier spécial ( Razor using C#) en ( Razor using VB) ( Razor using C#) ou vbhtml ( Razor using VB) en ( Razor using VB) .


Travailler avec des objets

codage du serveur implique souvent des objets.

Le "DateTime" objet est un objet ASP.NET typique intégré, mais des objets peuvent également être auto-défini, une page Web, une zone de texte, un fichier, un dossier de base de données, etc.

Les objets peuvent avoir des méthodes qu'ils peuvent effectuer. Un enregistrement de base de données peut avoir un "Save" méthode, un objet image peut avoir un "Rotate" méthode, un objet de courrier électronique pourrait avoir un "Send" méthode, et ainsi de suite.

Les objets ont également des propriétés qui décrivent leurs caractéristiques. Un enregistrement de base de données peut avoir un FirstName et une propriété LastName (amongst others) .

L'objet DateTime ASP.NET a une propriété maintenant (written as DateTime.Now) , et la propriété maintenant a une propriété de jour (written as DateTime.Now.Day) . L'exemple ci-dessous montre comment accéder à certaines propriétés de l'objet DateTime:

Exemple

<table border="1">
<tr>
<th width="100px">Name</th>
<td width="100px">Value</td>
</tr>
<tr>
<td>Day</td><td> @DateTime.Now.Day </td>
</tr>
<tr>
<td>Hour</td><td> @DateTime.Now.Hour </td>
</tr>
<tr>
<td>Minute</td><td> @DateTime.Now.Minute </td>
</tr>
<tr>
<td>Second</td><td> @DateTime.Now.Second </td>
</tr>
</td>
</table>
»Exécuter exemple

Si Else et conditions

Une caractéristique importante de pages web dynamiques est que vous pouvez déterminer quoi faire en fonction des conditions.

La façon courante de le faire est avec les if ... else:

Exemple

@{
var txt = "";
if(DateTime.Now.Hour > 12)
  {txt = "Good Evening";}
else
  {txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt </p>
</body>
</html>
»Exécuter exemple

Lecture d'entrée de l'utilisateur

Une autre caractéristique importante de pages web dynamiques est que vous pouvez lire l'entrée de l'utilisateur.

L' entrée est lu par la fonction demande [], et l' affichage (input) est testée par la condition IsPost:

Exemple

@{
var totalMessage = "";
if(IsPost)
    {
    var num1 = Request["text1"];
    var num2 = Request["text2"];
    var total = num1.AsInt() + num2.AsInt();
    totalMessage = "Total = " + total;
    }
}

<html>
<body style="background-color: beige; font-family: Verdana, Arial;">
<form action="" method="post">
<p><label for="text1">First Number:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">Second Number:</label><br>
<input type="text" name="text2" /></p>
<p><input type="submit" value=" Add " /></p>
</form>
<p> @totalMessage </p>
</body>
</html>
»Exécuter exemple