Lab 8: Tạo trang hiển thị chi tiết ppt

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=