ASP.NET-webpagina's - Razor-code toevoegen


ASP.NET-webpagina's gebruiken Razor-opmaak met C#- of VB-code


Razor Markup

Razor is een eenvoudige opmaaksyntaxis voor het insluiten van servercode (C# of VB) in ASP.NET-webpagina's.

Voorbeeld

<!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>

De bovenstaande pagina bevat zowel gewone HTML-opmaak als Razor-opmaak.


Razor-syntaxis voor C#

  • C#-codeblokken zijn ingesloten in @{ ... }
  • Inline-expressies (variabelen of functies) beginnen met @
  • Code-instructies eindigen met een puntkomma
  • Variabelen worden gedeclareerd met het sleutelwoord var, of het datatype (int, string, etc.)
  • Strings staan ​​tussen aanhalingstekens
  • C#-code is hoofdlettergevoelig
  • C#-bestanden hebben de extensie .cshtml

C# Voorbeeld

<!-- 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>


Razor-syntaxis voor VB

  • VB-codeblokken zijn ingesloten in @Code ... End Code
  • Inline-expressies (variabelen of functies) beginnen met @
  • Variabelen worden gedeclareerd met het Dim-sleutelwoord
  • Strings staan ​​tussen aanhalingstekens
  • VB-code is niet hoofdlettergevoelig
  • VB-bestanden hebben de extensie .vbhtml

VB Voorbeeld

<!-- 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>

Meer over C# en Visual Basic

Als je meer wilt weten over Razor en de programmeertalen C# en Visual Basic:

Ga naar het gedeelte Scheermes van deze zelfstudie.