Trang web ASP.NET - Thêm mã Razor
Các trang web ASP.NET sử dụng đánh dấu Razor với mã C# hoặc VB
Đánh dấu dao cạo
Razor là một cú pháp đánh dấu đơn giản để nhúng mã máy chủ (C# hoặc VB) vào các trang web ASP.NET.
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
<p>The time is @DateTime.Now </p>
</body>
</html>
Chạy ví dụ »Trang trên chứa cả đánh dấu HTML thông thường và đánh dấu Razor.
Cú pháp dao cạo cho C#
- Các khối mã C# được đặt trong @{ ... }
- Biểu thức nội tuyến (biến hoặc hàm) bắt đầu bằng @
- Câu lệnh mã kết thúc bằng dấu chấm phẩy
- Các biến được khai báo bằng từ khóa var hoặc kiểu dữ liệu (int, string, v.v.)
- Các chuỗi được đặt trong dấu ngoặc kép
- Mã C# phân biệt chữ hoa chữ thường
- Các tệp C# có phần mở rộng .cshtml
Ví dụ về C#
<!-- Single statement block -->
@{ var myMessage = "Hello World"; }
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage </p>
<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>The greeting is: @greetingMessage </p>
Chạy ví dụ » Cú pháp dao cạo cho VB
- Các khối mã VB được đặt trong @Code ... End Code
- Biểu thức nội tuyến (biến hoặc hàm) bắt đầu bằng @
- Các biến được khai báo bằng từ khóa Dim
- Các chuỗi được đặt trong dấu ngoặc kép
- Mã VB không phân biệt chữ hoa chữ thường
- Các tệp VB có phần mở rộng .vbhtml
Ví dụ về VB
<!-- Single statement block -->
@Code dim myMessage = "Hello World" End Code
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage </p>
<!-- Multi-statement block -->
@Code
dim greeting = "Welcome to our site!"
dim weekDay = DateTime.Now.DayOfWeek
dim greetingMessage = greeting & " Today is: " & weekDay
End Code
<p>The greeting is: @greetingMessage </p>
Chạy ví dụ »Thông tin thêm về C# và Visual Basic
Nếu bạn muốn tìm hiểu thêm về Razor cũng như ngôn ngữ lập trình C# và Visual Basic:
Đi tới phần Dao cạo của hướng dẫn này.