Lab 7: Tạo trang tóm tắt tin tức

Mục tiêu:Sử dụng Master page để tạo phần layout của trang web tin tức Sử dụng SQLDataSource để kết nối với bảng dữ liệu tin tức trong SQL Server Sử dụng DataList để hiển thị tóm tắt các tin tức. Nội dung:Tiếp tục phát triển bài Lab 6 trong buổi trước, trong bài lab 6 chỉ xây dựng layout của trang tin tức, cụ thể là phần master page, còn các trang nội dung từng chuyên mục như game online, game PC, game console… thì chưa có nội dung. Trong bài Lab 7 này chúng ta sẽ xây dựng...
Nội dung trích xuất từ tài liệu:
Lab 7: Tạo trang tóm tắt tin tứcLập trình ASP.NET Khoa CNTT Lab 7: TẠO TRANG TÓM TẮT TIN TỨCMục tiêu Sử dụng Master page để tạo phần layout của trang web tin tức Sử dụng SQLDataSource để kết nối với bảng dữ liệu tin tức trong SQL Server Sử dụng DataList để hiển thị tóm tắt các tin tứcBài 7.1: Tạo trang tóm tắt tin tứcNội dung: - Tiếp tục phát triển bài Lab 6 trong buổi trước, trong bài lab 6 chỉ xây dựng layout của trang tin tức, cụ thể là phần master page, còn các trang nội dung từng chuyên mục như game online, game PC, game console… thì chưa có nội dung. - Trong bài Lab 7 này chúng ta sẽ xây dựng trang GameOnline.aspx, trang này chứa toàn bộ các tin tức tóm tắt của chuyên mục GameOnline, trang này được gọi từ menu trái, mục GameOnline. - Giao diện cuối cùng của trang GameOnline.aspx thể hiện như sau. Hình 1: Giao diện của ứng dụng ở chuyên mục GameOnline 1Lập trình ASP.NET Khoa CNTTHướng dẫn: 1. Sinh viên mở lại project của bài Lab 6 (đã làm xong phần master page của trang) 2. Tạo Database đơn giản chứa tin tức game có tên TinTucGame, có một table có tên BanTin có cấu trúc như sau: Hình: Cấu trúc của bảng BanTin Tên trường Kiểu Diễn giảiMaBanTin Int, tự động tăngTieuDe nvarchar(255) Tiêu đề của bạn tinNDTomTat nvarchar(255) Nội dung tóm tắt của bản tinNoiDung ntext Nội dung chính của bản tinNgayDang datetime Ngày đăng tinHinhAnh nvarchar(50) Chứa tên file minh họa trong bản tinMaTheLoai nchar(2) Mã của bản tin: -‘GO’: game online ‘PC’: game PC 2Lập trình ASP.NET Khoa CNTT ‘SC”: game console ‘MB’: game mobile ‘ES” eSport Bảng mô tả chi tiết các trường dữ liệu của bảng BanTin. Hình: Minh họa phần dữ liệu của bảng BanTin 3. Tạo trang tóm tắt tin: trang mới có tên GameOnline.aspx khai báo sử dụng master page. 3Lập trình ASP.NET Khoa CNTT Hình 2: Tạo trang GameOnline.aspx Hình 3: Chọn Master Page cho GameOnline.aspx Ta chuyển sang màn hình design của trang GameOnline Hình 4: Màn hình design của trang GameOnline.aspx 4Lập trình ASP.NET Khoa CNTT 4. Tạo DataSource cho trang web - Kéo thả SqlDataSource vào vùng content của trang Hình: Kéo DataSource thả vào trang web 5. Chọn phần cấu hình Configure Data Source Hình: Chọn chức năng cấu hình data source Trong màn hình Choose your data connection 5Lập trình ASP.NET Khoa CNTT Hình: Chọn database Trong màn hình Configure the Select Statement chọn: Specify a custom SQL statement or storedprocedure. 6Lập trình ASP.NET Khoa CNTT Hình: Màn hình chọn câu lệnh select để truy vấn database Trong màn hình Define Custom Statements or Stored Procedures: nhập câu truy vấn để lấy cácbản tin thuộc game online 7Lập trình ASP.NET Khoa CNTT Hình: Nhập câu truy vấn Bước cuối cùng là màn hình Test Query. ...