ASP.NET Razor - Kebangsaan Kod C# dan VB

Razor mendukung keduanya C# (C sharp) dan VB (Visual Basic).

Aturan sintaks utama Razor untuk C#

  • Kode Razor diselubungi dalam @{ ... }
  • Ekspresi dalam baris (variabel dan fungsi) dimulai dengan @
  • Kalimat kode diakhiri dengan tanda titik koma
  • String diselubungi tanda kutip
  • Kode C# sensitif terhadap besaran huruf
  • Ekstensi berkas C# adalah .cshtml

Contoh C#

<!-- Blok kalimat kode tunggal -->
@{ var myMessage =	"Hello World"; }
<!-- Ekspresi dalam baris atau variabel -->
<p>Nilai myMessage adalah: @myMessage</p> 
<!-- Blok kalimat berbaris kode -->
@{
var greeting = "Selamat datang ke situs kami!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Di Huston ini adalah: " + weekDay;
}
<p>Penghormatan adalah: @greetingMessage</p>

运行实例

Aturan sintaks utama Razor untuk VB

  • Kode Razor diselubungi dengan @Code ... End Code
  • Ekspresi dalam baris (variabel dan fungsi) dimulai dengan @
  • Deklarasikan variabel dengan kata kunci Dim
  • String diselubungi tanda kutip
  • VB tak sensitif terhadap besaran huruf
  • Ekstensi berkas VB adalah .vbhtml

实例

<!-- Blok kalimat kode tunggal -->
@Code dim myMessage = "Hello World" End Code
<!-- Ekspresi dalam baris atau variabel -->
<p>Nilai myMessage adalah: @myMessage</p> 
<!-- Blok kalimat berbaris kode -->
@Code
dim greeting = "Selamat datang ke situs kami!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Di Huston ini adalah: " & weekDay
Akhir Kode 
<p>Penghormatan adalah: @greetingMessage</p>

运行实例

Bagaimana cara kerjanya?

Razor adalah sintaks pemrograman yang sederhana, digunakan untuk menggabungkan kode sisi server di halaman web.

Razor 语法 berdasarkan kerangka kerja ASP.NET, yang adalah bagian khusus dari kerangka kerja .NET Microsoft yang dirancang khusus untuk pengembangan aplikasi web.

Razor 语法 memberikan keupayaan semua ASP.NET, tetapi menggunakan sintaks yang disederhanakan, jadi jika anda pemula, akan lebih mudah untuk belajar, dan jika anda ahli, akan lebih memudahkan pengembangan produktivitas.

Halaman web Razor dapat dijelaskan sebagai halaman HTML dengan dua jenis konten: konten HTML dan kode Razor.

Ketika server membaca halaman seperti ini, sebelum mengirim halaman HTML ke browser, Razor code akan dijalankan terlebih dahulu. Kode yang dijalankan di server dapat menyelesaikan tugas yang tidak dapat diselesaikan di browser, seperti mengakses database server. Kode server dapat membuat konten HTML dinamis sebelum halaman dikirim ke browser. Dari perspektif browser, HTML yang dihasilkan oleh kode server tidak berbeda dengan konten HTML statis.

Halaman web ASP.NET yang menggunakan sintaks Razor memiliki ekstensi berkas khusus cshtml (menggunakan sintaks Razor C#) atau vbhtml (menggunakan sintaks Razor VB).

Berinteraksi dengan objek

Kode server sering kali melibatkan objek.

Objek "Date" adalah objek bawaan ASP.NET, tetapi dapat diatur sendiri objek, halaman web, kotak teks, berkas, atau rekaman database, dll.

Objek dapat memiliki method yang dapat dieksekusi. Rekaman database dapat menyediakan method "simpan", objek gambar dapat memiliki method "putar", objek email dapat menyediakan method "kirim", dan seterusnya.

Objek juga dapat memiliki properti yang mendeskripsikan sifatnya. Rekaman database dapat memiliki properti FirstName dan LastName.

Objek Date ASP.NET memiliki properti Now (disebut Date.Now), properti Now memiliki properti Day (disebut Date.Now.Day). Contoh di bawah ini menunjukkan bagaimana mengakses properti beberapa objek Date:

实例

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

运行实例

Kondisi If dan Else

Karakteristik penting halaman web dinamik adalah untuk menentukan tindakan yang akan dilakukan berdasarkan kondisi.

Penggunaan cara biasa untuk mencapai ini adalah dengan menggunakan pernyataan if ... else:

实例

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

运行实例

读取用户输入

动态网页的另一个重要特性是读取用户的输入。

由 Request[] 函数读取输入，并由 IsPost 条件进行测试：

实例

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

运行实例