Nội dung

Bài 4: Template & điều hướng trang Web Hệ thống bài cũ Các nội dung đã học trong bài trước Kiểm tra tính hợp lệ của dữ liệu Quản lý trạng thái Template & Điều hướng trang Web 2 Mục tiêu bài học 1. Trang Master 2. Điều hướng trang Web 3. Sử dụng Theme Template & Điều hướng trang Web 3 Kiểm tra tính hợp lệ của dữ liệu & Quản lý trạng thái 4 Trang Master Các trang trong một ứng dụng, thường có các thành phần giống nhau như: Barner quảng cáo ở đầu trang Menu ở phía bên trái trang Phần Footer của trang Web ASP.NET cung cấp một phương pháp để tạo các trang có các thành phần giống nhau mà không cần viết các đoạn mã giống nhau trên từng trang Web đó là sử Hai trang khác nhau trong cùng một ứng dụng chỉ có phần nội dung hiển thị ở giữa khác nhau, còn dụng trang Master các thành phần khác giống nhau Template & Điều hướng trang Web 5 Trang Master/Trang nội dung Trang master cung cấp các thành phần giống nhau cho các trang trong một ứng dụng Web Trang nội dung: chứa phần nội dung hiển thị trên trang master. Vùng chứa nội dung: Vùng không gian hiển thị trang nội dung Kết hợp giữa trang master và trang nội dung tạo nên giao diện của từng trang đơn lẻ trong ứng dụng Web Template & Điều hướng trang Web 6 Trang Master Ví dụ: Mã nguồn của trang master được tạo bởi Visual Studio <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

Template & Điều hướng trang Web 7 Trang Master Trong ASP.NET trang master có định dạng .master Một trang master luôn bắt đầu bằng chỉ dẫn trang Master <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> Đoạn mã phía sau chỉ dẫn Master giống với các trang aspx thông thường khác cũng gồm các phần tử , ,

Template & Điều hướng trang Web 8 Trang Master Trang master luôn phải chứa một điều khiển ContentPlaceHolder chỉ định vùng hiển thị trang nội dung nằm trong thẻ Form Lập trình viên có thể thêm mã html, asp, các điều khiển lên trang Master. Tất cả các phần tử HTML hoặc asp được thêm vào bên ngoài vùng chứa nội dung sẽ hiển thị trên tất cả các trang Template & Điều hướng trang Web 9 File Code-behind của trang Master Trang Master cũng chứa một File Code-behind chứa các mã xử lý sự kiện. Các sự kiện tương ứng của trang master được kích hoạt sau trang nội dung Ví dụ: Sự kiện Load của trang nội dung xảy ra trước sự kiện Load của trang master Sự kiện của các điều khiển trên trang nội dung sẽ được xử lý trước trang master Template & Điều hướng trang Web 10