Asp.net MVC5
ASP.NET MVC 5 - Bài 3: Sử dụng Layout template dùng chung cho Views
1. Giới thiệu về Layout Page
Trong một website các bạn sẽ thấy một page lúc nào cũng có đủ các thành phần bao gồm: header, footer, body ... Nếu các bạn để ý sẽ thấy phần header và phần footer của các page thuộc cùng website đều giống nhau.
Tuy nhiên theo cách thiết kế thông thường, cứ mỗi khi tạo ra một page mới chúng ta phải tạo lại phần header, footer. Mà 2 phần này thì nội dung giống nhau ở tất cả các page, do đó sẽ làm mất rất nhiều thời gian cho người thiết kế.
Vì vậy để giải quyết tình trạng trên ASP.Net MVC đã cho ra đời 1 khái niệm là Layout Page, với việc sử dụng Layout Page chúng ta chỉ cần tạo nội dung cho header và footer một lần, nếu một page bất kì muốn sử dụng thì chỉ cần thừa kế từ Layout Page chứa header và footer.
2. Tạo Layout page
- Thêm thư mục chưa layout
- Thêm layout vào thư mục vừa tạo
3. Các thành phần nhận dữ liệu của Layout
- RenderBody(): Quy định nơi sẽ hiển thị nội dung của View tại Layout
- RenderSection(): Quy định nơi có thể hiển thị một phần giao diện mà View gửi tới Layout
- ViewBag: Gói dữ liệu truyền từ View sang layout
4. Sử dụng layout
- Chọn layout cho View khi thêm mới:
