Latest web development tutorials

ASP.NET Razor syntaxe

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


Les principales règles de syntaxe # Razor C

  • blocs de code de Razor inclus dans le @ {...}
  • expressions Inline (variables et fonctions) commencer!
  • Les instructions de code se terminent par un point-virgule
  • Variables déclarées en utilisant le mot-clé var
  • Chaîne entre guillemets
  • code C # est sensible à la casse
  • extension de fichier C # est .cshtml

Des exemples de 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écution instance »


Les principales règles de syntaxe Razor VB

  • Razor blocs de code contiennent @code ... Fin Code de
  • expressions Inline (variables et fonctions) commencer!
  • Variables déclarées en utilisant le mot-clé Dim
  • Chaîne entre guillemets
  • code VB ne sont pas sensibles à la casse
  • extension de fichier VB est .vbhtml

Exemples

<!-- 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écution instance »


Comment ça marche?

Razor est un code de serveur embarqué dans les pages Web syntaxe de programmation simple.

syntaxe Razor est basée sur le framework ASP.NET pour créer des applications Web spécifiquement partie du cadre Microsoft.NET.

syntaxe Razor prend en charge toutes les fonctionnalités de ASP.NET, mais en utilisant une syntaxe simplifiée est plus facile à apprendre pour les débutants, experts en termes de plus efficace.

pages Web Razor HTML peuvent être décrits avec les deux types de contenu suivants: contenu HTML et de code Razor.

Lorsque le serveur lit la page, il se dirige d'abord le code Razor, puis envoyer la page HTML dans le navigateur. Code est exécuté sur le serveur peut exécuter une partie du navigateur ne peut pas terminer la tâche, par exemple, pour accéder au serveur de base de données. Le code du serveur peut créer du contenu dynamique HTML, puis envoyé au navigateur. Du point de vue navigateur, le code HTML généré par le serveur ne diffère pas de contenu HTML statique.

pages ASP.NET avec la syntaxe Razor ont un cshtml spécial extension de fichier (Razor C #) ou vbhtml (Razor VB).


Utilisation d'objets

le codage du serveur implique souvent des objets.

"Date" objet est un type intégré dans les objets ASP.NET, mais les objets peuvent également être personnalisés, une page web, une zone de texte, un fichier, un dossier de base de données, et ainsi de suite.

Objet a une méthode d'exécution. Un enregistrement de base de données peut avoir une méthode "Enregistrer", un objet image peut avoir une méthode "Rotation", un objet e-mail peut avoir une méthode «Envoyer», et ainsi de suite.
Les objets ont des attributs utilisés pour décrire leurs caractéristiques propres. Un enregistrement de base de données peut avoir FirstName et LastName attributs.

Maintenant ASP.NET date objet a une propriété (Date.Now écrite), maintenant il y a un attribut de propriété Day (Date.Now.Day écrite). L'exemple suivant montre comment accéder aux données objet certains attributs:

Exemples

<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écution instance »


Si et le reste Condition

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

Façon courante de le faire est d'utiliser l'instruction if ... else:

Exemples

@{
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écution instance »


entrée utilisateur Lire

Une autre caractéristique importante des pages dynamiques, vous pouvez lire les entrées utilisateur.

Entrez par la [] La fonction de demande de lire et de transmettre des données est entrée par IsPost déterminer les conditions:

Exemples

@{
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écution instance »