ASP.NET Web Pages - Hinzufügen von Razor-Code
In diesem Tutorial verwenden wir Razor-Markup mit C#- und Visual Basic-Code.
Was ist Razor?
- Razor ist eine Markupsyntax zum Hinzufügen von serverseitigem Code zu Webseiten.
- Razor bietet die Funktionalität herkömmlicher ASP.NET-Markups, ist jedoch einfacher zu verwenden und zu erlernen.
- Razor ist eine serverseitige Markupsyntax, sehr ähnlich wie ASP und PHP.
- Razor unterstützt die Programmiersprachen C# und Visual Basic.
Hinzufügen von Razor-Code
Erinnern Sie sich an die Webseite aus dem Beispiel im vorherigen Kapitel:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</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 wir nun etwas Razor-Code zum 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 Uhrzeit ist @DateTime.Now</p>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
<p>Die Uhrzeit ist @DateTime.Now</p>
</body>
</html>
Beispiel ausführen »
Diese Seite enthält gewöhnliches HTML-Markup, und zusätzlich wurde ein Stück Razor-Code hinzugefügt, das durch @ gekennzeichnet ist.
Razor-Code kann alle Aktionen auf dem Server in Echtzeit ausführen und die Ergebnisse anzeigen. (Sie können Formatierungsoptionen angeben, andernfalls werden nur die Standardelemente angezeigt.)
Wichtigste Regeln für die Razor C#-Syntax
- Razor-Codeblöcke sind eingeschlossen in @{ ... }
- Inline-Ausdrücke (Variablen und Funktionen) beginnen mit @
- Codeanweisungen enden mit Semikolons
- Variablen werden mit dem Schlüsselwort var deklariert
- Zeichenfolgen werden in Anführungszeichen eingeschlossen
- C#-Code unterscheidet zwischen Groß- und Kleinschreibung
- Die Dateierweiterung für C#-Dateien ist .cshtml
C#-Beispiel
<!-- Block mit einzelner Anweisung -->
@{ var myMessage = "Hello World"; }
<!-- Inline-Ausdruck oder Variable -->
<p>Der Wert von myMessage ist: @myMessage</p>
<!-- Block mit mehreren Anweisungen -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>Die Begrüßung lautet: @greetingMessage</p>
@{ var myMessage = "Hello World"; }
<!-- Inline-Ausdruck oder Variable -->
<p>Der Wert von myMessage ist: @myMessage</p>
<!-- Block mit mehreren Anweisungen -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>Die Begrüßung lautet: @greetingMessage</p>
Beispiel ausführen »
Hauptregeln für die Razor-VB-Syntax
- Razor-Codeblöcke sind eingeschlossen in @Code ... End Code
- Inline-Ausdrücke (Variablen und Funktionen) beginnen mit @
- Variablen werden mit dem Schlüsselwort Dim deklariert
- Zeichenfolgen werden in Anführungszeichen eingeschlossen
- VB-Code unterscheidet nicht zwischen Groß- und Kleinschreibung
- Die Dateierweiterung für VB-Dateien ist .vbhtml
Beispiel
<!-- Block mit einzelner Anweisung -->
@Code dim myMessage = "Hello World" End Code
<!-- Inline-Ausdruck oder Variable -->
<p>Der Wert von myMessage ist: @myMessage</p>
<!-- Block mit mehreren Anweisungen -->
@Code
dim greeting = "Welcome to our site!"
dim weekDay = DateTime.Now.DayOfWeek
dim greetingMessage = greeting & " Today is: " & weekDay
End Code
<p>Die Begrüßung lautet: @greetingMessage</p>
@Code dim myMessage = "Hello World" End Code
<!-- Inline-Ausdruck oder Variable -->
<p>Der Wert von myMessage ist: @myMessage</p>
<!-- Block mit mehreren Anweisungen -->
@Code
dim greeting = "Welcome to our site!"
dim weekDay = DateTime.Now.DayOfWeek
dim greetingMessage = greeting & " Today is: " & weekDay
End Code
<p>Die Begrüßung lautet: @greetingMessage</p>
Beispiel ausführen »
Mehr über C# und Visual Basic
Wenn Sie mehr über die Programmiersprachen Razor, C# und Visual Basic erfahren möchten, schauen Sie sich bitte diesenRazor-Abschnitt des Tutorials an。
Andere Erweiterungen