ASP.NET Web Pages - Thêm mã Razor

Trong hướng dẫn này, chúng ta sẽ sử dụng dấu hiệu Razor bằng mã C# và Visual Basic

Razor là gì?

  • Razor là một ngôn ngữ đánh dấu để thêm mã dựa trên máy chủ vào trang web
  • Razor có khả năng đánh dấu truyền thống của ASP.NET, nhưng dễ học và dễ sử dụng hơn
  • Razor là một ngôn ngữ đánh dấu trên máy chủ tương tự như ASP và PHP
  • Razor hỗ trợ ngôn ngữ lập trình C# và Visual Basic

Thêm mã Razor

Bạn còn nhớ trang của chương trước không?

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

Hiện nay thêm một số mã Razor vào ví dụ này:

Mô hình

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>Thời gian hiện tại là @DateTime.Now</p>
</body>
</html>

Chạy mô hình

Trang này chứa các thẻ HTML thông thường, ngoài ra còn chứa: mã Razor được đánh dấu bởi @.

Tất cả công việc của mã Razor là kiểm tra thời gian hiện tại trên máy chủ và hiển thị ra. (Bạn có thể chỉ định tùy chọn định dạng hoặc chỉ hiển thị theo định dạng mặc định)

Các quy tắc ngữ pháp chính của Razor trong C#

  • Khối mã Razor được bao bọc bởi @{ ... }
  • Biểu thức trong dòng (biến và hàm) bắt đầu bằng @
  • Câu mã kết thúc bằng dấu chấm phẩy
  • Biến được khai báo bằng từ khóa var
  • Chuỗi được bao bọc bởi dấu ngoặc kép
  • Mã C# nhạy cảm với chữ hoa và chữ thường
  • Tên mở rộng tệp C# là .cshtml

Mô hình C#

<!-- Khối mã đơn dòng -->
@{ var myMessage = "Hello World"; }
<!-- Biểu thức hoặc biến trong dòng -->
<p>Giá trị của myMessage là: @myMessage</p> 
<!-- Khối mã đa dòng -->
@{}}
var greeting = "Chào mừng đến với trang của chúng tôi!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>Chào mừng là: @greetingMessage</p>

Chạy mô hình

Các quy tắc ngữ pháp chính của Razor trong VB

  • Khối mã Razor được bao bọc bởi @Code ... End
  • Biểu thức trong dòng (biến và hàm) bắt đầu bằng @
  • Biến được khai báo bằng từ khóa Dim
  • Chuỗi được bao bọc bởi dấu ngoặc kép
  • Mã C# không phân biệt chữ hoa chữ thường
  • Tên mở rộng tệp C# là .vbhtml

Mô hình

<!-- Khối mã đơn dòng -->
@Code dim myMessage = "Hello World" End Code
<!-- Biểu thức hoặc biến trong dòng -->
<p>Giá trị của myMessage là: @myMessage</p> 
<!-- Khối mã đa dòng -->
@Code
dim greeting = "Chào mừng đến với trang của chúng tôi!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
Kết thúc mã 
<p>Chào mừng là: @greetingMessage</p>

Chạy mô hình

Thông tin thêm về C# và Visual Basic

Nếu bạn muốn học thêm về Razor và ngôn ngữ lập trình C# và Visual Basic, hãy truy cập Phần Razor。