Razor obsługuje zarówno C # (C sharp) i VB (Visual Basic) .
Główne Razor składni Reguły dla C #
- Razor bloki kodu są zamknięte w @ {...}
- Wyrażenia inline (variables and functions) zacząć @
- Oświadczenia kod kończy się średnikiem
- Zmienne są zadeklarowane za pomocą słowa kluczowego var
- Struny są zamknięte w cudzysłowie
- Kod C # jest wielkość liter
- C # Pliki mają rozszerzenie .cshtml
C # Przykład
<!-- 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>
Uruchomić przykład » Głównym Razor Zasady składni dla VB
- Razor bloki kodu są zamknięte w @Code ... Kod End
- Wyrażenia inline (variables and functions) zacząć @
- Zmienne są deklarowane z dim hasła
- Struny są zamknięte w cudzysłowie
- kod VB nie jest rozróżniana
- VB pliki mają rozszerzenie .vbhtml
Przykład
<!-- 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> Uruchomić przykład » Jak to działa?
Razor jest proste programowanie składnia do osadzania kodu serwera na stronach internetowych.
Razor składnia bazuje na ramach ASP.NET, część Microsoft.NET Framework, który jest specjalnie zaprojektowany do tworzenia aplikacji internetowych.
Razor składnia daje całą moc ASP.NET, ale korzysta z uproszczonej składni, który jest łatwiejszy do opanowania, jeśli jesteś początkujący, i sprawia, że bardziej wydajne jeśli jesteś ekspertem.
Razor stron internetowych może być opisana jako strony HTML z dwóch rodzajów treści: treść HTML i Razor kodowych.
Gdy serwer czyta strony, to uruchamia Razor kod najpierw, zanim wyśle stronę HTML do przeglądarki. Kod, który jest wykonywany na serwerze mogą wykonywać zadania, które nie mogą być wykonane w przeglądarce, na przykład dostępu do bazy danych serwera. Kod serwer może tworzyć dynamiczne treści HTML w locie, przed wysłaniem do przeglądarki. Widziane z przeglądarki HTML generowany przez kodu serwera nie jest inaczej niż statyczny HTML.
ASP.NET stron internetowych z Razor składni mają specjalne rozszerzenie pliku cshtml ( Razor using C#) lub vbhtml ( Razor using VB) .
Praca z obiektami
kodowanie serwera często wiąże się obiektów.
"DateTime" obiekt jest typowym wbudowaną obiektu ASP.NET, ale obiekty mogą być również własny zdefiniowany, strona internetowa, pole tekstowe, plik, rekord bazy danych, itd.
Obiekty mogą posiadać metody mogą wykonywać. Rekord bazy danych może mieć "Save" metody, obiekt obraz może mieć "Rotate" metody, obiekt e-mail może mieć "Send" metody, i tak dalej.
Przedmioty mają również właściwości, które opisują swoje cechy. Rekord bazy danych może mieć Imię i Nazwisko nieruchomości (amongst others) .
Przedmiotem ASP.NET DateTime ma teraz własność (written as DateTime.Now) , a właściwość Teraz ma właściwość Day (written as DateTime.Now.Day) . Poniższy przykład pokazuje, w jaki sposób uzyskać dostęp do niektórych właściwości obiektu DateTime:
Przykład
<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> Uruchomić przykład » Jeśli warunki i Else
Ważną cechą dynamicznych stron internetowych jest to, że można określić, co robić w oparciu o warunki.
Wspólna droga do tego jest z if ... else:
Przykład
@{
var txt = "";
if(DateTime.Now.Hour > 12)
{txt = "Good Evening";}
else
{txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt </p>
</body>
</html>
Uruchomić przykład » Czytając wejściowe użytkownika
Inną ważną cechą dynamicznych stron internetowych jest to, że można czytać dane wprowadzone przez użytkownika.
Wejście jest odczytywany przez Request [] funkcji, a wpis (input) jest testowany przez warunek IsPost:
Przykład
@{
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> Uruchomić przykład »