Ngày nay, website tin tức được xem là mô hình có tính phổ biến và đa dạng nhất bởi khả năng cập nhật đa dạng và xuất bản thông tin nhanh. Vì vậy, Thiết Kế Website Tin Tức rất phù hợp với các cơ quan, tổ chức muốn xây dựng cho mình một trang web để đưa tin tức tiếp cận người dùng internet,… Website tin tức cung cấp đầy đủ các tính năng cơ bản của một website như: quản lý quảng cảo, hỗ trợ tìm kiếm, thống kê, hệ thống bình chọn,…không giới hạn về kí tự, số lượng bài viết hay thời điểm đăng tải. Bên cạnh đó, trang web tin tức có tốc độ truy cập nhanh và rất thuận tiện cho người tìm kiếm.
Trang 1Bà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
Trang 2Tạo trang web quản lý tin
1 Tạo 1 Web Form, đặt tên là QuanLyTin.aspx
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 lĩnh vực 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
Trang 3• Tạo các câu truy vấn Insert, Update, Delete
o Bấm vào nút Advanced.Chọn 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 QuanLyTin.aspx, đặt tên là GridViewBanTin
o Chọn Choose data source : sqlDataSourceBanTin
Trang 4• 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
NGAYDANGTIN HeaderText Ngày đăng tin
NOIDUNGTOMTAT HeaderText Nội dung tóm tắt
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***