Tìm hiếu kết cấu và sử dụng các Layout vào trang Razor Page với ASP.NET vi xử lý core C#, thực hiện ViewStartcshtml auto chèn vào các Razor Page cùng Layout lồng nhau


Bạn đang xem: Cách dùng css trong asp.net

Trong phần này mày mò về tổ chức triển khai tạo bố cục chung cho các trang Razor Page vào ASP.NET Core. Trong ứng dụng Web thường xuyên là có tương đối nhiều trang, mà những trang này hoàn toàn có thể có hồ hết thành phần tương tự nhau bên trên trang, như như là nhau phần header, footer, menu điều hướng ... Vì chưng vậy, nhằm tránh từng trang lại phải tạo những thành phần này lại cho trang đó thì cần phải có cơ chế tạo một bố cục tổng quan chung, các trang chia sẻ cùng bố cục. Đó là Layout vào ASP.NET Core.

Hay nhanh lẹ tạo ra một dự án ASP.NET chip core Razor Pages nhằm thực hảnh, chế tạo ra thư mục razor02.layout, vào và gõ lệnh

dotnet new webapp chú ý vào kết cấu thư mục sắp xếp các file .cshtml (Razor Page) trong folder Pages, thấy có những file mà lại tên bước đầu bằng _ đó là các file được phối hợp để tạo thành layout (bố cục) của những trang. Các file kia như:

_ViewStart.cshtml _ViewImports.cshtml Shared/_Layout.cshtml Shared/_ValidationScriptsPartial.cshtml

Ví trí các file này buộc phải thực hành sắp xếp các tệp tin này như vậy, kể cả khi thay đổi thư mục nơi bắt đầu chứa các Razor Page ( Đổi thư mục Razor Page )


*

Trang bố cục tổng quan chính _Layout.cshtml

File Shared/_Layout.cshtml là bố cục tổng quan chính (master) sử dụng bởi những trang. Mở tệp tin này ra nó có cấu trúc như sau:

Lúc này các trang Razor Page làm sao chỉ định áp dụng Layout này thì văn bản của vị Razor Page đó hiện ra được chèn vào ví trí:


RenderBody() hình như nó cũng chèn section mang tên Script, ví như trang Razor sử dụng layout bao gồm định nghĩa Section này (Xem chỉ thị

Xem thêm: Danh Sách Các Trường Đại Học Ở Thái Bình, Trường Đại Học Thái Bình

RenderSection("Scripts", required: false) tài liệu truyền từ bỏ Razor Page sang trọng Layout hoàn toàn có thể sử dụng đối tượng người sử dụng lớp ViewDataDictionary có tên ViewData, trường hòa hợp trên là lấy tiêu đề chèn vào layout sống dòng


ViewData<"Title"> - razor02.layout

Cấu hình Razor Page áp dụng _Layout.cshtml

lúc đã có file layout chính Shared/_layout.cshtml làm sao để một Razor Page biết là rất cần được sử dụng Layout này? Đơn giản, trên Razor Page tùy chỉnh thiết lập cho nó thuộc tính Layout bằng tên layout mong mỏi sử dụng (tên không cần .cshtml), ví dụ:


Layout = "_Layout"; nếu như khách hàng có một layout khác, lấy một ví dụ Shared/Theme/MyTheme/_MyLayout.cshtml (nhớ layout phải có dòng
Layout = "Theme/MyTheme/_MyLayout";Nếu ý muốn hủy áp dụng layout của một trang Razor thì gán Layout = null; ở kết cấu trên

File _ViewStart.cshtml

Trong kết cấu thư mục Razor Page thấy gồm file _ViewStart.cshtml,nếu tất cả file này thì ASP.NET core Razor thông số kỹ thuật được tự động chèn văn bản viết trong nó vào các file Razor Page.

Ví dụ, thay vị mỗi trang Razor cần thiết lập layout sử dụng là _Layout.cshtml thì các bạn viết thông số kỹ thuật này trong file _ViewStart.cshtml


Layout = "_Layout"; Từ trên đây trở đi, những Razor Page được auto chèn ngôn từ trên mỗi lúc nó được gọi.

Layout lồng nhau

Bạn hoàn toàn có thể tạo layout nhỏ nằm trong layout khác, hãy thực hành một trường hòa hợp như sau:

Tạo ra một Layout hotline đặt thương hiệu là MaterLayout trong folder /Shared/Product/_MaterLayout.cshtml tất cả nội dúng