Páginas web ASP.NET : agregar código Razor
Las páginas web ASP.NET utilizan marcado Razor con código C# o VB
Marcado de navaja
Razor es una sintaxis de marcado simple para incrustar código de servidor (C# o VB) en páginas web ASP.NET.
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>
La página anterior contiene marcado HTML normal y marcado Razor.
Sintaxis de Razor para C#
- Los bloques de código C# están encerrados en @{ ... }
- Las expresiones en línea (variables o funciones) comienzan con @
- Las declaraciones de código terminan con punto y coma
- Las variables se declaran con la palabra clave var, o el tipo de datos (int, string, etc.)
- Las cadenas se encierran entre comillas
- El código C# distingue entre mayúsculas y minúsculas
- Los archivos C# tienen la extensión .cshtml
Ejemplo 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 + " Today is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
Sintaxis de Razor para VB
- Los bloques de código VB están encerrados en @Code ... End Code
- Las expresiones en línea (variables o 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
- Los archivos VB tienen la extensión .vbhtml
Ejemplo de VB
<!-- 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>
Más sobre C# y Visual Basic
Si desea obtener más información sobre Razor y los lenguajes de programación C# y Visual Basic:
Vaya a la sección Razor de este tutorial.