ASP.NET Halaman Web - Tambahkan kode Razor

Pada tutorial ini, kita akan menggunakan rancangan Razor dengan kode C# dan Visual Basic

Apa itu Razor?

  • Razor adalah rancangan untuk menambahkan kode berbasis server ke halaman web
  • Razor memiliki kemampuan rancangan tradisional ASP.NET, tetapi lebih mudah untuk dipelajari dan digunakan
  • Razor adalah rancangan yang mirip dengan ASP dan PHP untuk sisi server
  • 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 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 saat ini adalah @DateTime.Now</p>
</body>
</html>

运行实例

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

Tugas utama kode Razor adalah mengukur waktu saat ini di server, dan menampilkannya. (Anda dapat menentukan opsi format, atau hanya menampilkan format default)

Aturan rancangan utama Razor C#

  • Blok kode Razor diselengkapkan dengan @{ ... }
  • 行内表达式（变量和函数）以 @ 开始
  • Kalimat kode diakhiri dengan tanda titik koma
  • Variabel di.deklarasikan dengan kata kunci var
  • 字符串用引用来包围
  • Kode C# sensitif terhadap besarnya huruf
  • 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 部分。