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

Neste tutorial, usaremos a marcação Razor com código C# e Visual Basic.

O que é Razor?

  • O Razor é uma sintaxe de marcação para adicionar código baseado no servidor às páginas da web
  • O Razor possui as capacidades de marcação tradicionais do ASP.NET, mas é mais fácil de aprender e usar
  • O Razor é uma sintaxe de marcação do lado do servidor semelhante ao ASP e PHP
  • O Razor suporta os idiomas de programação C# e Visual Basic

Adicionar código Razor

Lembra-se da página do capítulo anterior:

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

Agora adicionamos alguns códigos Razor ao exemplo:

Exemplo

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Demo de Páginas Web</title>
</head>
<body>
     <h1>Hello Páginas Web</h1> 
     <p>O horário é @DateTime.Now</p>
</body>
</html>

Executar exemplo

Esta página contém marcas HTML comuns, além disso, inclui: código Razor marcado com @.

O trabalho principal do código Razor é detectar o horário atual no servidor e exibi-lo. (Você pode especificar opções de formato ou simplesmente exibir no formato padrão)

As principais regras de sintaxe do Razor em C#

  • Os bloco de código Razor são delimitados por @{ ... }
  • As expressões em linha (variáveis e funções) começam com @
  • As instruções de código terminam com ponto e vírgula
  • As variáveis são declaradas com a palavra-chave var
  • As strings são envolvidas por aspas
  • O código C# é sensível a maiúsculas e minúsculas
  • A extensão do arquivo C# é .cshtml

Exemplo em C#

<!-- Bloco de código em linha -->
@{ var myMessage = "Hello World"; }
<!-- Expressão ou variável em linha -->
<p>o valor de myMessage é: @myMessage</p> 
<!-- Bloco de código multilinha -->
@{}}
var greeting = "Bem-vindo ao nosso site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Hoje é: " + weekDay;
}
<p>A saudação é: @greetingMessage</p>

Executar exemplo

As principais regras de sintaxe do Razor em VB

  • Os bloco de código Razor são delimitados por @Code ... Fim
  • As expressões em linha (variáveis e funções) começam com @
  • As variáveis são declaradas com a palavra-chave Dim
  • As strings são envolvidas por aspas
  • O código C# é insensível a maiúsculas e minúsculas
  • A extensão do arquivo C# é .vbhtml

Exemplo

<!-- Bloco de código em linha -->
@Code dim myMessage = "Hello World" Fim do Código
<!-- Expressão ou variável em linha -->
<p>O valor de myMessage é: @myMessage</p> 
<!-- Bloco de código multilinha -->
@Code
dim greeting = "Bem-vindo ao nosso site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Hoje é: " & weekDay
Fim do Código 
<p>A saudação é: @greetingMessage</p>

Executar exemplo

Mais informações sobre C# e Visual Basic

Se você quiser aprender mais sobre Razor e os idiomas de programação C# e Visual Basic, acesse o tutorial Parte do Razor.