BÀI TẬP ASP.NET
BÀI TẬP ASP.NET
1. TỔNG QUAN VỀ ASP.NET
Trong bài này, học viên thực hành cài đặt và kiểm tra trạng thái của Web Server. Làm quen
với môi tường phát triển ứng dụng Visual Studio.Net. Quản lý và cấu hình ứng dụng Web
với Internet Information Services.
1.Cài đặt Web Server
Phần thực hành này hướng dẫn học viên cài đặt Web Server. Xem giáo trình trang 16-18.
2.Kiểm tra trạng thái của Web Server
Sau khi thực hiện xong phần cài đặt Web Server, học viên tiến hành thực hiện kiểm tra trạng
thái hoạt động của Web Server. Xem giáo trình trang 18-19.
3.Tạo ứng dụng Web với Visual Studio.Net
Phần thực hành này giúp các bạn làm quen với môi trường phát triển ứng dụng Visual Studio
.Net.
Khởi động Visual Studio .Net để tạo một ứng dụng Web có tên Minh_hoa. Thực hiện một số
thao tác sau:
• Thêm mới một trang default.aspx vào ứng dụng.
• Xác định trang default.aspx là trang khởi động. Thi hành ứng dụng.
4.Sử dụng Internet Information Services (IIS)
Ở phần này, các bạn sẽ được thực hiện các thao tác quản lý ứng dụng web với IIS.
Khởi động IIS:
• Quan sát các thư mục, ứng dụng có trong Defautl Web Site.
• Xóa cấu hình ứng dụng web vừa tạo có tên Minh_hoa (có trong nhánh Default web
site).
• Quan sát biểu tượng thay đổi. Thi hành ứng dụng và nhận xét.
• ·Cấu hình lại ứng dụng Web cho thư mục Minh_hoa. Thi hành ứng dụng.
Internet Information Services (IIS) Manager
Tạo Virtual Directory:
• Xóa cấu hình ứng dụng web vừa tạo có tên Minh_hoa.
• Di chuyển thư mục Minh_hoa sang ổ đĩa D:\
• Tạo Virtual Directory với Alias là Minh_hoa đến thư mục D:\Minh_hoa

Yêu cầu thiết kế:
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 Thoi_gian Label (Html) Dùng để hiển thị ngày giờ hiện hành trên server
Các thủ tục nhập xuất
Stt Tên thủ tục Tham số Trả về Xử lý
1 Khoi_dong Không Không
·Lấy ngày giờ trên server: Date.Now
·Gán chuỗi: Bây giờ là … cho thuộc tính
InnerHTML của điều khiển Thoi_gian
·Thử gián cho thuộc tính InnerText để nhận
thấy sự khác biệt
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
Khoi_dong
Kết quả thi hành
2.Tạo trang Tong_hai_so.aspx
Dùng để thực hiện phép tính tổng hai số.

Trang Tong_hai_so.aspx
Yêu cầu thiết kế: Sử dụng Table để trình bày nội dung trang web.
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 So_A Text Field Nhập giá trị số A
2 So_B Text Field Nhập giá trị số B
3 Tong_so Text Field Hiển thị giá trị tổng hai số A và B
4 Tinh_tong Button (Html) Thực hiện thao tác tính tổng
Các thủ tục nhập xuất
Stt Tên thủ tục Tham số Trả về Xử lý
1 Tinh_tong Không Không ·Thực hiện tính tổng hai số
·Gán giá trị tổng cho thuộc tính Value của Tong_so
Xử lý sự kiện

8 Dang_ky Button (Html) Xuất thông tin khách hàng
9 Ho_so Label (Html) Dùng để hiển thị thông tin khách hàng.
Trang Hs_khach_hang.aspx
Các thủ tục nhập xuất
Stt Tên thủ tục Tham số Trả về Xử lý
1 Xuat_ho_so_khach_hang Không KhôngLấy các giá trị các điều khiển  điều khiển Ho_so
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Dang_ky ServerClick ·Xuat_ho_so_khach_hang

