Los últimos tutoriales de desarrollo web
 

ASP.NET Razor - C # y VB Código Sintaxis


Razor es compatible con C # (C sharp) y VB (Visual Basic) .


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 + " Here in Huston it 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 & " Here in Huston it is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>
Ejecutar ejemplo »

¿Como funciona?

Razor es una sintaxis de programación sencillo para incrustar el código de servidor en páginas web.

Razor sintaxis se basa en el marco ASP.NET, la parte de la Microsoft.NET Framework que está diseñado específicamente para crear aplicaciones web.

La Razor de sintaxis le da todo el poder de ASP.NET, pero utiliza una sintaxis simplificada que es fácil de aprender si usted es un principiante, y te hace más productivo si usted es un experto.

Razor páginas web pueden ser descritos como páginas HTML con dos tipos de contenido: contenido HTML y Razor de código.

Cuando el servidor lee la página, se corre el Razor código en primer lugar, antes de enviar la página HTML en el navegador. El código que se ejecuta en el servidor puede realizar tareas que no se pueden hacer en el navegador, por ejemplo, el acceso a una base de datos del servidor. código del servidor puede crear contenido HTML dinámico sobre la marcha, antes de ser enviada al navegador. Visto desde el navegador, el código HTML generado por el código del servidor no es diferente que el contenido HTML estático.

Páginas web ASP.NET con Razor de sintaxis tienen la cshtml especial extensión de archivo ( Razor using C#) o vbhtml ( Razor using VB) .


Trabajar con objetos

codificación de servidor a menudo implica objetos.

El "DateTime" objeto es un típico objeto incorporado ASP.NET, pero los objetos también puede ser auto-definido, una página web, un cuadro de texto, un archivo, un registro de base de datos, etc.

Los objetos pueden tener métodos que pueden realizar. Un registro de base de datos podría tener un "Save" método, un objeto de imagen podría tener un "Rotate" método, un objeto de email puede tener un "Send" método, y así sucesivamente.

Los objetos también tienen propiedades que describen sus características. Un registro de base de datos podría tener un FirstName y una propiedad Apellidos (amongst others) .

El objeto DateTime ASP.NET Ahora tiene una propiedad (written as DateTime.Now) , y la propiedad Ahora tiene una propiedad Día (written as DateTime.Now.Day) . El ejemplo siguiente muestra cómo acceder a algunas propiedades del objeto DateTime:

Ejemplo

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

Si Else y Condiciones

Una característica importante de páginas web dinámicas es que se puede determinar qué hacer en función de las condiciones.

La forma más común de hacer esto es con las declaraciones if ... else:

Ejemplo

@{
var txt = "";
if(DateTime.Now.Hour > 12)
  {txt = "Good Evening";}
else
  {txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt </p>
</body>
</html>
Ejecutar ejemplo »

La lectura de la entrada de usuario

Otra característica importante de páginas web dinámicas es que se puede leer la entrada del usuario.

De entrada es leído por la Solicitud de función [], y la publicación (input) se prueba por la condición isPost:

Ejemplo

@{
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>
Ejecutar ejemplo »