Bài tập chương trình lập trình viên công nghệ java module 3 lập trình web với java

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: 38351056 – Fax 8324466 – Email: ttth@t3h.hcmus.edu.vn BÀI TẬP CHƯƠNG TRÌNH LẬP TRÌNH VIÊN CÔNG NGHỆ JAVA MODULE 3: LẬP TRÌNH WEB VỚI JAVA Mã tài liệu: DT_NCM_LT_DC_LTMNM1_BT Phiên 1.0 – Tháng 03/2014 Bài tập BÀI 1:  1.1 Tổng quan J2EE - Cài đặt làm quen với mối trường phát triển ứng dụng web tảng công nghệ JEE - Phát triển ứng dụng web tĩnh đơn giãn sử dụng công nghệ html, javascript css Cài đặt môi trường Application Server  Yêu cầu: Cài đặt Apache Tomcat môi trường console hệ điều hành  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Phải cài đặt trước: Java SDK, trình duyệt (có thể Firefox, IE, Chrome, )  Thuật giải: Không có  Hướng dẫn: − Download Apache Tomcat phiên địa http://tomcat.apache.org/download70.cgi tìm kiếm download google − Giải nén lưu trữ vào thư mục ổ đĩa − Cài đặt biến môi trường JAVA_HOME CATALINA_HOME tương ứng cho thư mục cài đặt java (thư mục jdk) Apache Tomcat − Mở console (bấm tổ hợp phím Window + R), chuyển đến thư mục bin Tomcat thực lệnh start, stop cho môi trường Server  Có thể cấu hình thêm lệnh start stop vào biến môi trường $Path mà không cần phải chuyển đến thư mục bin Tomcat − Mở trình duyệt truy cập đến Apache Tomcat 1.2 Cài đặt môi trường Application Server  Yêu cầu: Cài đặt Apache Tomcat môi trường soạn thảo Eclipse IDE  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thuật giải: Không có  Hướng dẫn: − Download Apache Tomcat phiên địa http://tomcat.apache.org/download70.cgi tìm kiếm download google Module 3: Lập trình Web với Java 2/26 Bài tập − Giải nén lưu trữ vào thư mục ổ đĩa − Mở Eclipse IDE thêm Apache Tomcat vào server Eclipse − Thực start stop môi trường Apache Tomcat server Eclipse − Thực gọi Apache Tomcat từ trình duyệt Trong trường hợp lỗi không tìm thấy trang (lỗi 404) copy thư mục ROOT $CATALINA_HOME/webapp vào thư mục $Eclipse_Workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps 1.3  $CATALINA_HOME thư mục Apache Tomcat  $Eclipse_Workspace thư mục workspace Eclipse IDE  Có thể tmp0 $Eclipse_Workspace thay tmp1 Phát triển ứng dụng web tĩnh  Yêu cầu: Xây dựng ứng dụng web tĩnh Apache Tomcat  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: Module 3: Lập trình Web với Java 3/26 Bài tập − Tạo thư mục web tĩnh có tên staticwebBTMS thư mục webapp $CATALINA_HOME − Tạo thành phần trang web tĩnh (copy trang html, css, javascript, images cung cấp phần tập vào thư mục webcontent cấu trúc static project) − Thực start, stop Apache Tomcat môi trường console sử dụng browser triệu gọi trang chủ web (home.html) 1.4 Phát triển ứng dụng dynamic web project  Yêu cầu: Xây dựng dynamic web project Eclipse IDE  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: − Tạo dynamic web project Eclipse IDE có tên dynamicwebBTMS − Tạo trang html (copy trang html, css, javascript, images cung cấp phần tập vào thư mục webcontent cấu trúc static project) − Triển khai lên server sử dụng browser triệu gọi trang chủ web (home.html) Module 3: Lập trình Web với Java 4/26 Bài tập Servlet BÀI 2:  2.1 - Xây dựng Servlet đơn giản cấu trúc thư mục ứng dụng Servlet - Xây dựng cấu trúc triển khai web.xml ứng dụng web Xây dựng cấu trúc ứng dụng Servlet  Yêu cầu: Xây dựng trang Servlet xuất câu chào “Hello World”  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo thư mục web thư mục $CATALINA_HOME/webapp có tên structureServlet theo cấu trúc ứng dụng Servlet - Tạo trang index.html - Tạo servlet có tên HelloWorldSrv.java biên dịch thành file bytecode - Tạo file cấu hình web.xml thư mục WEB-INF Module 3: Lập trình Web với Java 5/26 Bài tập - Start Tomcat truy cập trình duyệt 2.2 Tạo trang Servlet Eclipse IDE  Yêu cầu: Xây dựng trang Servlet thực phương thức Get để xuất lời chào  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo dynamic web project Eclipse có tên XmlAnnotationWeb - Định nghĩa trang Servlet có tên XmlServlet AnntationServlet thực phương thức get xuất lời chào - Thực cấu hình trang servlet theo cách dùng xml (XmlServlet) file web.xml annotation servlet (AnnotationServlet) - Tạo thêm trang index.html tạo link gọi đến servlet - Triển khai lên Application Server Tomcat triệu gọi bên Client Module 3: Lập trình Web với Java 6/26 Bài tập Java Server Page BÀI 3:  3.1 - Sử dụng thẻ trang JSP - Sử dụng biến ẩn trang JSP Tạo ứng dụng xử lý tương tác trang JSP  Yêu cầu: Tạo trang jsp nhập vào tên xuất lời chào  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện:  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo dynamic web có tên jspwebapp - Tạo trang index.jsp trang response.jsp - Triển khai lên Tomcat server Module 3: Lập trình Web với Java 7/26 Bài tập 3.2 Tương tác trang JSP Servlet  Yêu cầu: Xây dựng chức đăng nhập  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện:  Nhập  Xuất  Qui tắc xử lý - Nhập thông tin tài khoản, mật thực xử lý kiểm tra thông tin đăng Servlet tương ứng Module 3: Lập trình Web với Java 8/26 Bài tập - Dữ liệu xác thực tài khoản mật đặc tả mặc định - Trường hợp xác thực thành công tạo thuộc tính session hiển thị trang chủ, ngược lại trở lại trang login hiển thị message không thành công yêu cầu người dùng nhập lại  Thuật giải:  Hướng dẫn: - Tạo dynamic web project có tên btms - Tạo trang login.jsp trang home.jsp - Tạo lớp hỗ trợ để định nghĩa giá trị tài khoản, mật có tên ConfigUtils - Tạo trang servlet để xử lý login có tên LoginSrv.java - Triển khai lên Tomcat Server Module 3: Lập trình Web với Java 9/26 Bài tập Servlet nâng cao BÀI 4: Sử dụng cấu hình session, cookie, hidden field, event-listener filter ứng dụng web  4.1 Sử dụng Servlet Config Servlet Context  Yêu cầu: Hiện thực lại 3.2 với thông tin tài khoản mật config  Hướng dẫn sử dụng: người dùng truy cập, đăng nhập thoát  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý - Trường hợp xác thực thành công chuyển trang profile hiển thị thông tin người dùng thông tin cấu hình context Web.xml  Thuật giải:  Hướng dẫn: Sử dụng lại tập 3.2 - Cấu hình web.xml thêm cấu hình config context - Định nghĩa lớp Entity thể thông tin tài khoản có tên Account - Cập nhật lại lớp LoginSrv Module 3: Lập trình Web với Java 10/26 Bài tập - Kiểm tra người dùng đăng nhập chưa, chưa đăng nhập chuyển trang đăng nhập Ngược lại, chuyển tới trang yêu cầu  Thuật giải:  Hướng dẫn: - Tạo lớp Filter với LoginFilter - Cấu hình filter web.xml với tất request - Triển khai 4.4 Sử dụng Filter cho request response ecoding charater  Yêu cầu: Thêm chức cập nhật Profile cho ứng dụng btms  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý - Đối với trang jsp chứa form nhập tiếng việt Servlet phải đặc tả encoding cho request response để nhận tiếng việt  Thuật giải:  Hướng dẫn: Module 3: Lập trình Web với Java 12/26 Bài tập - Tạo lớp Filter với EncodingChareter thiết lập request response với encoding charater UTF-8 - Cấu hình filter web.xml với tất request - Tạo trang servlet để cập nhật thông tin profile tài khoản có tên ProfileSrv (cấu hình thuộc tinh action form trang profile.jsp đến Profile Servlet) sử dụng session để lưu lại thông tin cập nhật - Triển khai Module 3: Lập trình Web với Java 13/26 Bài tập JSP nâng cao BÀI 5:  5.1 - Sử dụng khái niệm Custom Tag để định nghĩa thẻ cho việc tối ưu hiển thị liệu - Phân chia layout sử dụng thành phần chung (trang JSP tái sử dụng) - Sử dụng Java Bean kết hợp với form Tái sử dụng trang JSP ứng dụng web  Yêu cầu: Cập nhật lại trang JSP btms project để sử dụng thành phần JSP tái sử dụng  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo trang JSP tái sử dụng chung cho nhiều trang JSP gồm header.jsp, footer.jsp, message.jsp, right.jsp, navigator.jsp,… - Cập nhật lại trang login.jsp, home.jsp profile.jsp 5.2 Tạo Tag Handler thực giao diện  Yêu cầu: Tạo lớp Tag handler thực thẻ xuất lời chào, cấu trúc if cấu trúc vòng lặp  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện Module 3: Lập trình Web với Java 14/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo dynamic web project với với SimpleTag - Tạo file TLD (tag lib descriptor) có tên CustomTag.tld với uri http://pdde.t3h.vn - Tạo lớp Tag Handler tương ứng với tag định nghĩa CustomTag.tld - Tạo trang index.html trang Jsp tương ứng để sử dụng thẻ định nghĩa - Triển khai 5.3 Tạo Tag Handler thừa kế Tag Handler có sẵn  Yêu cầu: Tạo trang Tag Handler xử thừa kế lớp TagSupport JSP  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện Module 3: Lập trình Web với Java 15/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo dynamic web project với với AdvanceTag - Tạo file TLD (tag lib descriptor) với SampleLib.tld - Tạo lớp Tag Handler tương ứng - Tạo trang index.html trang Jsp tương ứng để sử dụng thẻ định nghĩa - Triển khai 5.4 Cách sử dụng JavaBean trang JSP  Yêu cầu: Tạo form đơn giản cho phép người dùng nhập xuất thông tin địa  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện Module 3: Lập trình Web với Java 16/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: − Tạo dynamic web project với tên AddressApp − Tạo lớp Java Bean có tên Address − Tạo trang jsp gồm cho phép nhập hiển thị liệu Address bean − Triển khai Module 3: Lập trình Web với Java 17/26 Bài tập EL & JSTL BÀI 6:  6.1 Cách loại bỏ source code java trang JSP ứng dụng JEE cách sử dụng ngỗn ngữ biểu thức (Expression Language) tập thẻ thư viện chuẩn JSTL Sử dụng JSTL Tag Core cập nhật lại URL  Yêu cầu: Cập nhật lại địa URL trang JSP btms project cách sử dụng thẻ url JSTL core  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý:  Thuật giải:  Hướng dẫn: - Import thư viện JSTL vào thư mục lib btms project (thư viện jstl có thư mục lib apache tomcat nên tự động import với server) - Tạo trang jsp định nghĩa thư viện JSTL thư mục common có tên taglibs.jsp - Import trang taglibs.jsp vào trang lại cập nhập lại url định nghĩa trang jsp - Triển khai 6.2 Sử dụng JSTL Formatting Tag để nạp resource bundle vào trang JSP  Yêu cầu: Tạo file resource bundle cập nhật lại label jsp dùng key file resource bundle  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập Module 3: Lập trình Web với Java 18/26 Bài tập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: − Tạo file resource bundle (có thể định nghĩa file tiếng viết file tiếng anh) − Thêm định nghĩa JSTL formatting file taglibs.jsp common − Đặc tả resource bundle cập nhật lại lable trang jsp − Triển khai Module 3: Lập trình Web với Java 19/26 Bài tập Mô hình MVC với JSP/Servlet BÀI 7:  7.1 Triển khai ứng dụng kết hợp JSP/Servlet theo mô hình hoạt động kiến trúc phần mềm MVC Xây dựng hệ thống quản lý bán vé xe  Yêu cầu: Mở rộng 3.2, xây dựng thêm chức hệ thống bán vé gồm: - Quản lý danh sách tuyến đường - Quản lý danh sách xe (có bến) - Quản lý danh sách lịch khởi hành theo ngày tuyến xe - Tạo lịch khởi hành (chuyến) theo ngày tuyến xe - Quản lý danh sách bán vé: vé hết vé chuyến - Đặt vé online điện thoại  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: Module 3: Lập trình Web với Java 20/26 Bài tập Web service BÀI 8:  8.1 Tạo web service ứng dụng Website Tạo ứng dụng web service  Yêu cầu: Trong tập 3.2, thực web service cho phép client gọi hàm đăng nhập lấy danh sách tài khoản  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Import thử viện jax-ws - Hiện thực lớp Web Service gồm interface lớp thực - Định nghĩa file cấu sun-jaxwx.xml cấu hình file web.xml 8.2 Xây dựng thêm Web service  Yêu cầu: Trong 7.1, xây dựng thêm service cho phép người dùng tìm kiếm chuyến vé hết, đặt vé toán  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải: Module 3: Lập trình Web với Java 21/26 Bài tập  Hướng dẫn: Module 3: Lập trình Web với Java 22/26 Bài tập Bảo mật website BÀI 9:  9.1 Sử dụng cấu hình bảo mật website Xây dựng ứng dụng Web với xác thực Form Authentication  Yêu cầu: Xây dựng trang login form sử dụng chế xác thực form  Hướng dẫn sử dụng: người dùng nhập vào tài khoản mật để đăng nhập  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo trang login trang lỗi - Cấu hình tài khoản tomcat-user.xml - Cấu hình thông tin xác thực file cấu hình triển khai web.xml 9.2 Cấu hình HTTPS cho ứng dụng web  Yêu cầu: Cấu hình https cho Tomcat server  Hướng dẫn sử dụng: Module 3: Lập trình Web với Java 23/26 Bài tập  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Sử dụng java key tools để sinh key (private key request key) - Thực ký chứng thực để sinh certificate - Cấu hình private key certificate vào cấu hình Tomcat server Module 3: Lập trình Web với Java 24/26 Bài tập BÀI 10:  Tổng kết Tổng hợp lại kiến thức phát triển website dùng JSP/Servlet áp dụng mô hình phát triển theo MVC Tổng hợp tập chương xây dựng thành website hoàn chỉnh Module 3: Lập trình Web với Java 25/26 Bài tập Mục lục Module 3: Lập trình Web với Java 26/26 [...]... vào trong cấu hình của Tomcat server Module 3: Lập trình Web với Java 24/26 Bài tập BÀI 10:  Tổng kết Tổng hợp lại kiến thức về phát triển website dùng JSP/Servlet và áp dụng trong mô hình phát triển theo MVC Tổng hợp các bài tập trong các chương và xây dựng thành website hoàn chỉnh Module 3: Lập trình Web với Java 25/26 Bài tập Mục lục Module 3: Lập trình Web với Java 26/26 ... Nhập Module 3: Lập trình Web với Java 18/26 Bài tập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: − Tạo file resource bundle (có thể định nghĩa file tiếng viết và file tiếng anh) − Thêm định nghĩa JSTL formatting trong file taglibs.jsp trong common − Đặc tả các resource bundle và cập nhật lại các lable trong các trang jsp − Triển khai Module 3: Lập trình Web với Java 19/26 Bài tập Mô hình MVC với. .. dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải: Module 3: Lập trình Web với Java 21/26 Bài tập  Hướng dẫn: Module 3: Lập trình Web với Java 22/26 Bài tập Bảo mật website BÀI 9:  9.1 Sử dụng các cấu hình bảo mật trong một website Xây dựng ứng dụng Web với xác thực Form Authentication  Yêu cầu: Xây dựng trang login form sử dụng cơ chế xác thực form  Hướng dẫn... sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: Module 3: Lập trình Web với Java 20/26 Bài tập Web service BÀI 8:  8.1 Tạo ra các web service trong một ứng dụng Website Tạo ra ứng dụng web service  Yêu cầu: Trong bài tập 3. 2, hiện thực web service cho phép client gọi hàm đăng nhập và lấy về danh sách tài khoản  Hướng dẫn sử dụng:  Tóm tắt... lặp  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện Module 3: Lập trình Web với Java 14/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo ra dynamic web project với với SimpleTag - Tạo ra file TLD (tag lib descriptor) có tên CustomTag.tld với uri http://pdde.t3h.vn - Tạo ra các lớp Tag Handler tương ứng với các tag định nghĩa trong CustomTag.tld - Tạo ra trang index.html... việt thì trong Servlet phải đặc tả encoding cho request và response để nhận tiếng việt  Thuật giải:  Hướng dẫn: Module 3: Lập trình Web với Java 12/26 Bài tập - Tạo lớp Filter với EncodingChareter thiết lập request và response với encoding charater UTF-8 - Cấu hình filter trong web. xml với tất cả các request - Tạo trang servlet để cập nhật thông tin profile của tài khoản đó có tên ProfileSrv (cấu... Triển khai 5 .3 Tạo Tag Handler thừa kế các Tag Handler có sẵn  Yêu cầu: Tạo ra các trang Tag Handler xử thừa kế lớp TagSupport trong JSP  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện Module 3: Lập trình Web với Java 15/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo ra dynamic web project với với AdvanceTag - Tạo ra file TLD (tag lib descriptor) với SampleLib.tld... lưu lại thông tin cập nhật - Triển khai Module 3: Lập trình Web với Java 13/ 26 Bài tập JSP nâng cao BÀI 5:  5.1 - Sử dụng khái niệm Custom Tag để định nghĩa ra những thẻ mới cho việc tối ưu hiển thị dữ liệu - Phân chia layout và sử dụng các thành phần chung (trang JSP tái sử dụng) - Sử dụng Java Bean kết hợp với form Tái sử dụng các trang JSP trong một ứng dụng web  Yêu cầu: Cập nhật lại các trang... tomcat-user.xml - Cấu hình thông tin xác thực trong file cấu hình triển khai web. xml 9.2 Cấu hình HTTPS cho ứng dụng web  Yêu cầu: Cấu hình https cho Tomcat server  Hướng dẫn sử dụng: Module 3: Lập trình Web với Java 23/ 26 Bài tập  Tóm tắt yêu cầu:  Thiết kế giao diện  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Sử dụng java key tools để sinh ra key (private key và request key) - Thực hiện... đó - Triển khai 5.4 Cách sử dụng JavaBean trong trang JSP  Yêu cầu: Tạo ra form đơn giản cho phép người dùng nhập và xuất thông tin của địa chỉ  Hướng dẫn sử dụng:  Tóm tắt yêu cầu:  Thiết kế giao diện Module 3: Lập trình Web với Java 16/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: − Tạo ra dynamic web project với tên AddressApp − Tạo ra lớp Java Bean có tên Address − Tạo ra ... giải: Module 3: Lập trình Web với Java 21/26 Bài tập  Hướng dẫn: Module 3: Lập trình Web với Java 22/26 Bài tập Bảo mật website BÀI 9:  9.1 Sử dụng cấu hình bảo mật website Xây dựng ứng dụng Web. .. giải:  Hướng dẫn: Module 3: Lập trình Web với Java 20/26 Bài tập Web service BÀI 8:  8.1 Tạo web service ứng dụng Website Tạo ứng dụng web service  Yêu cầu: Trong tập 3. 2, thực web service cho... diện Module 3: Lập trình Web với Java 15/26 Bài tập  Nhập  Xuất  Qui tắc xử lý  Thuật giải:  Hướng dẫn: - Tạo dynamic web project với với AdvanceTag - Tạo file TLD (tag lib descriptor) với