ASP.NET-Webseiten – Hinzufügen von Razor-Code


ASP.NET-Webseiten verwenden Razor-Markup mit C#- oder VB-Code


Razor-Markup

Razor ist eine einfache Markupsyntax zum Einbetten von Servercode (C# oder VB) in ASP.NET-Webseiten.

Beispiel

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

Die obige Seite enthält sowohl normales HTML-Markup als auch Razor-Markup.


Razor-Syntax für C#

  • C#-Codeblöcke sind in @{ ... } eingeschlossen
  • Inline-Ausdrücke (Variablen oder Funktionen) beginnen mit @
  • Codeanweisungen enden mit Semikolon
  • Variablen werden mit dem Schlüsselwort var oder dem Datentyp (int, string usw.) deklariert.
  • Zeichenfolgen werden in Anführungszeichen eingeschlossen
  • Bei C#-Code wird zwischen Groß- und Kleinschreibung unterschieden
  • C#-Dateien haben die Erweiterung .cshtml

C#-Beispiel

<!-- 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-Syntax für VB

  • VB-Codeblöcke sind in @Code ... End Code eingeschlossen
  • Inline-Ausdrücke (Variablen oder Funktionen) beginnen mit @
  • Variablen werden mit dem Schlüsselwort Dim deklariert
  • Zeichenfolgen werden in Anführungszeichen eingeschlossen
  • Beim VB-Code wird die Groß-/Kleinschreibung nicht beachtet
  • VB-Dateien haben die Erweiterung .vbhtml

VB-Beispiel

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

Mehr über C# und Visual Basic

Wenn Sie mehr über Razor und die Programmiersprachen C# und Visual Basic erfahren möchten:

Gehen Sie zum Razor-Abschnitt dieses Tutorials.