Nhấn chuột phải vào dataListTomTatTinTuc và chọn Edit Template Item Template từ pop-up menu. Từ Toolbox kéo thả vào Item Template một Table HTML Control. Chọn Tab HTML, sửa lại thông tin Table | Bài 6: Xây dựng trang chủ bản tin điện tử (Phần 2) 1. Mục đích Hoàn thiện Trang chủ bản tin điện tử. Liên kết trang chủ bản tin điện tử với trang chủ của từng lĩnh vực và trang hiển thị bản tin chi tiết. 2. Yêu cầu Đã hoàn tất bài thực hành Tuần 2, xây dựng trang chủ bản tin điện tử. Đã nắm bắt được cách thức kết nối CSDL sử dụng SqlDataSource. 3. Vấn đề liên quan Đọc và hiển thị thông tin từ CSDL lên DataList (SqlDataSource + DataList). 4. Thời gian để hoàn tất bài thực hành: 90 phút Thiết kế giao diện 1. Thiết kế Form theo mẫu dưới đây (Hiển thị chi tiết 1 bản tin) 2. Hoàn chỉnh Trang chủ Bản tin điện tử Mở Website BanTinDienTu lên làm việc Từ cửa sổ Solution Explorer, nhấn chuột phải vào trang và chọn Set as Start page. Chạy và kiểm tra chương trình. 3. Tạo hiển thị tóm tắt các bản tin thuộc các lĩnh vực Sử dụng DataList Control: o Kéo thả 1 DataList vào . o Đặt tên cho DataList là dataListTomTatTinTuc SqlDataSource với DataList Mục đích: Đọc và hiển thị thông tin từ CSDL lên DataList 1. Tạo SqlDataSource control Từ cửa sổ Toolbox, kéo thả đối tượng SqlDataSource vào Web Form. Kết nối DataSource vào . Viết câu lệnh SQL SELECT truy vấn dữ liệu từ bảng BANTIN SELECT , , , , , , , FROM (LINHVUC L INNER JOIN BANTIN T ON = ) GROUP BY , , , , , , , , HAVING ( >= ALL (SELECT NGAYDANGTIN FROM BANTIN WHERE MALINHVUC = )) Kiểm tra Câu truy vấn 2. Chọn thuộc tính DataSourceID của dataListTomTatTinTuc là SqlDataSource1 3. Thiết kế lại Item Template cho DataList tóm tắt tin tức Nhấn chuột phải vào dataListTomTatTinTuc và chọn Edit Template > Item Templates từ pop-up menu. Từ Toolbox kéo thả vào Item Template một Table HTML Control. Chọn Tab HTML, sửa lại thông tin Table như sau: Đặt thuộc tính cho các control: Font Size Font Bold Fore Color Hyperlink1 Small True White Hyperlink1 Small True Maroon Label1 Small Label2 Small DimGray Đặt thuộc tính Bindable Properties cho các control: Bindable Properties Bound to Format Hyperlink1 Text TenLinhVuc NavigateUrl MaLinhVuc Hyperlink2 Text TieuDe NavigateUrl MaBanTin {0} Image1 ImageUrl HinhAnh Label1 Text NgayDangTin Label2 Text NoiDungTomTat 4. Chạy và Kiểm tra chương trình: ***Hết*** 1
