Bài giảng lập trình web asp net với c chương 6 th s phạm đào minh vũ

Web User controls 6.1.1 Giới thiệu Khi kết hợp các control để tạo thành một control mới gọi là Web user control UC  Sử dụng UC cũng giống như sử dụng thủ tục, hàm  khả năng tái sử dụn

Giảng Viên: Th.S Phạm Đào Minh Vũ

LẬP TRÌNH WEB ASP.NET VỚI C#

Chương 06 Thiết Kế Layout

6.1 Web User controls 6.2 Master Pages

6.3 Themes Và Skin 6.4 Site Navigation Controls

6.1 Web User controls

6.1.1 Giới thiệu

Khi kết hợp các control để tạo thành một control mới gọi

là Web user control (UC)

 Sử dụng UC cũng giống như sử dụng thủ tục, hàm  khả năng tái sử dụng UC trên các trang web

 Phần mở rộng của US là: ascx

6.1.2 Tạo và sử dụng User control

Tạo mới User control:

 Tạo mới 1 Web user control

 Thiết kế giống như thiết kế 1 trang aspx

Chọn: Web User Control

Đặt tên: *.ascx

Thiết kế User control:

 Thiết kế các controls theo ý muốn

Sử dụng User control:

 Kéo và thả UC vào trang aspx

6.2 Master Pages

6.2.1 Giới thiệu

 Master pages cho phép tạo 1 bố cục nhất quán trên các trang web trong cùng 1 website (tương tự template)

 Nội dung thể hiển trên trình duyệt là sự kết hợp giữa

trang master (master page) và trang aspx (hoặc ascx) -

content page

 Master page là tập tin có phần mở rộng master

 Thao tác thiết kế: Giống như trang aspx, nhưng phải

bổ sung ít nhất một điều khiển ContentPlaceHolder

Master page Content page

Trang kết quả

6.2.2 Tạo trang Master

 Bước 1: Tạo mới Item  chọn icon Master Page và đặt tên trang: *.master

 Bước 2: Thiết kế bố cục chung (có thể sử dụng User control) và bổ sung ContentplaceHolder vào trang master

6.2.3 Sử dụng trang Master

 Bước 1: Tạo mới trang web (.aspx) khai báo sử dụng trang master

 Bước 2: Thiết kế bổ sung nội dụng trên trang *.aspx (có thể kéo các User control vào)

 Skin là một tập tin có phần mở rộng là skin, chứa các

 Có 2 loại skin:

 Default skin: Không khai báo thuộc tính skinID, mặc định ứng dụng sẽ áp dụng skin này cho tất cả các điều khiển có cùng kiểu khai báo

 Named skin: có khai báo thuộc tính skinID, muốn

sử dụng thì phải khai báo tường minh trên điều khiển

cụ thể

 Tạo file skin:

 Thêm mới 1 item

 Tạo file skin:

 Thêm mới 1 itemchọn skin fileđặt tên file skin

 Tạo Theme:

 Click phải ProjectAdd ASP.NET FolderTheme

6.4 Site Navigation Controls

Giới thiệu

 Dùng để chuyển đến một trang web khác và thể hiện cấu trúc logic của website (sitemap) Gồm các điều khiển: Menu, TreeView, SiteMapPath kết hợp với SiteMapDataSource

 Các điều khiển này thường sử dụng trong trang Master

6.4.1 Điều khiển Menu

Dùng thể hiện menu và cho phép người dùng chuyển đến một trang web khác khi chọn một chức năng

Thao tác tạo: Tạo điều khiển Menu vào trang web

Chọn mẫu định dạng

Thiết kế Menu

Auto Format: Chọn mẫu định dạng

 Edit Menu Items: Thiết kế Menu

6.4.2 Điều khiển TreeView

Dùng thể hiện menu ở dạng cây và cho phép người dùng chuyển đến một trang web khác khi chọn node

Thao tác tạo: Tạo điều khiển TreeView vào trang web

Chọn mẫu định dạng Thiết kế các node

Auto Format: Chọn mẫu định dạng

 Edit Node: Thiết kế các node

6.4.3 Điều khiển SiteMapPath

Dùng thể hiện cấu trúc logic của website và cho phép người dùng chuyển đến một trang web khác

Nội dung cấu trúc của Website mặc định được chứa trong tập tin Web.sitemap

Thao tác tạo: Tạo tập tin Web.sitemap

Tạo điều khiển SitemapPath vào các trang

Kết quả

6.4.4 Điều khiển SiteMapDataSource

Dùng để chứa nguồn dữ liệu lưu trữ trong tập tin Web.sitemap

 Thường sử dụng kết hợp với các điều khiển Menu, TreeView

 Để liên kết với TreeView, Menu chỉ định thuộc tính DataSourceID của 2 điều khiển này là tên SiteMapDataSource

Thực thi

VÍ DỤ