TRUNG TÂM TIN HỌC - ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP. HCM
227 Nguyễn Văn Cừ – Quận 5 – Tp. Hồ Chí Minh
Tel: 8351056 – Fax 8324466 – Email:
Mã tài liệu: DT_NCM_LT_BT_LTW2
Phiên bản 2.5 – Tháng 01/2010

BÀI TẬP
CHƯƠNG TRÌNH
KỸ THUẬT VIÊN
NGÀNH LẬP TRÌNH
Học phần 4

LẬP TRÌNH ỨNG DỤNG
WEB VỚI ASP.NET VÀ C#

Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 1/49

BÀI 1: CÁC ĐIỀU KHIỂN DỮ LIỆU
1.1. Tạo thêm các thành phần trong project
(Hoặc học viên có thể tạo mới project khác)
 Yêu cầu:
− Tạo thư mục App_code để lưu trữ các lớp xử lý phục vụ cho quá trình làm việc với CSDL
Ghi chú
: Giáo viên có thể cung cấp các lớp xử lý này
− Chép tập tin CSDL QL_BANSACH.mdf vào thư mục App_Data ( do giáo viên cung cấp)
− Tạo một số thư mục cần thiết, có dạng như sau:

− Quan hệ giữa các Table trong CSDL như sau:

Bài tập

1 Nội dung trang web
− Sử dụng điều khiển DropdownList và ListBox
Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 3/49

 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Khi mở trang
− Tạo và xuất danh sách Chủ đề ra DropDownList
2 DropDownList
− Khi chọn, xuất danh sách Sách theo chủ đề được chọn ra ListBox
1.4. Tạo trang
Phiếu ý kiến người tiêu dùngHình 1:
Đang chọn sản phẩm

Hình 2:
Kết quả bình chọn sản phẩm
 Ý nghĩa:
Trang web dùng để lấy ý kiến người tiêu dùng đối với các sản phẩm
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung
trang web
− Sử dụng điều khiển RadioButtonList, CheckBoxList, Button, Label và
BulletedList
Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 4/49


 Ý nghĩa:

Trang web liệt kê danh sách khách hàng
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển GridView
− Định dạng cột
Ngày sinh
là dd/MM/yyyy
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web − Khi mở trang, xuất danh sách khách hàng ra lưới.
1.6. Tạo trang
Danh sách Sách

Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 5/49  Ý nghĩa:

Trang web liệt kê danh sách Sách, có sắp xếp và phân trang
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển GridView
− Định dạng cột
Đơn giá

 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web − Khi mở trang, xuất danh sách khách hàng ra lưới
2 Lưới danh sách
− Xử lý phân trang
1.8. Tạo trang
Thông tin chi tiết sách

Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 7/49  Ý nghĩa:

Trang web liệt kê thông tin chi tiết sách, có hình ảnh minh họa, nút chọn mua hàng và phân trang
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển GridView và Label
− Định dạng cột
Đơn giá

− Tạo cột
Hình ảnh
thể hiện hình minh họa
− Tạo nút chọn mua
(ButtonField)
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu Ghi chú
1 Trang web

Lập trình ứng dụng Web với ASP.Net và C# Trang 9/49

 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển GridView, LinkButton và Label
− Cột tùy biến chứa thông tin
Tên sách
và
Đơn giá

− Định dạng
Đơn giá

− Tạo cột
Hình ảnh
thể hiện hình minh họa
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web
− Khi mở trang, xuất danh sách sách ra lưới.
2 Lưới danh sách
− Xử lý phân trang
3 Tên sách − Khi chọn, xuất thông tin mô tả sách ra màn hình (hình 2)
1.10. Tạo trang
Xem danh sách quảng cáo
(bài làm thêm)

 Ý nghĩa:


Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển GridView (dùng CommandField)
 Yêu cầu xử lý:
Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 11/49

Stt Đối tượng Yêu cầu
1 Trang web
− Khi mở trang, xuất danh sách Nhà xuất bản ra lưới.
2 Nút Chọn
− Khi chọn, đổi màu của dòng được chọn (hình 1)
3
Nút

− Khi chọn: kiểm tra ràng buộc quan hệ
 Nếu hợp lệ thì hủy dòng hiện hành
 Ngược lại xuất thông báo lỗi (hình 2)
Mở rộng: xuất hiện hộp thọai hỏi xác nhận hủy?
4 Nút Sửa, Ghi, Không
− Khi chọn, cập nhật dữ liệu vào bảng NHA_XUAT_BAN hoặc bỏ qua
− Riêng nút Ghi: kiểm tra tên Nhà xuất bản không được rỗng, nếu vi
phạm thì không cập nhật
1.12. Tạo trang
Giới thiệu sách Ý nghĩa:

Trang web giới thiệu tổng quát danh sách Sách hiện có

1 Trang web
− Khi mở trang, xuất thông tin sách ra DataList giống như hình trên
2 Thông tin
Tác giả
Lưu ý: thiết kế bằng BulletedList và xử lý trong sự kiện ItemDataBound
Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 13/49

