ASP.NET Páginas Web - Añadir código Razor

En este tutorial, usaremos la sintaxis de Razor con código C# y Visual Basic.

¿Qué es Razor?

  • Razor es una sintaxis de marcado para agregar código basado en el servidor a las páginas web
  • Razor tiene la capacidad de marcado de ASP.NET tradicional, pero es más fácil de aprender y usar
  • Razor es una sintaxis de marcado en el servidor similar a ASP y PHP
  • Razor admite los lenguajes de programación C# y Visual Basic

Añadir código Razor

¿Recuerda la página del capítulo anterior?

<!DOCTYPE html>
<html lang="es">
<head>
   <meta charset="utf-8" />
    <title>Demo de Páginas Web</title>
</head>
<body>
    <h1>Hello Páginas Web</h1>
</body>
</html>

Ahora agregue algunos códigos Razor al ejemplo:

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
     <meta charset="utf-8" />
     <title>Demo de Páginas Web</title>
</head>
<body>
     <h1>Hello Páginas Web</h1> 
     <p>La hora es @DateTime.Now</p>
</body>
</html>

Ejecutar ejemplo

Esta página contiene marcadores HTML comunes, además también contiene: código Razor marcado con @.

El trabajo principal del código Razor es detectar la hora actual en el servidor y mostrarla. (Puede especificar opciones de formato o simplemente mostrar el formato predeterminado)

Las reglas de sintaxis principales de Razor en C#

  • Los bloques de código Razor están envueltos entre @{ ... }
  • Las expresiones en línea (variables y funciones) comienzan con @
  • Las instrucciones de código se finalizan con un punto y coma
  • Las variables se declaran con la palabra clave var
  • Las cadenas se encierran con comillas
  • El código de C# es sensible a mayúsculas y minúsculas
  • La extensión del archivo de C# es .cshtml

Ejemplo en C#

<!-- Bloque de código en línea -->
@{ var myMessage = "Hello World"; }
<!-- Expresión en línea o variable -->
<p>El valor de myMessage es: @myMessage</p> 
<!-- Bloque de código multilinea -->
@{}}
var greeting = "Bienvenido a nuestro sitio!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Hoy es: " + weekDay;
}
<p>El saludo es: @greetingMessage</p>

Ejecutar ejemplo

Reglas de sintaxis principales de Razor en VB

  • Los bloques de código Razor están envueltos con @Code ... End
  • Las expresiones en línea (variables y funciones) comienzan con @
  • Las variables se declaran con la palabra clave Dim
  • Las cadenas se encierran con comillas
  • El código C# es insensible a mayúsculas y minúsculas
  • La extensión del archivo C# es .vbhtml

Ejemplo

<!-- Bloque de código en línea -->
@Code dim myMessage = "Hello World" End Code
<!-- Expresión en línea o variable -->
<p>El valor de myMessage es: @myMessage</p> 
<!-- Bloque de código multilinea -->
@Code
dim greeting = "Bienvenido a nuestro sitio!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Hoy es: " & weekDay
Final del código 
<p>El saludo es: @greetingMessage</p>

Ejecutar ejemplo

Más información sobre C# y Visual Basic

Si desea aprender más sobre Razor y los lenguajes de programación C# y Visual Basic, visite el tutorial Parte de Razor.