Bài 12 - Masterpage và UserControls. Các nội dung cơ bản được trình bày trong trang này gồm có: MasterPage, trang Master Page, Page kết thừa từ Masterpage, UserControls, tạo UserControls, custom control. Mời các bạn cùng tham khảo.
Bài12: Masterpage UserControls Lê Quang Lợi Email: loilequang@gmail.com loilq@utehy.edu.vn Bài 12: Masterpage UserControls » Masterpage » UserControl » Them Skin Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.1 MasterPage » Master Page: trang khung (layout) Còn gọi trang Template (mẫu/khung) » Cho phép trang ASPX khác kế thừa » Không cho phép kế thừa trang khác » Master page không tự hiển thị giao diện » Webpage kế thừa trang Masterpage » Một ứng dụng có nhiều Masterpage » Thống giao diện, giảm thiết kế, sử dụng lại Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.1 MasterPage Thực thi trang Master page Trang ASPX: chứa nội dung riêng Kết cấu kế thừa từ trang MasterPage Trang MasterPage: cho trang khác kế thừa cấu trúc Trang kết đưa có kết hợp masterpage trang thực thi Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.1 MasterPage Cấu trúc trang MasterPage ContendPlateHolder Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.1.1 Trang Master Page Master page title Chỉ thị trang MasterPage ControlPalte Holder cho phép Page kế thừa cài đặt giao diện riêng Lê Quang Lợi: loilequang@gmail.com Thành phần giao diện trang Masterpage - Cho phép Page kế thừa - Chứa mã thể khung Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.1.2 Page kết thừa từ Masterpage Main content Footer content Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.2 UserControls » UserSontrol: server control thiết kế dựa control khác (kể control vừa thiết kế) » UserControl: Rick control theo yêu cầu cụ thể » Một số lợi ích: Xây dựng giao diện riêng biệt/đặc thù cho ứng dụng Kế thừa thiết kế có Sử dụng lại, nhiều nơi Thống thay đổi, phát triển, bảo trì … Giảm chi phí: thời gian, nhân lực, tiền bạc … Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.2 UserControls User Control Nội dung Usercontrol Enter Name: void EnterBtn_Click(Object sender, EventArgs e) { Label1.Text = "Hi " + Name.Text + " welcome to ASP.NET!"; } Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.2 UserControls Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.2.1 Tạo UserControls » » Sử dụng: Tương tác control bình thường Thẻ: Chú ý: thuộc tính thuộc tính trình bày nội dung (CSS) Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12.3.2 Sử dụng » Web APP file Config » Page: EnableTheming=“true“ » Controls: SkinID=“tenSkin" Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY ... trang thực thi Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12. 1 MasterPage Cấu trúc trang MasterPage ContendPlateHolder Lê Quang Lợi: loilequang@gmail.com.. .Bài 12: Masterpage UserControls » Masterpage » UserControl » Them Skin Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12. 1 MasterPage... Lê Quang Lợi: loilequang@gmail.com Thành phần giao diện trang Masterpage - Cho phép Page kế thừa - Chứa mã thể khung Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 12. 1.2 Page