Trong bài thực hành này, bạn sẽ làm quen với cách xây dựng một trang web tương tác với CSDL sử dụng SqlDataSource. | Bài 5: Xây dựng trang web hiển thị chi tiết một bản tin 1. Mục đích Trong bài thực hành này, bạn sẽ làm quen với cách xây dựng một trang web tương tác với CSDL sử dụng SqlDataSource. Xây dựng Trang hiển thị chi tiết một bản tin. Liên kết Trang chủ cho từng lĩnh vực với Trang hiển thị chi tiết một bản tin. 2. Yêu cầu Đã hoàn tất bài thực hành 4, xây dựng trang chủ cho từng lĩnh vực. Đã 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 với DataList). 4. Thời gian để hoàn tất bài thực hành: 120 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. Xây dựng Trang Web hiển thị chi tiết một bản tin sử dụng lại bài 4 o Tạo trang kết thừa từ MasterPage Vào Menu Website Add New Item Chọn Template : Web form Name : Chọn : Place code in separate file (phân chia thiết kế và code thành 2 file) Chọn : Select master page (trang này kế thừa từ 1 trang cha) 3. Tạo hiển thị thông tin chi tiết của một bản tin Sử dụng DataList Control: o Kéo thả 1 DataList vào . o Đặt tên cho DataList là dataListBanTinChiTiet Thêm control SqlDataSource vào Webform o Kết nối đến CSDL WebNews o Tạo câu truy vấn Select o Vào điều kiện Where, thao tác như sau: Kết nối SqlDataSource vào DataList o Chọn Property DataSourceID : SqlDataSource1 Nhấn chuột phải vào dataListBanTinChiTiet và chọn Edit Template Item Templates từ pop-up menu. Vào menu Table Insert table . Thiết kế table như sau : Đặt thuộc tính cho các control: Font Size Font Bold Fore Color Label1 Small DimGray Label2 Small True Maroon Label3 Small True Gray Label4 Small Label5 Small DimGray Liên kết 1 control với 1 cột trong bảng BANTIN Font Size Bindable Properties Label1 Text NgayDangTin (Format : {0:hh:mm:ss - dd/MM/yyyy}) Label2 Text Label3 Text NoiDungTomTat Label4 Text NoiDung Label5 Text ChuThichHinh Image1 ImageUrl HinhAnh o Phải chuột vào Label1 Edit DataBinding o Tương tự cho các control còn lại. Chạy và Kiểm tra chương trình. o Bấm Ctrl + F5 : Trang web load lên nhưng không có nội dung Thay đổi lại đường link / Hoàn chỉnh Trang chủ lĩnh vực xã hội và Trang hiển thị bản tin chi tiết o Sửa lại Bindable Property cho DataList trong o Đặt trang là Set as Start Page, chạy và kiểm tra chương trình ***Hết*** 7
