tutorial pengembangan web terbaru
 

ASP.NET Razor - C # dan VB Kode Syntax


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


Main Razor Aturan sintaks untuk C #

  • Razor blok kode diapit @ {...}
  • Ekspresi inline (variables and functions) mulai dengan @
  • pernyataan kode diakhiri dengan titik koma
  • Variabel dideklarasikan dengan kata kunci var
  • String diapit dengan tanda kutip
  • C # kode adalah kasus sensitif
  • C # file memiliki ekstensi .cshtml

C # Contoh

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

Main Razor Aturan sintaks untuk VB

  • Razor blok kode diapit @Code ... Kode End
  • Ekspresi inline (variables and functions) mulai dengan @
  • Variabel dideklarasikan dengan kata kunci Dim
  • String diapit dengan tanda kutip
  • kode VB tidak peka
  • file VB memiliki ekstensi .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 sintaks pemrograman sederhana untuk embedding kode server di halaman web.

Razor sintaks didasarkan pada kerangka ASP.NET, bagian dari Framework Microsoft.NET yang khusus dirancang untuk membuat aplikasi web.

The Razor sintaks memberikan Anda semua kekuatan ASP.NET, tetapi menggunakan sintaks sederhana yang mudah untuk belajar jika Anda seorang pemula, dan membuat Anda lebih produktif jika Anda seorang ahli.

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

Ketika server membaca halaman, ia menjalankan Razor kode pertama, sebelum mengirimkan halaman HTML ke browser. Kode yang dijalankan di server dapat melakukan tugas-tugas yang tidak dapat dilakukan dalam browser, misalnya mengakses server database. kode server dapat membuat konten HTML dinamis dengan cepat, sebelum dikirim ke browser. Dilihat dari browser, HTML yang dihasilkan oleh kode server tidak berbeda dari konten HTML statis.

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


Bekerja Dengan Objek

Server coding sering melibatkan benda-benda.

The "DateTime" objek adalah khas built-in ASP.NET objek, tetapi objek juga dapat self-didefinisikan, halaman web, kotak teks, file, catatan database, dll

Objek mungkin memiliki metode mereka dapat melakukan. Sebuah catatan database mungkin memiliki "Save" metode, obyek gambar mungkin memiliki "Rotate" metode, obyek email mungkin memiliki "Send" metode, dan sebagainya.

Objek juga memiliki sifat yang menggambarkan karakteristik mereka. Sebuah catatan database mungkin memiliki FirstName dan properti LastName (amongst others) .

The ASP.NET DateTime objek memiliki Sekarang properti (written as DateTime.Now) , dan properti Sekarang memiliki properti Hari (written as DateTime.Now.Day) . Contoh di bawah ini menunjukkan bagaimana untuk mengakses beberapa properti dari objek DateTime:

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

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

Cara yang umum untuk melakukan ini adalah dengan 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 lain yang penting dari halaman web dinamis adalah bahwa Anda dapat membaca input pengguna.

Masukan dibaca oleh Request [] fungsi, dan posting (input) diuji oleh kondisi IsPost:

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 »