Los últimos tutoriales de desarrollo web
 

ASP.NET Páginas Web - Agregar código Razor


En este tutorial vamos a utilizar Razor marcado con C # y el código de Visual Basic


¿Cuál es Razor ?

  • Razor es una sintaxis de marcado para añadir código basado en servidor para páginas web
  • Razor tiene el poder de ASP.NET marcado tradicional, pero es más fácil de aprender y fácil de usar
  • Razor es una sintaxis de marcado tanto del lado del servidor como ASP y PHP
  • Razor compatible con C # y lenguajes de programación Visual Basic

La adición de Razor Código

Recuerde que la página web 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>

Ahora añadir un poco de Razor código para el 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>
Ejecutar ejemplo »

La página contiene marcas HTML ordinario, con un añadido: la @ marcado Razor código.

La Razor de código hace todo el trabajo de determinar la hora actual en el servidor y mostrarlo. (You can specify formatting options, or just display the default)


Principales Razor reglas de sintaxis para C #

  • Razor bloques de código están encerrados en @ {...}
  • Expresiones en línea (variables and functions) comenzar con @
  • instrucciones de código terminan con punto y coma
  • Las variables se declaran con la palabra clave var
  • Las cadenas se encierran entre comillas
  • C # código es sensible a mayúsculas
  • C # archivos tienen la extensión .cshtml

C # Ejemplo

<!-- 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>
Ejecutar ejemplo »

Principal Razor reglas de sintaxis para VB

  • Razor bloques de código están encerrados en @code Código final ...
  • Expresiones en línea (variables and functions) comenzar con @
  • Las variables se declaran con la palabra clave Dim
  • Las cadenas se encierran entre comillas
  • código de VB no es sensible
  • VB archivos tienen la extensión .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>
Ejecutar ejemplo »

Más Acerca de C # y Visual Basic

Si desea obtener más información sobre la maquinilla de afeitar, y el C # y lenguajes de programación Visual Basic, vaya a la Razor sección de este tutorial.