1.14. Tạo trang
Cập nhật thông tin sách Ý nghĩa:

Trang web cho phép xem và cập nhật thông tin sách
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển DataList kết hợp với Image, Label, HyperLink –
tên sách (chưa cần khai báo kiên kết), Button và Horizontal Rule
− Sử dụng điều khiển TextBox trong thành phần EditItemTemplate
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web
− Khi mở trang, xuất thông tin sách ra DataList
2 Nút Hiệu chỉnh
− Khi chọn, thể hiện chế độ chỉnh sửa của dòng hiện hành
3 Nút Cập nhật
− Khi chọn:
o Lưu thông tin được thay đổi trên trang web xuống bảng SACH

Lập trình ứng dụng Web với ASP.Net và C# Trang 15/49

Hình 1:
Khi mở trang

Hình 2:
Nhấn chuột vào nút
[+]
để xem các sách có chủ đề “Văn học dân gian”
 Ý nghĩa
Trang web xem sách theo chủ đề, có dạng Master – Details
Mục tiêu:
Lồng GridView vào DataList
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển DataList, Label, Button và GridView
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web
− Khi mở trang, xuất danh sách chủ đề
2 Nút [+]
− Khi nhấn chuột, liệt kê các sách của chủ đề được chọn (hình 2)
3 Nút [-]
− Khi nhấn chuột, trả về trạng thái ban đầu (hình 1)
1.17. Tạo trang
Xem thông tin khách hàngBài tập

 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 17/49

1 Nội dung trang web
− Sử dụng điều khiển DetailViews có CommandField
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web
− Khi mở trang, xuất danh sách Nhà xuất bản ra màn hình
2 DetailViews
− Xử lý phân trang
3 Nút Sửa, Cập
nhật, Không
− Cập nhật mẫu tin cũ vào bảng NHA_XUAT_BAN hoặc bỏ qua
− Kiểm tra
Tên nhà xuất bản
không được rỗng, nếu hợp lệ thì cập nhật
4 Nút Thêm, Ghi,
Không
− Thêm mới một mẫu tin vào bảng NHA_XUAT_BAN hoặc bỏ qua
− Kiểm tra
Tên nhà xuất bản
không được rỗng, nếu hợp lệ thì thêm mới
5 Nút Hủy
− Xóa Nhà xuất bản hiện hành
Mở rộng
: trước khi xóa phải kiểm tra bên bảng SACH
1.19. Tạo trang


Trang web xem thông tin chi tiết về khách hàng
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web
− Sử dụng điều khiển FormView
− Định dạng
Ngày sinh
có dạng dd/MM/yyyy
−
Giới tính
: Thể hiện chuỗi Nam hoặc Nữ kế bên CheckBox
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 Trang web
− Khi mở trang, xuất danh sách khách hàng ra màn hình
2 FormView
− Xử lý phân trang
1.21. Tạo trang
Cập nhật khách hàng
(bài làm thêm)

Hình 1:
Khi mở trang

Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 19/49 Hình 2:

− Kiểm tra
Họ tên
không được rỗng, nếu hợp lệ thì thêm mới
5 Nút Hủy − Xóa khách hàng hiện hành
Mở rộng
: trước khi xóa phải kiểm tra bên bảng DON_DAT_HANG và có
thông báo hỏi xác nhận
Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 21/49

BÀI 2: XÂY DỰNG CÁC USER CONTROLS
 Xây dựng trang Default.aspx có giao diện như sau:

Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 22/49

 Hướng dẫn thiết kế:
° Khung trang web là một Table gồm 4 dòng, 3 cột
° Các thể hiện trên trang web: gồm các yêu cầu trong các bài tập sau
2.1. Tạo User Control đầu trang - TH_HEADER

 Ý nghĩa:

Dùng làm banner giới thiệu về trang web, đăng quảng cáo
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web − Sử dụng Table và Image

 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 DataList
− Khi mở trang, tạo nguồn và liên kết dữ liệu trong bảng CHU_DE
2.5. Tạo User Control sách mới - TH_SACHMOI

 Ý nghĩa:

Dùng đề thể hiện danh sách Sách mới nhập về
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web − Sử dụng Table, GridView và Image
 Yêu cầu xử lý:
Stt Đối tượng Yêu cầu
1 GridView
− Khi mở trang, tạo nguồn và liên kết dữ liệu trong bảng SACH
Lưu ý
: lấy các sách có 5 ngày cập nhật gần nhất
2.6. Tạo User Control quảng cáo giữa trang - TH_QC_BODY

Bài tập
Lập trình ứng dụng Web với ASP.Net và C# Trang 24/49
 Ý nghĩa:
Dùng để hiển thị các liên kết quảng cáo được thể hiện dưới dạng hình ảnh
 Yêu cầu thiết kế:
Stt Đối tượng Yêu cầu
1 Nội dung trang web