ASP.NET Web Pages - Agregar código Razor
En este tutorial, utilizaremos el marcado Razor con código C# y Visual Basic.
¿Qué es Razor?
- Razor es una sintaxis de marcado que agrega código basado en servidor a las páginas web.
- Razor tiene la funcionalidad del marcado ASP.NET tradicional, pero es más fácil de usar y de aprender.
- Razor es una sintaxis de marcado del lado del servidor, muy similar a ASP y PHP.
- Razor admite los lenguajes de programación C# y Visual Basic.
Agregar código Razor
Recuerde la página web del ejemplo del capítulo anterior:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</html>
Ahora agregue algún código Razor al ejemplo:
Ejemplo
<!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>
<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>
Ejecutar ejemplo »
La página contiene marcado HTML normal y, además, se ha agregado un código Razor identificado con @.
El código Razor puede realizar todas las acciones en el servidor en tiempo real y mostrar los resultados. (Puede especificar opciones de formato; de lo contrario, solo se mostrarán los valores predeterminados).
Principales reglas de sintaxis de Razor C#
- Los bloques de código Razor se incluyen dentro de @{ ... }
- Las expresiones en línea (variables y funciones) comienzan con @
- Las declaraciones de código terminan con punto y coma.
- Las variables se declaran con la palabra clave var.
- Las cadenas se encierran entre comillas.
- El código C# distingue entre mayúsculas y minúsculas.
- La extensión de archivo de C# es .cshtml.
Ejemplo en 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>
@{ 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>
Ejecutar ejemplo »
Principales reglas de sintaxis de Razor VB
- Los bloques de código Razor se incluyen entre @Code ... End Code
- Las expresiones en línea (variables y funciones) comienzan con @
- Las variables se declaran con la palabra clave Dim.
- Las cadenas se encierran entre comillas.
- El código VB no distingue entre mayúsculas y minúsculas.
- La extensión de archivo de VB es .vbhtml.
Ejemplo
<!-- 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>
@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>
Ejecutar ejemplo »
Más sobre C# y Visual Basic
Si desea aprender más sobre los lenguajes de programación Razor, C# y Visual Basic, consulte lasección de Razor。
Otras extensiones