Halaman Web ASP.NET - Menambahkan Kode Razor
Halaman Web ASP.NET menggunakan markup Razor dengan kode C# atau VB
Markup Pisau Cukur
Razor adalah sintaks markup sederhana untuk menyematkan kode server (C# atau VB) ke halaman web ASP.NET.
Contoh
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
<p>The time is @DateTime.Now</p>
</body>
</html>
Halaman di atas berisi markup HTML biasa dan markup Razor.
Sintaks Razor untuk C#
- Blok kode C# diapit @{ ... }
- Ekspresi sebaris (variabel atau fungsi) dimulai dengan @
- Pernyataan kode diakhiri dengan titik koma
- Variabel dideklarasikan dengan kata kunci var, atau tipe data (int, string, dll.)
- String diapit dengan tanda kutip
- Kode C# peka huruf besar-kecil
- File C# memiliki ekstensi .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 + " Today is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
Sintaks Razor untuk VB
- Blok kode VB terlampir dalam @Code ... End Code
- Ekspresi sebaris (variabel atau fungsi) dimulai dengan @
- Variabel dideklarasikan dengan kata kunci Dim
- String diapit dengan tanda kutip
- Kode VB tidak peka huruf besar-kecil
- File VB memiliki ekstensi .vbhtml
Contoh VB
<!-- 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 & " Today is: " & weekDay
End Code
<p>The greeting is: @greetingMessage</p>
Lebih Lanjut Tentang C# dan Visual Basic
Jika Anda ingin mempelajari lebih lanjut tentang Razor, dan bahasa pemrograman C# dan Visual Basic:
Pergi ke bagian Razor dari tutorial ini.