ASP.NET Halaman Web - Tambahkan kode Razor

Dalam tutorial ini, kita akan menggunakan tanda markah Razor dengan kode C# dan Visual Basic

Apa itu Razor?

  • Razor adalah sintaksis untuk menambahkan kode yang berbasis server ke halaman web
  • Razor memiliki kemampuan tanda markah tradisional ASP.NET, tetapi lebih mudah untuk belajar dan digunakan
  • Razor adalah sintaksis yang mirip dengan ASP dan PHP untuk server-side
  • Razor mendukung bahasa pemrograman C# dan Visual Basic

Tambahkan kode Razor

Ingat halaman di bab sebelumnya:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Demo Halaman Web</title>
</head>
<body>
    <h1>Hello Halaman Web</h1>
</body>
</html>

Sekarang tambahkan beberapa kode Razor ke contoh ini:

实例

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Demo Halaman Web</title>
</head>
<body>
     <h1>Hello Halaman Web</h1> 
     <p>Waktu adalah @DateTime.Now</p>
</body>
</html>

运行实例

Halaman ini mengandung tanda markah HTML biasa, selain itu juga mengandung: kode Razor yang di标记 dengan @.

Kerja utama kode Razor adalah untuk mengukur waktu saat ini di server, lalu menampilkannya. (Anda dapat menentukan opsi format, atau hanya menampilkan format standar)

Aturan sintaksis utama Razor C#

  • Blok kode Razor dihalau dengan @{ ... }
  • 行内表达式（变量和函数）以 @ 开始
  • Kalimat kode diakhiri dengan tanda titik koma
  • Variabel diumumkan dengan kata kunci var
  • 字符串用引用来包围
  • Kode C# sensitif terhadap besar kecil
  • Ekstensi berkas C# adalah .cshtml

Contoh C#

<!-- 单行代码块 -->
@{ var myMessage = "Hello World"; }
<!-- 行内表达式或变量 -->
<p>Nilai myMessage adalah: @myMessage</p> 
<!-- 多行代码块 -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>

运行实例

VB 的主要 Razor 语法规则

  • Razor 代码块由 @Code ... End 包围
  • 行内表达式（变量和函数）以 @ 开始
  • 变量通过 Dim 关键词进行声明
  • 字符串用引用来包围
  • C# 代码对大小写不敏感
  • C# 文件的扩展名是 .vbhtml

实例

<!-- 单行代码块 -->
@Code dim myMessage = "Hello World" End Code
<!-- 行内表达式或变量 -->
<p>The value of myMessage is: @myMessage</p> 
<!-- 多行代码块 -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
End Code 
<p>问候语是：@greetingMessage</p>

运行实例

有关 C# 和 Visual Basic 的更多信息

如果希望学习更多有关 Razor 以及 C# 和 Visual Basic 编程语言的更多知识，请访问本教程的 Razor 部分。