Latest web development tutorials

ASP.NET składni Razor

Razor obsługuje również C # (C sharp) i VB (Visual Basic).

Główne zasady składni Razor C #

  • bloki kodu Razor zawarte w @ {...}
  • Inline wyrażenia (zmienne i funkcje) rozpoczynają się!
  • Sprawozdanie Code kończyć się średnikiem
  • Zmienne zadeklarowane za pomocą słowa kluczowego var
  • Ciąg w cudzysłowach
  • C # Kod jest wielkość liter
  • rozszerzenie C # plik jest .cshtml

Przykłady C #

<!-- 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>

Uruchomienie instancji »

Główne zasady składni Razor VB

  • Kod bloki Razor zawierają @Code ... Kod End w
  • Inline wyrażenia (zmienne i funkcje) rozpoczynają się!
  • Zmienne zadeklarowane za pomocą słowa kluczowego Dim
  • Ciąg w cudzysłowach
  • Kod VB nie jest rozróżniana
  • Rozszerzenie pliku VB .vbhtml

Przykłady

<!-- 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>

Uruchomienie instancji »

Jak to działa?

Razor jest wbudowany serwer kodu na stronach WWW prosta składnia programowania.

składni Razor opiera się na ramach ASP.NET do tworzenia aplikacji internetowych specjalnie częścią Microsoft.NET ramach.

składni Razor obsługuje wszystkie funkcje ASP.NET, ale stosując uproszczoną składnię jest łatwiejszy do opanowania dla początkujących, eksperci w zakresie bardziej wydajne.

stron internetowych Razor HTML mogą być opisane w dwóch następujących typów treści: Zawartość kod HTML i żyletka.

Gdy serwer czyta stronę, najpierw uruchamia kod Razor, a następnie wysłać stronę HTML do przeglądarki. Kod jest wykonywany na serwerze może wykonywać niektóre przeglądarki nie może wykonać zadanie, na przykład w celu uzyskania dostępu do serwera bazy danych. Kod serwera mogą tworzyć dynamiczne treści HTML, a następnie przesyłane do przeglądarki. Z punktu widzenia przeglądarki, serwer generowane Kod HTML nie różni się od statyczny HTML.

Strony ASP.NET składni Razor mają specjalną cshtml rozszerzenie pliku (Razor C #) lub vbhtml (Razor VB).

Korzystanie z obiektów

Kodowanie Server często wiąże się obiektów.

"Data" obiekt jest typowym wbudowanych obiektów ASP.NET, ale obiekty mogą być również dostosowane, stronę internetową, pole tekstowe, plik, rekord bazy danych, i tak dalej.

Obiekt posiada metody wykonania. Rekord bazy danych może mieć "Zapisz" metody, obiekt obraz może mieć "Rotate" metody, obiekt e-mail może mieć "Wyślij" metody, i tak dalej.
Obiekty mają atrybuty używane do opisania swoje własne cechy. Rekord bazy danych może mieć Imię i Nazwisko atrybutów.

Teraz ASP.NET Data obiekt ma własność (pisemne Date.Now), teraz jest atrybutem nieruchomość Day (napisany Date.Now.Day). Poniższy przykład pokazuje, jak uzyskać dostęp do danych obiektu pewne atrybuty:

Przykłady

<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>

Uruchomienie instancji »

Jeżeli i Else Stan

Ważną cechą dynamicznych stron internetowych jest to, że można zdecydować, co zrobić w oparciu o warunki.

Popularnym sposobem na to jest użycie if ... else oświadczenie:

Przykłady

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

Uruchomienie instancji »

Czytaj wejściowe użytkownika

Inną ważną cechą dynamicznych stron, można odczytać dane wprowadzone przez użytkownika.

Wchodźcie przez [] funkcja żądania czytać i przesyłania danych jest wprowadzany za pośrednictwem IsPost określić warunki:

Przykłady

@{
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>

Uruchomienie instancji »