Latest web development tutorials

ASP.NET Razor sintaks

Razor juga mendukung C # (C tajam) dan VB (Visual Basic).

Razor C aturan # sintaks utama

  • blok kode Razor termasuk dalam @ the {...}
  • Inline ekspresi (variabel dan fungsi) memulai dengan!
  • Laporan kode diakhiri dengan titik koma
  • Variabel dideklarasikan menggunakan kata kunci var
  • String dalam tanda kutip
  • C # kode adalah kasus sensitif
  • ekstensi C # file .cshtml

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

Menjalankan contoh »

Aturan utama Razor VB sintaks

  • blok kode Razor berisi @Code ... End Kode di
  • Inline ekspresi (variabel dan fungsi) memulai dengan!
  • Variabel dideklarasikan menggunakan Dim kata kunci
  • String dalam tanda kutip
  • kode VB tidak case-sensitive
  • ekstensi file VB adalah .vbhtml

contoh

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

Menjalankan contoh »

Bagaimana cara kerjanya?

Razor adalah kode server tertanam di halaman Web sintaks pemrograman sederhana.

sintaks Razor didasarkan pada kerangka ASP.NET untuk menciptakan aplikasi Web khusus bagian dari kerangka Microsoft.NET.

sintaks Razor mendukung semua fitur dari ASP.NET, tetapi menggunakan sintaks yang disederhanakan lebih mudah untuk belajar bagi pemula, ahli dalam hal yang lebih efisien.

halaman web Razor HTML dapat digambarkan dengan dua jenis konten berikut: konten HTML dan kode Razor.

Ketika server membaca halaman, pertama kali menjalankan kode Razor, dan kemudian mengirim halaman HTML ke browser. Kode dijalankan di server dapat menjalankan beberapa browser tidak bisa menyelesaikan tugas, misalnya, untuk mengakses database server. Kode server dapat membuat konten HTML dinamis, dan kemudian dikirim ke browser. Dari sudut tampilan browser, kode HTML server yang dihasilkan tidak berbeda dari konten HTML statis.

halaman ASP.NET dengan sintaks Razor memiliki ekstensi file khusus cshtml (Razor C #) atau vbhtml (Razor VB).

menggunakan benda-benda

Server coding sering melibatkan benda-benda.

"Tanggal" objek adalah khas built-in objek ASP.NET, tetapi benda-benda juga dapat disesuaikan, halaman web, kotak teks, file, catatan database, dan sebagainya.

Objek memiliki metode untuk eksekusi. Sebuah catatan database mungkin memiliki metode "bintang", sebuah objek gambar mungkin memiliki metode "Rotate", sebuah objek e-mail mungkin memiliki metode "Kirim", dan sebagainya.
Objek memiliki atribut yang digunakan untuk menggambarkan karakteristik mereka sendiri. Sebuah catatan database mungkin memiliki FirstName dan LastName atribut.

Sekarang ASP.NET Tanggal objek memiliki properti (ditulis Date.Now), sekarang ada atribut properti Day (ditulis Date.Now.Day). Contoh berikut menunjukkan bagaimana untuk mengakses data objek beberapa atribut:

contoh

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

Menjalankan contoh »

Jika dan Kondisi Lain

Sebuah fitur penting dari halaman web dinamis adalah bahwa Anda dapat memutuskan apa yang harus dilakukan berdasarkan kondisi.

cara yang umum untuk melakukan ini adalah dengan menggunakan jika ... pernyataan lain:

contoh

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

Menjalankan contoh »

Membaca masukan pengguna

Fitur penting lainnya dari halaman dinamis, Anda dapat membaca input pengguna.

Masuk melalui Request [] fungsi untuk membaca dan mengirimkan data input melalui IsPost menentukan kondisi:

contoh

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

Menjalankan contoh »