Neueste Web-Entwicklung Tutorials
 

ASP.NET Web-Seiten - Hinzufügen von Razor-Code


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


Was ist Razor ?

  • Razor ist eine Markup - Syntax für das Hinzufügen von serverbasierten Code auf Webseiten
  • Razor hat die Macht der traditionellen ASP.NET Markup, aber ist leichter zu erlernen, und einfacher zu bedienen
  • Razor ist eine serverseitige Auszeichnungs Syntax ähnlich wie ASP und PHP
  • Razor unterstützt C # und Visual Basic Programmiersprachen

Hinzufügen von Razor - Code

Denken Sie daran, die Web-Seite von vorherigen Kapiteln:

<!DOCTYPE html>

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

Jetzt etwas hinzufügen Razor Code zum Beispiel:

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

Die Seite enthält gewöhnlichen HTML - Markup, mit einer Ergänzung: die @ markiert Razor - Code.

Der Razor Code macht die ganze Arbeit von der aktuellen Uhrzeit auf dem Server zu bestimmen und anzeigen. (You can specify formatting options, or just display the default) werden (You can specify formatting options, or just display the default)


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 + " Today 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 & " Today is: " & weekDay
End Code


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

Mehr über C # und Visual Basic

Wenn Sie mehr über Razor lernen wollen, und die C # und Visual Basic Programmiersprachen finden Sie auf den Razor Abschnitt dieses Tutorials.