Maison > développement back-end > Tutoriel C#.Net > Partager les notes d'étude ASP.NET (13) Explication détaillée de la syntaxe Razor

Partager les notes d'étude ASP.NET (13) Explication détaillée de la syntaxe Razor

零下一度
Libérer: 2017-05-27 16:10:24
original
1103 Les gens l'ont consulté

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

Razor prend en charge à la fois C# (C Sharp) et VB (Visual Basic).

Règles de syntaxe principales de Razor C#

Les blocs de code Razor sont enfermés dans @{...}

Les expressions en ligne (variables et fonctions) commencent par @

Les instructions de code se terminent par des points-virgules

Les variables sont déclarées à l'aide du mot-clé var

Les chaînes sont placées entre guillemets

Le code C# est sensible à la casse

L'extension pour Les fichiers C# sont au format .cshtml

Exemples 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>
Copier après la connexion

Règles de syntaxe principales de Razor VB

Les blocs de code Razor sont contenus dans @Code. 🎜>

les expressions en ligne (variables et fonctions) commencent par @

Les variables sont déclarées à l'aide du mot-clé Dim

Les chaînes sont placées entre guillemets

Le code VB n'est pas la casse sensible

L'extension des fichiers VB est .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 --> @Codedim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Here in Huston it is: " & weekDayEnd Code <p>The greeting is: @greetingMessage</p>
Copier après la connexion
Comment ça marche ?

Razor est une syntaxe de

programmation simple pour intégrer le code du serveur dans les pages Web.

La syntaxe Razor est basée sur le framework ASP.NET

, une partie du framework Microsoft.NET spécialement conçu pour la création d'applications Web.

La syntaxe Razor prend en charge toutes les fonctionnalités d'ASP.NET, mais utilise une syntaxe simplifiée, plus facile à apprendre pour les débutants et plus efficace pour les experts.

Une page Web Razor peut être décrite comme une page Web HTML avec deux types de contenu : le contenu HTML et le code Razor.

Lorsque le serveur lit la page, il exécute d'abord le code Razor avant d'envoyer la page HTML au navigateur. Le code exécuté sur le serveur peut effectuer des tâches qui ne peuvent pas être effectuées sur le navigateur, telles que l'accès à la base de données du serveur. Le code serveur peut créer du contenu HTML dynamique et l'envoyer au navigateur. Du point de vue du navigateur, le HTML généré par le code du serveur n'est pas différent du contenu HTML de

static.

Les pages Web ASP.NET avec la syntaxe Razor ont des extensions de fichier spéciales cshtml (Razor C#) ou vbhtml (Razor VB).

Utilisation de

Objets

Le codage serveur implique souvent des objets.


L'objet "Date" est un objet ASP.NET intégré typique, mais l'objet peut également être un objet personnalisé, une page Web, une zone de texte, un fichier, un enregistrement de base de données, etc.

Objets utiles Un enregistrement de base de données peut avoir une méthode « sauvegarder », 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 également des propriétés qui décrivent leurs caractéristiques. Un enregistrement de base de données peut avoir les propriétés FirstName et LastName.

Les objets date ASP.NET ont une propriété now (écrite comme Date.Now) et la propriété now a une propriété day (écrite comme Date.Now.Day). L'exemple suivant montre comment accéder à certaines propriétés de l'objet de données :


Instance

<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>
Copier après la connexion
If et

ElseConditionnel

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

Une façon courante de procéder consiste à utiliser une instruction 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>
Copier après la connexion

读取用户输入

动态网页的另一个重要特点是,您可以读取用户输入。

输入是通过请求[]功能读取的,并且传送输入数据是经过IsPost条件判断的:

实例

@{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>
Copier après la connexion

【相关推荐】

1. ASP.NET免费视频教程

2. 分享ASP.NET学习笔记(1)--WebPages Razor

3. 分享ASP.NET学习笔记(2)--WebPages 介绍

4. 分享ASP.NET学习笔记(3)WebPages 布局

5. 分享ASP.NET学习笔记(4)文件夹

6. 分享ASP.NET学习笔记(5)全局页面 AppStart 和 PageStart

7. 分享ASP.NET学习笔记(12)Razor 简介

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal