tailieunhanh - Bài 9: Xây dựng trang quản lý tin

Trong bài thực hành này, bạn sẽ xây dựng trang website quản lý tin: o Cho phép chọn một lĩnh vực từ combo box và hiển thị danh sách tin thuộc lĩnh vực | Bài 9: Xây dựng trang quản lý tin 1. Mục đích Trong bài thực hành này, bạn sẽ xây dựng trang website quản lý tin: o Cho phép chọn một lĩnh vực từ combo box và hiển thị danh sách tin thuộc lĩnh vực được chọn. o Cho phép sắp xếp danh sách tin theo ngày đăng tin, tiêu đề. o Cho phép chọn tin để xoá. 2. Yêu cầu Đã nắm bắt được cách thức kết nối CSDL sử dụng sqlDataSource. 3. Vấn đề liên quan Thao tác với DataGrid: hiển thị dữ liệu, phân trang, sắp xếp, xóa, sửa 4. Thời gian để hoàn tất bài thực hành: 120 phút Tạo trang web quản lý tin 1. Tạo 1 Web Form, đặt tên là 2. Sử dụng sqlDataSource (cho DropDownList Lĩnh vực) Kéo thả 1 sqlDataSource đặt tên sqlDataSourceLinhVuc Kết nối sqlDataSource tới database WEBNEWS Tạo câu truy vấn Select : chọn table LINHVUC, chọn cột * (chọn tất cả các cột) 3. Tạo DropDownList Lĩnh vực Kéo thả 1 DropDownList đặt tên DropDownListLinhVuc Vào Property chọn các thuộc tính: o DataSourceID : sqlDataSourceLinhVuc o DataTextField : TENLINHVUC (cột TENLINHVUC sẽ được hiển thị) o DataValueField : MALINHVUC (cột MALINHVUC được dùng để lấy giá trị khi 1 phần tử được chọn) o AutoPostBack : true (để khi thay đổi lĩnh vực trong combobox thì danh sách gridview học sinh sẽ được thay đổi tương ứng) 4. Sử dụng sqlDataSource (cho GridView Bản tin) Kéo thả 1 sqlDataSource đặt tên SqlDataSourceBanTin Kết nối sqlDataSourceBanTin tới database WEBNEWS Tạo câu truy vấn Select : o Chọn table BANTIN, chọn các cột NGAYDANGTIN, TIEUDE, NOIDUNGTOMTAT. o Chọn điều kiện Where Column : MALINHVUC Source : Control Control ID : DropDownListLinhVuc Tạo các câu truy vấn Insert, Update, Delete o Bấm vào nút Generate INSERT, UPDATE, and DELETE statements (lấy thêm MABANTIN) Sắp xếp ngày đăng tin giảm dần. 5. Tạo GridView Bản tin Kéo thả một GridView Control vào , đặt tên là GridViewBanTin o Chọn Choose data source : sqlDataSourceBanTin Thay đổi giao diện : phải chuột Auto format Select a scheme : chọn Professional Điều chỉnh lại cột cho gridview : vào Property Columns o Trong Selected fields có sẵn 4 cột, thêm vào cột Delete của CommandField. Thay đổi thuộc tính của các cột. Tên cột Thuộc tính Giá trị NGAYDANGTIN HeaderText Ngày đăng tin TIEUDE HeaderText Tiêu đề NOIDUNGTOMTAT HeaderText Nội dung tóm tắt Delete HeaderText Xóa MABANTIN VISIBLE FALSE 6. Chạy vả kiểm tra chương trình Thiết lập phân trang cho GridView : vào Properties chọn o Allow paging : true (cho phép phân trang) o Page size : 2 (cho phép 1 lần chỉ hiển thị 4 dòng dữ liệu) Thiết lập sắp xếp theo cột cho Gridview o Allow sorting : true (cho phép sắp xếp theo cột) 7. Chạy vả kiểm tra chương trình ***Hết*** 1