ASP.NET Web Pages - Fügen Sie Razor-Code hinzu

In diesem Tutorial werden wir Razor-Markup mit C# und Visual Basic-Code verwenden.

Was ist Razor?

  • Razor ist eine Markup-Syntax, um serverseitigen Code auf Webseiten hinzuzufügen
  • Razor besitzt die Fähigkeit der traditionellen ASP.NET-Markup, ist aber einfacher zu lernen und zu verwenden
  • Razor ist eine ähnliche Server-Side-Markup-Syntax wie ASP und PHP
  • Razor unterstützt die Programmiersprachen C# und Visual Basic

Fügen Sie Razor-Code hinzu

Denken Sie sich die Webseite aus dem letzten Kapitel nochmal vor:

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

Fügen Sie jetzt einige Razor-Codezeilen zu dem Beispiel hinzu:

Beispiel

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

Laufendes Beispiel

Diese Seite enthält Standard HTML-Tags sowie: Razor-Code, der mit @ markiert ist.

Der gesamte Job des Razor-Codes ist es, die aktuelle Zeit auf dem Server zu überprüfen und sie anzuzeigen. (Sie können Formatoptionen angeben oder einfach im Standardformat anzeigen lassen)

Haupt Razor-Syntaxregeln von C#

  • Razor-Code-Blöcke werden durch @{ ... } umgeben
  • Zeilenweiser Ausdruck (Variablen und Funktionen) beginnt mit @
  • Code-Sätze enden mit einem Semikolon
  • Variablen werden mit dem Schlüsselwort var deklariert
  • Zeichenfolgen werden durch Anführungszeichen umgeben
  • C#-Code ist groß- und kleinschreibunsabhängig
  • Die Erweiterung von C#-Dateien ist .cshtml

C# Beispiel

<!-- Einzeiliger Code-Block -->
@{ var myMessage = "Hello World"; }
<!--Inline-Ausdrücke oder Variablen-->
<p>Der Wert von myMessage ist: @myMessage</p> 
<!-- Mehrzeiliger Code-Block -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>Die Begrüßung ist: @greetingMessage</p>

Laufendes Beispiel

Hauptregeln der Razor-Syntax für VB

  • Razor-Code-Blöcke werden durch @Code ... Ende umgeben
  • Zeilenweiser Ausdruck (Variablen und Funktionen) beginnt mit @
  • Variablen werden durch das Schlüsselwort Dim erklärt
  • Zeichenfolgen werden durch Anführungszeichen umgeben
  • C#-Code ist nicht groß- oder kleinschreibungsbeachtlich
  • Die Dateierweiterung für C# ist .vbhtml

Beispiel

<!-- Einzeiliger Code-Block -->
@Code dim myMessage = "Hello World" Ende Code
<!--Inline-Ausdrücke oder Variablen-->
<p>Der Wert von myMessage ist: @myMessage</p> 
<!-- Mehrzeiliger Code-Block -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
Ende Code 
<p>Die Begrüßung ist: @greetingMessage</p>

Laufendes Beispiel

Mehr über C# und Visual Basic

Wenn Sie mehr über Razor und die Programmiersprachen C# und Visual Basic erfahren möchten, besuchen Sie bitte Razor-Teil.