ASP.NET Web Pages - Lägg till Razor-kod

I denna tutorial kommer vi att använda Razor-märken med C# och Visual Basic-kod.

Vad är Razor?

  • Razor är en marknadsnadsföringssyntax för att lägga till serverbaserad kod till webbsidor
  • Razor har förmågan att använda traditionella ASP.NET-märken, men är lättare att lära sig och använda
  • Razor är en server-side marknadsnadsföringssyntax som liknar ASP och PHP
  • Razor stöder programmeringsspråken C# och Visual Basic

Lägg till Razor-kod

Kom ihåg sidan från föregående 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>

Lägg nu till något Razor-kod i exempelna:

Exempel

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

Kör exempel

Sidan innehåller vanliga HTML-märken, samt: Razor-kod markerad med @-tecken.

Razor-kodens enda jobb är att upptäcka den aktuella tiden på servern och visa den. (Du kan specificera formatalternativ eller bara visa i standardformat)

C# huvudsakliga Razor-syntaksregler

  • Razor-kodblock omges av @{ ... }
  • Inlinj uttryck (variabler och funktioner) börjar med @
  • kodsatsningar avslutas med semikolon
  • variabler deklareras med var-nyckelordet
  • Strängar omges av citattecken
  • C# kod är känslig för stora och små bokstäver
  • C# filens utökning är .cshtml

C# exempel

<!-- Enkelradskodblock -->
@{ var myMessage = "Hello World"; }
<!-- Inlinj uttryck eller variabler -->
<p>värdet för myMessage är: @myMessage</p> 
<!-- Multilinjig kodblock -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>Grätset är: @greetingMessage</p>

Kör exempel

Huvudsakliga Razor-syntaksregler för VB

  • Razor-kodblock omges av @Code ... End
  • Inlinj uttryck (variabler och funktioner) börjar med @
  • Variabler deklareras med Dim-nyckelordet
  • Strängar omges av citattecken
  • C#-kod är känslig för storlek och små bokstäver
  • C#-filens utökning är .vbhtml

Exempel

<!-- Enkelradskodblock -->
@Code dim myMessage = "Hello World" End Code
<!-- Inlinj uttryck eller variabler -->
<p>Wärdet på minMessage är: @myMessage</p> 
<!-- Multilinjig kodblock -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
Slut på kod 
<p>Hej är: @greetingMessage</p>

Kör exempel

Mer information om C# och Visual Basic

Om du vill lära dig mer om Razor och programmeringsspråken C# och Visual Basic, besök Razor-del.