Lập trình ASP.NET Khoa CNTT 1 Lab 8: TẠO TRANG HIỂN THỊ CHI TIẾT Mục tiêu Xây dựng trang web có sử dụng query string để hiển thị bản tin chi tiết. Sử dụng SqlDataSource để khai báo nguồn dữ liệu Liên kết giữa trang tóm tắt và trang hiển thị chi tiết o Sử dụng thuộc tính NavigateUrl trong hyperlink Bài 8.1: Tạo trang chi tiết Nội dung: Tiếp tục phát triển từ bài Lab 6 và Lab 7, trong phần này ta sẽ xây dựng trang gọi là bantin.aspx, Trong phần bài Lab 7 hiển thị phần tóm tắt cả các bản tin theo từng thể loại, mỗi bản tin khi user kích vào tiêu đề sẽ liên kết đến trang hiển thị chi tiết. Phần bài Lab 8 này ta sẽ xây dựng trang chi tiết và liên kết với phần hiển thị tóm tắt. Hình: Giao diện trang bản tin chi tiết Lập trình ASP.NET Khoa CNTT 2 Hướng dẫn 1. Bước 1, mở lại project của bài lab 6, lab 7 buổi trước 2. Tạo trang web tên BanTin.aspx là trang nội dung, có sử dụng master page đã tạo của hôm trước. 3. Trong màn hình thiết kế của trang BanTin.aspx kéo thả SqlDataSource, sinh viên thiết kế chuỗi kết nối đến tương tự như các bài trước. Ở bước Configure the Select Statement, ta thực hiện theo mô tả sau Hình: Cấu hình câu Select, chọn điều kiện Where Lập trình ASP.NET Khoa CNTT 3 Hình: Khai báo điều kiện truy vấn so sánh với tham số MaBanTin trong query string 4. Bước tiếp theo tạo một DataList chứa nội dung bản tin a. Kéo thả DataList vào vùng nội dung của trang BanTin.aspx b. Thiết lập DataSource đến SqlDataSource1 đã tạo trong bước trước c. Thiết kế lại DataList để hiển thị bản tin theo mẫu sau Lập trình ASP.NET Khoa CNTT 4 Hình: Tổ chức các control để hiển thị chi tiết bản tin 5. Thực hiện DataBinding dữ liệu trong data source cho các control trong DataList. Sinh viên làm tương tự như trong bài tập Lab 7. 6. Thực hiện phần liên kết giữa trang tóm tắt tin và trang chi tiết. a. Mở lại trang GameOnline.aspx chọn phần edit template của DataList, chọn control hyperlink hiển thị tiêu đề. b. Khai báo thuộc tính NavigateUrl với Field binding: là MaBanTin và thuộc tính format như sau: bantin.aspx?MaBanTin={0}. Ý nghĩa tạo ra link đến trang bantin.aspx với tham số mã bản tin chính là mã bản tin mà user kích vào. Kết quả lúc này trên mỗi tiêu đề của bản tin tóm tắt, có hyperlink đến trang xem chi tiết, hyperlink này có tham số đi kèm là mã bản tin cần xem. Lập trình ASP.NET Khoa CNTT 5 Hình: Các tiêu đề có chứa hyperlink đến trang xem tin chi tiết 7. Chạy và kiểm tra kết quả đạt được. Bài 8.2: 1. Sinh viên bổ sung các phần tương tự trên cho các trang tóm tắt theo chuyên mục khác: GamePC.aspx, GameConsole, GameMobile, GameESport. 2. Xây dựng lại hoàn chỉnh trang web tin tức game =oOo= . Lab 8: TẠO TRANG HIỂN THỊ CHI TIẾT Mục tiêu Xây dựng trang web có sử dụng query string để hiển thị bản tin chi tiết. Sử dụng SqlDataSource để khai báo nguồn dữ liệu Liên kết giữa trang. và trang hiển thị chi tiết o Sử dụng thuộc tính NavigateUrl trong hyperlink Bài 8.1: Tạo trang chi tiết Nội dung: Tiếp tục phát triển từ bài Lab 6 và Lab 7, trong phần này ta sẽ xây dựng trang. bài Lab 7 hiển thị phần tóm tắt cả các bản tin theo từng thể loại, mỗi bản tin khi user kích vào tiêu đề sẽ liên kết đến trang hiển thị chi tiết. Phần bài Lab 8 này ta sẽ xây dựng trang chi tiết