4.Tạo trang Upload_file.aspx
Xử lý upload tập tin lên server.
Yêu cầu thiết kế:
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 Tap_tin File Field Điều khiển cho phép chọn tập tin
2 Upload Button (Html)

Các thủ tục nhập xuất, xử lý
Stt Tên thủ tục Tham số Trả về Xử lý
1 Xu_ly_upload Không KhôngXem giáo trình chương 3 - Phần điều khiển HTML
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Upload ServerClick ·Xu_ly_upload
Khi thi hành:
Upload tập tin lên Server
Sử dụng ASP.Net web control
Bài tập trong phần này giúp các bạn làm quen với các điều khiển Web control.
Web control  HTML Control
Web control HTML control
<asp:textbox> <input type=text>

1 Ds_Khu_du_lich ListBox Danh sách các khu du lịch. Cho phép chọn nhiều.
2 Chon_dia_diem Button (Html)

3 Dia_diem Label Hiển thị các địa điểm được chọn
Các thủ tục nhập xuất, xử lý
Stt Tên thủ tục Tham số Trả về Xử lý
1 Khoi_dong Không Không Tạo các mục chọn cho Ds_Khu_du_lich
2 Xuat_muc_chon Không Không Xuất danh sách các khu du lịch được chọn
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Page Load ·Khoi_dong
2 Chon_dia_diem Click ·Xuat_muc_chon
Mở rộng: Có thể thiết kế 2 ListBox, thực hiện chọn các khu du lịch từ ListBox này qua ListBox
kia.
8.Tạo trang Thu_nhap.aspx
Yêu cầu thiết kế:
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 Ds_Thu_nhap RadioButtonList Danh sách các mức thu nhập (Có thể bổ sung thêm)
2 Thu_nhap Label Hiển thị thu nhập được chọn.
Các thủ tục nhập xuất, xử lý:
Stt Tên thủ tục Tham số Trả về Xử lý
1 Khoi_dong Không Không Tạo các mức thu nhập cho Ds_Thu_nhap
Học viên có thể làm trong lúc thiết kế.
2 Xuat_thu_nhap Không Không Xuất thu nhập được chọn
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Page Load Khoi_dong
2 Thu_nhap SelectedIndexChanged Xuat_thu_nhap
: Để sự kiện SelectedIndexChanged xảy ra khi chọn thu
nhập, chọn thuộc tính AutoPostBack = True

ErrorMessage: Mật khẩu nhập lại chưa đúng.
5 rfvHo_khach_hang RequiredField ControlToValidate: Ho_khach_hang
ErrorMessage: Họ khách hàng không được rỗng.
6 rfvTen_khach_hang RequiredField ControlToValidate: Ten_khach_hang
ErrorMessage: Tên khách hàng không được rỗng.
7 cvNgay_sinh Compare ControlToValidate: Ngay_sinh
Operator: DataTypeCheck
Type: Integer
ErrorMessage: Chưa chọn ngày sinh
8 cvThang_sinh Compare ControlToValidate: Thang_sinh
Operator: DataTypeCheck
Type: Integer
ErrorMessage: Chưa chọn tháng sinh
9 cvNam_sinh Compare ControlToValidate: Nam_sinh
Operator: DataTypeCheck
Type: Integer
ErrorMessage: Chưa chọn năm sinh
10 revEmail RegularExpression ControlToValidate: Email
ValidationExpression: Internet Email
ErrorMessage: Email không hợp lệ.
11 rvThu_nhap RangeValidator ControlToValidate: Thu_nhap
MaximumValue: 50000000
MinimumValue: 1000000
Type: Integer
ErrorMessage: Thu nhập từ 1 triệu đến 50 triệu
12 vsBang_loi Summary HeaderText: Danh sách các lỗi
ShowMessageBox: True
13 butDang_ky Button Text: Đăng ký
Thuộc tính Text của các điều khiển validation: (*). Nếu các dữ liệu nhập hợp lệ, xuất hồ sơ khách hàng
theo mẫu bên dưới.

