Neueste Web-Entwicklung Tutorials
 

ASP.NET Razor - C # und VB-Code-Syntax


Razor unterstützt sowohl C # (C sharp) und VB (Visual Basic) .


Haupt Razor Syntaxregeln für C #

  • Razor Codeblöcke eingeschlossen sind in @ {...}
  • Inline - Ausdrücke (variables and functions) beginnen mit @
  • Code Anweisungen enden mit Semikolon
  • Variablen werden mit dem Schlüsselwort var deklariert
  • Strings sind mit Anführungszeichen
  • C # -Code Groß- und Kleinschreibung
  • C # Dateien haben die Endung .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 + " Here in Huston it is: " + weekDay;
}

<p>The greeting is: @greetingMessage </p>
Führen Sie zB »

Haupt Razor Syntaxregeln für VB

  • Razor Code - Blöcke sind in @code eingeschlossen ... End - Code
  • Inline - Ausdrücke (variables and functions) beginnen mit @
  • Variablen werden mit dem Schlüsselwort Dim deklariert
  • Strings sind mit Anführungszeichen
  • VB-Code wird nicht zwischen Groß- und Klein
  • VB-Dateien haben die Endung .vbhtml

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


<p>The greeting is: @greetingMessage </p>
Führen Sie zB »

Wie funktioniert es?

Razor ist eine einfache Programmierung Syntax für Server - Code in Webseiten einbetten.

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

Die Razor - Syntax gibt Ihnen die ganze Energie von ASP.NET, ist aber eine vereinfachte Syntax , die einfacher zu lernen , wenn Sie ein Anfänger sind, und macht Sie produktiver , wenn Sie ein Experte sind.

Razor HTML - Inhalte und: Webseite können als HTML - Seiten mit zwei Arten von Inhalten beschrieben Razor - Code.

Wenn der Server die Seite liest, läuft es den Razor Code zuerst, bevor es die HTML - Seite an den Browser sendet. Der Code, der auf dem Server ausgeführt wird, kann Aufgaben ausführen, die nicht im Browser durchgeführt werden kann, zum Beispiel einer Server-Datenbank zugreifen. Server-Code kann dynamische HTML-Inhalte on the fly erstellen, bevor sie an den Browser gesendet wird. Gesehen aus dem Browser, der HTML-Code vom Server generierte Code ist nicht anders als statische HTML-Inhalte.

ASP.NET Web - Seiten mit Razor - Syntax haben die besondere Dateierweiterung cshtml ( Razor using C#) oder vbhtml ( Razor using VB) .


Arbeiten mit Objekten

Server-Codierung beinhaltet oft Objekte.

Das "DateTime" Objekt ist ein typisches integrierten ASP.NET - Objekt, sondern Objekte können auch selbst definierte, eine Web - Seite, ein Textfeld, eine Datei, eine Datenbank - Datensatz, usw.

Objekte können Methoden haben sie durchführen können. Ein Datenbank - Eintrag könnte eine haben "Save" Methode, ein Bildobjekt könnte eine haben "Rotate" Methode, könnte hat ein E - Mail - Objekt eine "Send" Methode, und so weiter.

Objekte haben auch Eigenschaften, die ihre Eigenschaften beschreiben. Ein Datenbank - Datensatz könnte einen Vornamen und eine Lastname - Eigenschaft (amongst others) .

Das ASP.NET Datetime - Objekt hat eine Jetzt Eigenschaft (written as DateTime.Now) , und das jetzt Eigentum hat eine Eigenschaft Day (written as DateTime.Now.Day) . Das folgende Beispiel zeigt, wie einige Eigenschaften des Datetime-Objekt zuzugreifen:

Beispiel

<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>
Führen Sie zB »

Wenn und andere Bedingungen

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

Der gemeinsame Weg, dies zu tun, ist mit dem if ... else-Anweisungen:

Beispiel

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

Lesen Benutzereingabe

Ein weiteres wichtiges Merkmal von dynamischen Web-Seiten ist, dass Sie eine Benutzereingabe lesen.

Die Eingabe wird durch die Anfrage [] Funktion und Beitrag lesen (input) durch den isPost Zustand getestet wird:

Beispiel

@{
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>
Führen Sie zB »