ASP.NET Web Pages - เพิ่มรหัส Razor

ในบทความนี้ เราจะใช้รหัส Razor ด้วยรหัส C# และ Visual Basic

อะไรคือ Razor?

  • Razor คือรหัสที่ใช้เพื่อเพิ่มรหัสบนเว็บที่ใช้รหัสเบื้องหลังบนเซิร์ฟเวอร์
  • Razor มีความสามารถของ ASP.NET แมร์คอป แต่งานได้ง่ายและง่ายในการใช้
  • Razor คือรหัสที่ใช้เพื่อเพิ่มรหัสบนเซิร์ฟเวอร์ที่คล้ายกับ ASP และ PHP
  • Razor สนับสนุนภาษาแพร่ระบาด C# และ Visual Basic

เพิ่มรหัส Razor

คุณจำหน้าเว็บที่กล่าวถึงในบทที่แล้วไหม:

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

เพิ่มรหัส Razor ลงในตัวอย่างนี้:

ตัวอย่าง

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>เวลาของคุณคือ @DateTime.Now</p>
</body>
</html>

ปฏิบัติตัวอย่าง

เว็บหน้านี้มีการใช้ตากฟอร์มตามปกตินอกจากนี้ยังมีรหัส Razor ที่มี @ อยู่

งานหลักของรหัส Razor คือตรวจสอบเวลาปัจจุบันบนเซิร์ฟเวอร์และแสดงออกมา (คุณสามารถกำหนดตัวเลือกรูปแบบหรือแสดงโดยรูปแบบเริ่มต้น)

กฎการใช้งาน Razor หลักของ C#

  • บล็อครหัส Razor มีลักษณะที่มี @{ ... } ล้อมรอบ
  • รหัสด้านใน (ตัวแปรและฟังก์ชัน) ด้วย @
  • รหัสบทจบด้วยสัญญาณจุดสิ้นสุด
  • ประกาศตัวแปรด้วยคำสั่ง var
  • ตัวอักษรถูกล้อมด้วยอักษรนิ้วทันต์
  • รหัสบท C# มีความไวต่อการเขียนใหญ่หลวง
  • นามสกุลแฟ้มของ C# คือ .cshtml

ตัวอย่าง C#

<!-- บล็อครหัสเดียวบรรทัดเดียว -->
@{ var myMessage = "Hello World"; }
<!-- รหัสด้านในของประโยคหรือตัวแปร -->
<p>ค่าของ myMessage คือ: @myMessage</p> 
<!-- บล็อครหัสมากที่สองบรรทัด -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>ข้อความเตือนคือ: @greetingMessage</p>

ปฏิบัติตัวอย่าง

กฎการใช้งาน Razor หลักของ VB

  • รหัส Razor ด้วย @Code ... End
  • รหัสด้านใน (ตัวแปรและฟังก์ชัน) ด้วย @
  • ตัวแปรถูกประกาศด้วยคำสั่ง Dim
  • ตัวอักษรถูกล้อมด้วยอักษรนิ้วทันต์
  • รหัส C# ไม่มีความแตกต่างกันในเรื่องตัวหลักและตัวย่อ
  • การแบ่งปันของไฟล์ C# คือ .vbhtml

ตัวอย่าง

<!-- บล็อครหัสเดียวบรรทัดเดียว -->
@Code dim myMessage = "Hello World" End Code
<!-- รหัสด้านในของประโยคหรือตัวแปร -->
<p>ค่าของ myMessage คือ: @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。