ASP.NET Web Pages - Dodaj kod Razor

W tym kursie użyjemy składni Razor za pomocą kodu C# i Visual Basic

Co to jest Razor?

  • Razor to składnia znakowa do dodawania kodu opartego na serwerze do stron internetowych
  • Razor ma zdolności tradycyjnej składni ASP.NET, ale jest łatwiejszy do nauki i użycia
  • Razor to składnia znakowa do serwerowej strony, podobna do ASP i PHP
  • Razor obsługuje języki programowania C# i Visual Basic

Dodaj kod Razor

Pamiętasz stronę z poprzedniego rozdziału?

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

Dodajmy teraz trochę kodu Razor do przykładu:

Przykład

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

Uruchom przykład

Strona zawiera standardowe znaczniki HTML, oprócz tego zawiera również: kod Razor oznaczony znakiem @.

Cała praca kodu Razor polega na wykrywaniu bieżącego czasu na serwerze i jego wyświetlaniu. (Możesz指定格式 options, lub po prostu wyświetlić w domyślnym formacie)

Główne zasady składni Razor w C#

  • Blok kodu Razor otoczony jest nawiasami @( ... )
  • Wyrażenia w linii (zmienne i funkcje) zaczynają się od @
  • Zakończenie wierszy kodu to średnik
  • Zmienne są deklarowane za pomocą kluczowego słowa var
  • Ciągi znaków otacza się znakami odwróconego apostrofu
  • Kod C# jest wrażliwy na wielkość liter
  • Rozszerzenie pliku C# to .cshtml

Przykład w C#

<!-- Blok kodu jednowierszowy -->
@{ var myMessage = "Hello World"; }
<!-- Wyrażenie w linii lub zmienna -->
<p>Wartość zmiennej myMessage wynosi: @myMessage</p> 
<!-- Blok kodu wielo-wierszowy -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Dziś jest: " + weekDay;
}
<p>Witamy: @greetingMessage</p>

Uruchom przykład

Główne zasady składni Razor w VB

  • Bloki kodu Razor otoczone są @Code ... End
  • Wyrażenia w linii (zmienne i funkcje) zaczynają się od @
  • Zmienne deklarowane są za pomocą kluczowego słowa Dim
  • Ciągi znaków otacza się znakami odwróconego apostrofu
  • Kod C# jest nieczuły na wielkość liter
  • Rozszerzenie pliku C# to .vbhtml

Przykład

<!-- Blok kodu jednowierszowy -->
@Code dim myMessage = "Hello World" End Code
<!-- Wyrażenie w linii lub zmienna -->
<p>Wartość myMessage to: @myMessage</p> 
<!-- Blok kodu wielo-wierszowy -->
@Code
dim greeting = "Witaj na naszej stronie!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Dziś jest: " & weekDay
Koniec kodu 
<p>Wiadomość powitalna to: @greetingMessage</p>

Uruchom przykład

Więcej informacji o C# i Visual Basic

Jeśli chcesz dowiedzieć się więcej o Razor oraz językach programowania C# i Visual Basic, odwiedź Część Razor.