Stt Tên thủ tục Tham số Trả về Xử lý
1 Khoi_dong Không Không Xuất chuỗi: Hôm nay ngày …
2 Chon_ngay_sinh Không KhôngXuất thông báo tương ứng giữa ngày hiện hành và
ngày sinh.
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Page Load ·Khoi_dong
2 Lich SelectionChanged ·Chon_ngay_sinh
3. XỬ LÝ DỮ LIỆU VỚI ADO.NET
Bài tập trong phần này chủ yếu tập trung vào 2 kỹ năng sau:
• Liên kết dữ liệu với ADO.Net: Thực hiện các thao tác đọc và cập nhật dữ liệu.
• Sử dụng các điều khiển: DataGrid, DataList, Repeater để hiển thị dữ liệu.
Trong phần này, chúng ta sử dụng CSDL Quản lý bán hàng (xem phụ lục A - giáo trình).
1.Tạo trang Luoi.aspx
Sử dụng ADO.Net để đọc và hiển thị thông tin bảng khách hàng từ CSDL lên lưới.
Sử dụng điều khiển DataGrid
Yêu cầu thiết kế:
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 Luoi_Khach_hang DataGrid Hiển thị danh sách khách hàng
Các thủ tục nhập xuất, xử lý:
Stt Tên thủ tục Tham số Trả về Xử lý
1 Doc_ds_khach_hang Không DataTable Đọc danh sách khách hàng có trong CSDL
2 Lien_ket_du_lieu Không Không Thực hiện liên kết lưới với nguồn dữ liệu.
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Page Load ·Lien_ket_du_lieu
Kết quả hiển thị
2.Tạo trang Luoi_dinh_dang.aspx
Định dạng hình thức hiển thị: Tiêu đề, định dạng hiển thị ngày tháng, …
Các yêu cầu thiết kế, thủ tục xử lý, nhập xuất và xử lý sự kiện tương tự bài 4.1

·<lưới>.CurrentPageIndex = e.NewPageIndex
·Lien_ket_du_lieu
5.Tạo trang Luoi_sx_pt.aspx - (Bài làm thêm)
Kết hợp xử lý chức năng sắp xếp và phân trang trên lưới.
6.Tạo trang Luoi_tuy_bien.aspx
Xử lý tùy biến cột hiển thị trên lưới.
Các yêu cầu thiết kế, thủ tục xử lý, nhập xuất và xử lý sự kiện tương tự bài 4.2.
Yêu cầu thiết kế (
Bổ sung
): Cột phái hiển thị checkbox thay thế cho Nam/Nữ.
Xử lý sự kiện (
Bổ sung
)
Stt Tên điều khiển Sự kiện Xử lý
1 Luoi_Khach_hang ItemDataBound Xử lý hiển thị checkbox thay cho cột phái.
(Có thể thực hiện liên kết dữ liệu trong lúc thiết kế)
Mở rộng: Tại cột phái ta có 2 biểu tượng Nam/Nữ. Tùy theo phái của khách hàng là Nam hay
Nữ mà ta hiển thị các biểu tượng tương ứng.
Thư mục hình: C:\Program Files\Microsoft Visual Studio\COMMON\Graphics\Icons\Misc
7.Tạo trang Luoi_cap_nhat.aspx
Thực hiện các thao tác chọn/cập nhật/xóa khách hàng trên lưới.
Các yêu cầu thiết kế, thủ tục xử lý, nhập xuất và xử lý sự kiện tương tự bài 4.2.
Yêu cầu thiết kế:
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 Luoi_Khach_hang DataGrid·Hiển thị danh sách khách hàng. Bổ sung các nút chức năng:
Select, Edit|Update|Cancel, Delete
·Định dạng dòng được chọn, dòng đang hiệu chỉnh, …
Các thủ tục nhập xuất, xử lý:
Stt Tên thủ tục Tham số Trả về Xử lý
1 Doc_ds_khach_hang Không DataTable Đọc danh sách khách hàng có trong CSDL

