ASP.NET Web Pages - Kế hoạch trang

Through Web Pages, it is easy to create websites with a consistent layout.

外观 nhất quán

Trên Internet, bạn sẽ thấy rất nhiều trang web có外观 nhất quán:

  • Mỗi trang có cùng một tiêu đề.
  • Mỗi trang có cùng một chân trang.
  • Mỗi trang có cùng một phong cách và kế hoạch.

Through Web Pages, you can efficiently implement these. You can get reusable code blocks (content blocks), such as headers and footers, in separate files.

Bạn cũng có thể định nghĩa một kế hoạch layout nhất quán cho tất cả các trang bằng cách sử dụng mẫu layout (tệp layout).

Khối nội dung

Nhiều trang web có nội dung cần hiển thị trên mỗi trang (ví dụ: tiêu đề và chân trang).

Through Web Pages, you can use @RenderPage() Phương pháp nhập nội dung từ các tệp khác.

Khối nội dung (đến từ tệp khác) có thể được chèn vào bất kỳ vị trí nào trong trang web và có thể chứa văn bản, thẻ và mã, như bất kỳ trang web thông thường nào.

Việc sử dụng tiêu đề và chân trang chung sẽ tiết kiệm rất nhiều công việc. Bạn không cần phải viết nội dung tương tự trên mỗi trang và khi bạn thay đổi tệp tiêu đề hoặc chân trang, nội dung sẽ được cập nhật trên tất cả các trang.

Trong mã thì như thế này:

Ví dụ

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Trang Web</h1> 
<p>Đây là một đoạn văn bản</p>
@RenderPage("footer.cshtml")
</body>
</html>

Chạy ví dụ

Sử dụng trang lập kế hoạch

Trong nội dung trước đó, bạn đã thấy việc trích dẫn nội dung tương tự trong nhiều trang web rất đơn giản.

Một cách khác để tạo外观 nhất quán là sử dụng trang lập kế hoạch. Trang lập kế hoạch chứa cấu trúc trang web,而不是 nội dung. Khi trang web (trang nội dung) liên kết đến trang lập kế hoạch, nó sẽ hiển thị theo trang lập kế hoạch (mẫu).

Trang lập kế hoạch tương tự như trang web thông thường, nhưng nó sẽ gọi @RenderBody() phương pháp.

Mỗi trang nội dung phải bắt đầu bằng Hướng dẫn Layoutđầu tiên.

Trong mã thì như thế này:

Lập kế hoạch trang web:

<html>
<body>
<p>Đây là văn bản.</p>
@RenderBody()
<p>© 2012 CodeW3C.com. All rights reserved.</p>
</body>
</html>

Trang web nào đó:

@{Layout="Layout.cshtml";}
<h1>Chào mừng bạn đến với CodeW3C.com</h1>
<p>
Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản.
Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản.
Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản. Đây là văn bản.
</p>

Chạy ví dụ

Đừng lặp lại chính mình

Thông qua hai công cụ ASP.NET là khối nội dung và trang bố cục, bạn có thể thiết lập外观 nhất quán cho ứng dụng web của mình.

Những công cụ này sẽ giúp bạn tiết kiệm rất nhiều công việc, vì bạn không cần phải lặp lại thông tin tương tự trên tất cả các trang. Tập trung các thẻ, phong cách và mã lại, giúp ứng dụng web dễ dàng quản lý và bảo trì hơn.

Ngăn cản rò rỉ mã

Trong ASP.NET, các tệp bắt đầu bằng dấu gạch dưới không thể duyệt qua web.

Nếu bạn muốn cấm người dùng xem khối nội dung hoặc tệp bố cục, hãy đổi tên tệp lại:

  • _header.cshtm
  • _footer.cshtml
  • _Layout.cshtml

Ẩn thông tin nhạy cảm

Trong ASP.NET, cách phổ biến để ẩn thông tin nhạy cảm (mật khẩu cơ sở dữ liệu, mật khẩu email, v.v.) là lưu trữ thông tin này trong tệp độc lập có tên là "_AppStart".

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "tên-người-dung@example.com";
WebMail.Password = "mật-khẩu-của-bạn";
WebMail.From = "tên-của-bạn-here@example.com";
}