BÀI TẬP ASP.NET

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 • Mở project Minh_hoa và thi hành ứng dụng. 5.Tạo WebSite mới (đối với Windows Server 2003) - (Bài làm thêm) Mặc định, các ứng dụng nằm trong nhánh Default Web Site. Chúng ta có thể thực hiện tạo một Web Site mới (ví dụ: Hoc_lt_web chẳng hạn). • Khởi động IIS, chọn WebSite, chọn New từ thực đơn ngữ cảnh  Web Site… Tạo mới website với IIS • Nhập tên WebSite (ví dụ: Hoc_lt_web), xác định thư mục ánh xạ, … • Chọn Default Web Site, dừng trạng thái hoạt động của Default Web Site bằng cách nhấn vào nút Stop item. • Khởi động web site mới vừa tạo: Chọn web site Hoc_lt_web, khởi động web site này bằng cách nhấn vào nút Start item. 6.Tổ chức thư mục lưu trữ ứng dụng Trong thư mục minh họa, tạo các thư mục theo tổ chức sau: Tổ chức thư mục lưu trữ 7.Thiết kế trang index.aspx Trang index.aspx được thiết kế có nội dung như sau: index.aspx 2. WEB SERVER CONTROL Bài tập trong phần này chủ yếu giúp các học viên làm quen với các điều khiển trong ASP.Net. Trong phần đầu của bài tập này, có một số bài tập liên quan đến các điều khiển HTML nhằm rèn luyện và củng cố lại các kiến thức về các tag HTML. Phần sau của bài này giúp các bạn tìm hiểu và sử dụng các điều khiển lập trình ớ phía Server: ASP Server Control. Sử dụng HTML control Trong phần này, các bạn sử dụng điều khiển HTML control, bổ sung thuộc tính runat=Server để thực hiện lập trình ở phía server. 1.Tạo trang Chao.aspx Thiết kế trang Chao.aspx. Khi thi hành, xuất hiện thông tin: Bây giờ là …  Hướng dẫn thiết kế: oChuỗi Chào các bạn …: Nhập trực tiếp trên trang Web 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 Stt Tên điều khiển Sự kiện Xử lý 1 Tinh_tong ServerClick ·Tinh_tong 3.Tạo trang web: Hs_khach_hang.aspx Sử dụng phối hợp các điều khiển HTML. ( Không cần thực hiện các thao tác kiểm tra dữ liệu ) 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 Ten_dang_nhap Text Field 2 Mat_khau, Nhap_lai Password Field 3 Ho_kh, Ten_kh TextField 4Ngay_sinh, Thang_sinh, Nam_sinh Dropdown Hướng dẫn mẫu: Thang_sinh <select size="1" name="Thang_sinh"> <option selected value="0">Tháng</option> <option value="1">1</option> <option value="2">2</option> </select> 5 Email Text Field 6 Nam , Nu Radio Button Hai điều khiển này cùng có thuộc tính name=Phai <input type="radio" value=" Nam " name="Phai" checked> <input type="radio" value="Nu" name="Phai"> 7 Dia_chi, Dien_thoai Text Field 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> <asp:button> <input type=submit> <asp:imagebutton> <input type=image> <asp:checkbox> <input type=checkbox> <asp:radiobutton> <input type=radiobutton> <asp:listbox> <select size="5"> </select> <asp:dropdownlist> <select> </select> <asp:hyperlink> <a href="…"> </a> <asp:image> <img src="…"> <asp:label> <span> </span> <asp:panel> <div> </div> <asp:table> <table> </table> 5.Tạo trang Label.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 Mon_hoc Label Hiển thị tên môn học 2 Gioi_thieu Label Hiển thị thông tin giới thiệu môn học Yêu cầu xử lý: · Xử lý sự kiện Page_Load để hiển thị thông tin theo yêu cầu 6.Tạo trang Hyperlink.aspx Sử dụng điều khiển Hyperlink Stt Tên điều khiển Kiểu Ý nghĩa và thuộc tính 1 Trang_chu Hyperlink Liên kết đến trang: http://www.asp.net 2 Asp_Net Hyperlink Liên kết đến trang: http://www.asp.net (Lấy hình từ trang này) Yêu cầu: Mở ra trang mới khi nhấn vào liên kết này. 7.Tạo trang ListBox.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_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ý: [...]... 1 Page Load ·Lien_ket_du_lieu Danh sách khách hàng sử dụng Repeater 11 .Bài tập tương tự - (Bài làm thêm) Trong phần này, chúng tôi gợi ý một số bài tập Học viên tự thiết kế và xây dựng (hoặc do giáo viên hướng dẫn) Tùy theo thời gian và khả năng của mình, học viên có thể thực hiện tất cả những bài tập hoặc một số bài trong những bài dưới đây • Hiển thị danh sách các tác giả • Hiển thị danh sách các... Đả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... sinh động hơn • Hiển thị danh sách các nhà xuất bản • Hiển thị danh sách các chủ đề Bài tập này chủ yếu để rèn luyện thêm kỹ năng đọc và hiển thị dữ liệu với các điều khiển DataGrid, DataList và Repeater Học viên có thể tùy chọn (hoặc theo yêu cầu của giáo viên) các điều khiển để xây dựng các màn hình trên Trong các bài tập, học viên tự tạo thêm các hiệu ứng, tô màu theo điều kiện, tạo biểu tượng sắp... 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... 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 9.Tạo trang RadioButtonList.aspx Bài tập này tương tự như bài trên Yêu cầu sử dụng ArrayList/SortedList để liên kết dữ liệu Hướng dẫn:  Xem cách liên kết dữ liệu với điều khiển trong giáo trình - chương 3 - trang 72 Yêu cầu thiết kế: Stt Tên điều... Đảm nhận trách nhiệm truy xuất và cập nhật dữ liệu lên bảng NHA_XUAT_BAN 5.Xây dựng lớp xử lý khách hàng: XL_KHACH_HANG.vb Đả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... 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): Thiết kế lưới cho phép phân trang Xử lý sự kiện (Bổ sung) Stt Tên điều khiển Sự kiện Xử lý 1 Luoi_Khach_hang PageIndexChanged Xử lý phân trang dữ liệu trên 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... 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 1 Xử lý 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ý: Stt Tên thủ tục Tham số Trả về Xử lý 1 Chon_nghe_nghiep... sách mới Không Hiển thị sách bán chạy Không Hiển thị các sách của tác giả (*) Mặc định = 10 2 Xuat_sach_ban_chay pSo_mau_tin: Integer Mặc định = 10 3 Xuat_sach_cua_tac_gia pMtg: Integer Ghi chú: (*) - Bài tập khó pSo_mau_tin: Integer Mặc định = 10 4 Xuat_sach_cua_nha_xb pMnxb: Integer Không Hiển thị các sách của nhà xuất bản pSo_mau_tin: so_nguyen Mặc định = 10 Xử lý sự kiện Stt Tên điều khiển Sự kiện... 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 1 Kiểu Luoi_Khach_hang Ý nghĩa và thuộc tính 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 . 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. giúp các học viên làm quen với các điều khiển trong ASP. Net. Trong phần đầu của bài tập này, có một số bài tập liên quan đến các điều khiển HTML nhằm rèn luyện