Lien_ket_du_lieu Không Không Thực hiện liên kết datalist với nguồn dữ liệu
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Page Load ·Lien_ket_du_lieu
2 Luoi_Sach ItemDataBoundXử lý hiển thị thông tin Sách: Tên sách, Nhà xuất bản, Mô tả, …
Khi di chuyển chuột vào Tên sách, Hình minh họa,
 Liên kết đến trang: Ds_Sach_Ct.aspx?Ms=xxx
xxx: Mã sách của cuốn sách tương ứng.
Khi di chuyển chuột vào Chọn mua,
 Liên kết đến trang: Dat_mua.aspx?Ms=xxx
xxx: Mã sách của cuốn sách tương ứng.
Kết quả hiển thị
Mở rộng:
·Bổ sung thêm một số thông tin liên quan: Tác giả, số trang, …
·Xử lý chọn Nhà xuất bản  Liên kết đến trang hiển thị các sách của nhà xuất bản.
·Xử lý chọn Tác giả  Liên kết đến trang hiển thị các sách có tác giả tham gia biên soạn.
Học viên có thể thiết kế bổ sung vào mẫu trên hay thiết kế theo mẫu bên dưới:
9.Tạo trang Ds_Sach_Liet_ke.aspx - (Bài làm thêm)
Hiển thị thông tin sách sử dụng DataList.
10.Tạo trang Repeater.aspx
Hiển thị danh sách khách hàng sử dụng Repeater.
Yêu cầu thiết kế:
Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính
1 Luoi_Khach_hang DataGrid Hiển thị danh sách khách hàng
Các thủ tục nhập xuất, xử lý:
Stt Tên thủ tục Tham số Trả về Xử lý
1 Doc_ds_khach_hang Không DataTable Đọc danh sách khách hàng có trong CSDL
2 Lien_ket_du_lieu Không Không Thực hiện liên kết lưới với nguồn dữ liệu.
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý

Đảm nhận trách nhiệm truy xuất và cập nhật dữ liệu lên bảng KHACH_HANG
Các bài tập làm thêm:
6.Xây dựng lớp xử lý đơn đặt hàng: XL_DON_DAT_HANG.vb
Đảm nhận trách nhiệm truy xuất và cập nhật dữ liệu lên bảng DON_DAT_HANG
7.Xây dựng lớp xử lý chi tiết đặt hàng: XL_CT_DAT_HANG.vb
Đảm nhận trách nhiệm truy xuất và cập nhật dữ liệu lên bảng CT_DAT_HANG
8.Xây dựng lớp xử lý thăm dò: XL_THAM_DO.vb
Đảm nhận trách nhiệm truy xuất và cập nhật dữ liệu lên bảng THAM_DO
9.Xây dựng lớp xử lý thăm dò chi tiết (bình chọn): XL_THAM_DO_CT.vb
Đảm nhận trách nhiệm truy xuất và cập nhật dữ liệu lên bảng THAM_DO_CT
5. JAVASCRIPT (*)
Đây là phần bài tập làm thêm dành cho những học viên muốn tìm hiểu thêm về ngôn ngữ JavaScript.
Do vậy, để cho việc học đơn giản hơn, các bài tập trong phần này sử dụng các điều khiển
HTML.
1.Tạo trang Dang_ky.htm
Bài tập này giúp học viên sử dụng ngôn ngữ JavaScript để truy xuất giá trị đến các điều khiển
HTML.
Khi thiết kế
Các thủ tục nhập xuất, xử lý:
Stt Tên thủ tục Tham số Trả về Xử lý
1 Xuat_thong_tin_dang_nhap Không Không Xuất các thông tin đăng nhập do người
dùng nhập vào theo mẫu bên dưới.
Xuất thông tin đăng nhập
Xử lý sự kiện
Stt Tên điều khiển Sự kiện Xử lý
1 Dang_nhap ·Xuat_thong_tin_dang_nhap
2.Tạo trang Muc_chon.htm
Ở bài tập này, học viên sẽ làm việc với ListBox và ComboBox (tag Select) để xử lý mục chọn.
Xử lý các mục chọn với ListBox và ComboBox
Các thủ tục nhập xuất, xử lý: