มีดโกนหน้าเว็บ ASP.NET

ผู้เขียน：Eve Cole เวลาอัปเดต：2024-12-31 19:48:01

ในเนื้อหาต่อไปนี้คุณจะได้เรียนรู้อะไรบ้าง

มีดโกน? ฉันจะเพิ่มรหัสมีดโกนได้อย่างไร กฎไวยากรณ์ระหว่าง RazorC# และ VB คืออะไร

ในบทช่วยสอนนี้ เราจะใช้มาร์กอัป Razor ในโค้ด C# และ Visual Basic

มีดโกนคืออะไร?

Razor คือไวยากรณ์มาร์กอัปสำหรับการเพิ่มโค้ดบนเซิร์ฟเวอร์ลงในหน้าเว็บ

Razor มีฟังก์ชันการทำงานของมาร์กอัป ASP.NET แบบดั้งเดิม แต่ใช้งานง่ายกว่าและเรียนรู้ง่ายกว่า

Razor เป็นไวยากรณ์มาร์กอัปฝั่งเซิร์ฟเวอร์ คล้ายกับ ASP และ PHP

Razor รองรับภาษาการเขียนโปรแกรม C# และ Visual Basic

เพิ่มรหัสมีดโกน

จำหน้าเว็บจากตัวอย่างในบทที่แล้ว:

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>การสาธิตหน้าเว็บ</title> </head> <body> <h1>สวัสดีเว็บเพจ </h1> </body> </html>

ตอนนี้เพิ่มโค้ด Razor ลงในอินสแตนซ์:

ตัวอย่าง

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>การสาธิตหน้าเว็บ</title> </head> <body> <h1>สวัสดีเว็บเพจ </h1> <p>เวลาคือ @DateTime.Now
 </p> </body> </html>

หน้านี้ประกอบด้วยมาร์กอัป HTML ปกติ นอกเหนือจากการเพิ่มรหัส Razor ที่มีเครื่องหมาย @

รหัสมีดโกนสามารถดำเนินการหลายอย่างบนเซิร์ฟเวอร์แบบเรียลไทม์และแสดงผลลัพธ์ (คุณสามารถระบุตัวเลือกการจัดรูปแบบได้ ไม่เช่นนั้นจะแสดงเฉพาะรายการเริ่มต้นเท่านั้น)

กฎไวยากรณ์ของ Key Razor C#

บล็อกรหัสมีดโกนจะอยู่ใน @{ ... }

นิพจน์อินไลน์ (ตัวแปรและฟังก์ชัน) เริ่มต้นด้วย @

สิ้นสุดคำสั่งโค้ดด้วยเครื่องหมายอัฒภาค

ตัวแปรถูกประกาศโดยใช้คีย์เวิร์ด var

สตริงที่อยู่ในเครื่องหมายคำพูด

รหัส C# คำนึงถึงขนาดตัวพิมพ์

นามสกุลไฟล์ C# คือ .cshtml

ตัวอย่างภาษา C#

 <!-- บล็อกคำสั่งเดี่ยว --> @{ var myMessage = "Hello World"; }
 <!-- นิพจน์หรือตัวแปรอินไลน์ --> <p>ค่าของ myMessage คือ: @myMessage
 </p> <!-- บล็อกหลายคำสั่ง --> @{var Greeting = "ยินดีต้อนรับสู่เว็บไซต์ของเรา!";var weekDay = DateTime.Now.DayOfWeek;var GreetingMessage = คำทักทาย + " วันนี้คือ: " + weekDay; }
 <p>คำทักทายคือ: @greetingMessage
 </p>

กฎไวยากรณ์ของ Key Razor VB

บล็อกรหัสมีดโกนจะอยู่ใน @Code ... End Code

นิพจน์อินไลน์ (ตัวแปรและฟังก์ชัน) เริ่มต้นด้วย @

ตัวแปรถูกประกาศโดยใช้คีย์เวิร์ด Dim

สตริงที่อยู่ในเครื่องหมายคำพูด

รหัส VB ไม่คำนึงถึงขนาดตัวพิมพ์

นามสกุลของไฟล์ VB คือ .vbhtml

ตัวอย่าง

 <!-- บล็อกคำสั่งเดี่ยว --> @Code dim myMessage = โค้ดสิ้นสุด "Hello World"
 <!-- นิพจน์หรือตัวแปรอินไลน์ --> <p>ค่าของ myMessage คือ: @myMessage
 </p> <!-- บล็อกหลายคำสั่ง --> @Codedim ทักทาย = "ยินดีต้อนรับสู่เว็บไซต์ของเรา!" dim weekDay = DateTime.Now.DayOfWeek dim GreetingMessage = คำทักทาย & " วันนี้คือ: " & weekDayEnd Code
 <p>คำทักทายคือ: @greetingMessage
 </p>