lập trình ứng dụng web với asp.net và c#

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: ttth@hcmuns.edu.vn 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 Lập trình ứng dụng Web với ASP.Net và C# Trang 2/49 1.2. Tạo trang Album các loài hoa  Ý nghĩa: Trang web xem album các loài hoa  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 ListBox, Image và Label 2 Danh sách hoa − Điều khiển ListBox, học viên tự cho danh sách hoa Ghi chú: Hình ảnh sẽ được cung cấp  Yêu cầu xử lý: Stt Đối tượng Yêu cầu 1 Danh sách hoa − Khi chọn, xuất hình và tên hoa được chọn ra màn hình 1.3. Tạo trang Xem danh sách Sách theo chủ đề  Ý nghĩa: Trang web xem sách theo chủ đề được chọn  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 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ùng Hì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  Yêu cầu xử lý: Stt Đối tượng Yêu cầu Ghi chú 1 Trang web − Khi mở trang, sản phẩm Máy giặt được chọn và xuất các tiêu chuẩn bình chọn tương ứng của Máy giặt ra danh sách Các tiêu chuẩn bình chọn 2 Danh sách sản phẩm − Khi chọn, xuất:  Danh sách tiêu chuẩn bình chọn tương ứng  Tên sản phẩm đang được chọn (hình 1) Xây dựng thủ tục tạo ra danh sách này, trong đó h.viên tự tạo dữ liệu 3 Nút Xem kết quả bình chọn − Khi chọn, xuất ra các tiêu chuẩn được chọn (hình 2) Thiết kế bằng BulletedList 1.5. Tạo trang Danh sách khách hàng  Ý 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á và Ngày sinh − Cho phép sắp xếp và phân trang trên 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 Sách ra lưới 2 Lưới danh sách − Xử lý sắp xếp và phân trang 1.7. Tạo trang Danh sách khách hàng với cột tùy biến Bài tập Lập trình ứng dụng Web với ASP.Net và C# Trang 6/49  Ý nghĩa: Trang web liệt kê danh sách khách hàng, có các cột tùy biến  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, Label và Image − Định dạng cột Ngày sinh − Cột Giới tính thể hiện Nam/Nữ, cột kế bên thể hiện hình nam/nữ  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 − 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 Nút − Khi chọn, tính và xuất ra màn hình tổng số lượng và trị giá các quyển sách được chọn Lưu ý : mỗi lần chọn là 1 cuốn Dùng ViewState 1.9. Tạo trang Tổng hợp - với cột tùy biến (bài làm thêm) Bài tập Lập trình ứng dụng Web với ASP.Net và C# Trang 8/49 Hình 1: Khi mở trang Hình 2: Chọn một quyển sách và xem mô tả  Ý nghĩa: Trang web giới thiệu tổng quát sách, có hình ảnh minh họa và phân trang. Mục tiêu: Tạo cột tùy biến chứa nhiều điều khiển trong đó. Bài tập 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: Trang web liệt kê danh sách quảng cáo của các công ty  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 (dùng ImageField và HyperLinkField ) ( http://www.vietfashion.vn/) (http://www.haydetretudo.com.vn)/ (http://demo10.webinvietnam.com/For_Ad /h/hanobaco/ ) ( http://www.dutchlady.com.vn ) [...]... mở trang Lập trình ứng dụng Web với ASP.Net và C# Trang 18/49 Bài tập Hình 2: Khi nhấn vào nút Sửa Hình 3: Khi nhấn vào nút Thêm Lập trình ứng dụng Web với ASP.Net và C# Trang 19/49 Bài tập Ý nghĩa: Trang web xem và cập nhật thông tin chi tiết khách hàng Yêu cầu thiết kế: Stt Đối tượng 1 Nội dung trang web Yêu cầu − Sử dụng điều khiển FormView Yêu cầu xử lý: Stt Đối tượng Yêu cầu 1 Trang web − Khi... ứng dụng Web với ASP.Net và C# Trang 32/49 Bài tập Hình 1: Dạng thiết kế, sau khi đã khai báo Content Ý nghĩa: Trang nội dung có trang Master là trang MasterPage.master Yêu cầu thiết kế: Stt Đối tượng 1 Nội dung trang web Yêu cầu − Sử dụng lại các User Control đã tạo trong bài 2 − Khai báo MasterPageFile và Content 5.3 Tạo trang Hệ thống bài tập HP4 - LT Web2 Lập trình ứng dụng Web với ASP.Net và C#. .. liệu với ObjectDataSource − Khai báo phân trang và sắp xếp Lập trình ứng dụng Web với ASP.Net và C# Trang 31/49 Bài tập BÀI 5: XÂY DỰNG HOÀN CHỈNH ỨNG DỤNG WEB 5.1 Tạo trang MasterPage.master có dạng sau: Hình 1: Dạng thiết kế Ý nghĩa Dùng làm trang Master Yêu cầu thiết kế: Stt Đối tượng 1 Nội dung trang web Yêu cầu − Sử dụng lại các User Control đã tạo trong bài 2 5.2 Tạo trang Default02.aspx Lập trình. .. của website, địa chỉ liên hệ, công ty xây dựng trang web, Yêu cầu thiết kế: Stt Đối tượng 1 Nội dung trang web Yêu cầu − Sử dụng Table 2.3 Tạo User Control thực đơn - TH_THUCDON Ý nghĩa: Dùng làm thực đơn chính cho trang web Yêu cầu thiết kế: Stt Đối tượng 1 Nội dung trang web Yêu cầu − Sử dụng Table và HyperLink 2.4 Tạo User Control chủ đề sách - TH_CHUDE Lập trình ứng dụng Web với ASP.Net và C# Trang... Hình 1: Khi mở trang Hình 2: Khi nhấn vào nút Sửa Hình 3: Khi nhấn vào nút Thêm Ý nghĩa: Trang web xem và cập nhật thông tin chi tiết Nhà xuất bản Yêu cầu thiết kế: Stt Đối tượng Lập trình ứng dụng Web với ASP.Net và C# Yêu cầu Trang 16/49 Bài tập 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à... 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 Số lượng bán cao nhất Lập trình ứng dụng Web với ASP.Net và C# Trang 26/49 Bài tập BÀI 3: QUẢN LÝ ỨNG DỤNG WEB 3.1 Các xử lý trong trang Default.aspx của bài 2 Mục tiêu: − Sử dụng đối tượng Request và Session Yêu cầu xử lý: Stt Đối tượng Yêu cầu 1 TH_CHUDE − Khi chọn một chủ đề, lọc các sách trong TH_DS_SACH theo chủ đề và thể hiện... như sau: Lập trình ứng dụng Web với ASP.Net và C# Trang 21/49 Bài tập 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 1 Nội dung trang web Yêu cầu − Sử dụng Table và Image... thông tin được thay đổi trên trang web xuống bảng SACH (Lưu ý: chỉ cập nhật vùng Mo_ta và Don_gia) Trở về trạng thái ReadOnly − Khi chọn, bỏ qua các thay đổi trên trang web và trở về trạng thái ReadOnly 1.15 Tạo trang Liệt kê sách mới (bài làm thêm) Lập trình ứng dụng Web với ASP.Net và C# Trang 13/49 Bài tập Ý nghĩa: Trang web cho phép xem thông tin sách mới cập nhật, trình bày theo 3 cột Yêu cầu thiết... Stt 1 Đối tượng Nội dung trang web Yêu cầu − Sử dụng Table, Image, Label (thể hiện Số tiền) và HyperLink (Giỏ hàng của bạn) 2.9 Tạo User Control quảng cáo bên phải trang - TH_QC_PHAI Ý nghĩa: Dùng để hiển thị các hình ảnh quảng cáo còn hiệu lực Yêu cầu thiết kế: Stt Đối tượng 1 Nội dung trang web Yêu cầu − Sử dụng Table và GridView Lập trình ứng dụng Web với ASP.Net và C# Trang 25/49 Bài tập Yêu cầu... thông tin khách hàng Lập trình ứng dụng Web với ASP.Net và C# Trang 15/49 Bài tập Ý nghĩa: 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 1 Nội dung trang web Yêu cầu − Sử dụng điều khiển DetailsView 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 DetailsView − Xử lý phân trang 1.18 Tạo trang Xem và cập nhật 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:. 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. và BulletedList Bài tập Lập trình ứng dụng Web với ASP. Net và C# Trang 4/49  Yêu cầu xử lý: Stt Đối tượng Yêu cầu Ghi chú 1 Trang web − Khi mở trang, sản phẩm Máy giặt được chọn và