Latest web development tutorials

ASP.NET Razor-Syntax

Razor unterstützt auch C # (Cis) und VB (Visual Basic).


Die wichtigsten Razor C # Syntaxregeln

  • Razor Codeblöcke in der @ enthalten {...}
  • Inline-Ausdrücke (Variablen und Funktionen) beginnen mit!
  • -Code-Anweisungen enden mit einem Semikolon
  • Variablen deklariert das Schlüsselwort var verwenden
  • String in Anführungszeichen
  • C # -Code Groß- und Kleinschreibung
  • C # Dateierweiterung ist .cshtml

Beispiele für C #

<!-- 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 + " Here in Huston it is: " + weekDay;
}

<p>The greeting is: @greetingMessage </p>

Ausführung einer Instanz »


Die wichtigsten Razor VB Syntaxregeln

  • Razor Codeblöcke enthalten @code ... End-Code in
  • Inline-Ausdrücke (Variablen und Funktionen) beginnen mit!
  • Variablen erklärt die Dim-Schlüsselwort
  • String in Anführungszeichen
  • VB-Code ist nicht case-sensitive
  • VB-Dateierweiterung ist .vbhtml

Beispiele

<!-- 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 & " Here in Huston it is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>

Ausführung einer Instanz »


Wie funktioniert es?

Razor ist ein Code-Server in Web-Seiten eine einfache Programmierung Syntax eingebettet.

Razor-Syntax wird für die Erstellung von Web-Anwendungen, die speziell Teil von Microsoft.NET Framework auf dem ASP.NET-Framework basiert.

Razor-Syntax unterstützt alle Funktionen von ASP.NET, aber eine vereinfachte Syntax ist einfacher zu lernen für Anfänger, Experten in Sachen effizienter zu gestalten.

HTML-Inhalt und Razor Code: Razor HTML-Web-Seiten können mit den folgenden zwei Arten von Inhalten beschrieben.

Wenn der Server die Seite liest, ist es zunächst läuft Razor-Code, und dann die HTML-Seite an den Browser senden. -Code wird auf dem Server ausgeführt wird, kann ein Teil des Browsers ausführen kann nicht die Aufgabe abzuschließen, zum Beispiel den Datenbankserver zuzugreifen. Der Server-Code kann dynamische HTML-Inhalte erstellen und dann an den Browser gesendet. Aus der Sicht Browser, Server generierten HTML-Code unterscheidet sich nicht von statischen HTML-Inhalte.

ASP.NET-Seiten mit Razor-Syntax haben eine spezielle Dateierweiterung cshtml (Razor C #) oder vbhtml (Razor VB).


Verwendung von Objekten

Server-Codierung beinhaltet oft Objekte.

"Date" Objekt ist ein typisches integrierten ASP.NET-Objekte, sondern auch Objekte angepasst werden können, um eine Webseite, ein Textfeld, eine Datei, eine Datenbank aufnehmen, und so weiter.

Objekt verfügt über eine Methode zur Ausführung. Eine Datenbank-Eintrag kann eine "Speichern" Methode haben, ein Bildobjekt ein "Drehen" Methode haben können, wird eine E-Mail-Objekt kann ein Verfahren, und so weiter haben "Senden".
Objekte haben Attribute verwendet, um ihre eigenen Eigenschaften zu beschreiben. Eine Datenbank-Datensatz kann Vorname und Nachname Attribute.

Jetzt Objekt ASP.NET Datum hat eine Eigenschaft (geschrieben Date.Now) Jetzt gibt es eine Eigenschaft Day Attribut (geschrieben Date.Now.Day). Das folgende Beispiel zeigt, wie die Daten einige Attribute Objekt zuzugreifen:

Beispiele

<table border="1">
<tr>
<th width="100px">Name</th>
<td width="100px">Value</td>
</tr>
<tr>
<td>Day</td><td> @DateTime.Now.Day </td>
</tr>
<tr>
<td>Hour</td><td> @DateTime.Now.Hour </td>
</tr>
<tr>
<td>Minute</td><td> @DateTime.Now.Minute </td>
</tr>
<tr>
<td>Second</td><td> @DateTime.Now.Second </td>
</tr>
</td>
</table>

Ausführung einer Instanz »


Wenn und Else-Bedingung

Ein wichtiges Merkmal von dynamischen Web-Seiten ist, dass Sie entscheiden können, was basierend auf den Bedingungen zu tun.

Gemeinsame Weg, dies zu tun, ist die if ... else-Anweisung verwenden:

Beispiele

@{
var txt = "";
if(DateTime.Now.Hour > 12)
{txt = "Good Evening";}
else
{txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt </p>
</body>
</html>

Ausführung einer Instanz »


Lesen Sie Benutzereingaben

Ein weiteres wichtiges Merkmal der dynamischen Seiten können Sie Benutzereingaben zu lesen.

Geben Sie durch die Anfrage [] Funktion zum Lesen und Übertragen von Daten eingegeben wird durch isPost die Bedingungen bestimmen:

Beispiele

@{
var totalMessage = "";
if(IsPost)
{
var num1 = Request["text1"];
var num2 = Request["text2"];
var total = num1.AsInt() + num2.AsInt();
totalMessage = "Total = " + total;
}
}

<html>
<body style="background-color: beige; font-family: Verdana, Arial;">
<form action="" method="post">
<p><label for="text1">First Number:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">Second Number:</label><br>
<input type="text" name="text2" /></p>
<p><input type="submit" value=" Add " /></p>
</form>
<p> @totalMessage </p>
</body>
</html>

Ausführung einer Instanz »