ASP.NET Web Pages - Voeg Razor-code toe

In deze handleiding zullen we Razor-markeringen gebruiken met C# en Visual Basic-code.

Wat is Razor?

  • Razor is een marktafspraak voor het toevoegen van server-basede code aan webpagina's
  • Razor heeft de capaciteiten van traditionele ASP.NET-markering, maar is gemakkelijker te leren en te gebruiken
  • Razor is een server-side marktafspraak die vergelijkbaar is met ASP en PHP
  • Razor ondersteunt de programmeertalen C# en Visual Basic

Voeg Razor-code toe

Herinnert u zich de pagina uit het vorige hoofdstuk:

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

Voeg nu enkele Razor-code toe aan het voorbeeld:

Voorbeeld

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>De tijd is @DateTime.Now</p>
</body>
</html>

Uitvoer Voorbeeld

Deze pagina bevat algemene HTML-markeringen, naast: Razor-code gemarkeerd met @.

De volledige taak van Razor-code is om de huidige tijd op de server te detecteren en deze weer te geven. (U kunt formatieopties specificeren, of deze gewoon in de standaardindeling weergeven)

Hoofd Razor-syntaxisregels van C#

  • Razor-codeblokken worden omringd door @{ ... }
  • In-line expressies (variabelen en functies) beginnen met @
  • Codezinnen eindigen met een puntkomma
  • Variabelen worden met de var-sleutelwoorden gedeclareerd
  • Stringen worden omgeven door aanhalingstekens
  • C# code is hoofdlettergevoelig
  • De extensie van een C# bestand is .cshtml

C# voorbeeld

<!-- Enkele regel codeblok -->
@{ var myMessage = "Hello World"; }
<!-- In-line expressie of variabele -->
<p>De waarde van myMessage is: @myMessage</p> 
<!-- Meerdere regels codeblok -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Vandaag is: " + weekDay;
}
<p>De groet is: @greetingMessage</p>

Uitvoer Voorbeeld

Hoofdregels van de Razor syntaxis voor VB

  • Razor codeblokken worden omgeven door @Code ... Einde
  • In-line expressies (variabelen en functies) beginnen met @
  • Variabelen worden gedeclareerd met de Dim-sleutel
  • Stringen worden omgeven door aanhalingstekens
  • C# code is niet gevoelig voor hoofdletters en kleine letters
  • De extensie van C# bestanden is .vbhtml

Voorbeeld

<!-- Enkele regel codeblok -->
@Code dim myMessage = "Hello World" Einde Code
<!-- In-line expressie of variabele -->
<p>De waarde van myMessage is: @myMessage</p> 
<!-- Meerdere regels codeblok -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Vandaag is: " & weekDay
Einde Code 
<p>De groet is: @greetingMessage</p>

Uitvoer Voorbeeld

Meer informatie over C# en Visual Basic

Als je meer wilt weten over Razor en de programmeertalen C# en Visual Basic, bezoek dan de Razor Deel.