Công nghệ jsp – servlet kết hợp mô hình mvc xây dựng website đại học vinh

Đồ án tốt nghiệp TRƢỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN 005.3 - ĐẬU PHI XUÂN – ĐẬU NGỌC HIỆP ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỀ TÀI: CÔNG NGHỆ JSP – SERVLET KẾT HỢP MÔ HÌNH MVC XÂY DỰNG WEBSITE ĐẠI HỌC VINH Nghệ An, tháng 12 năm 2014 Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp MỤC LỤC Lời nói đầu Chƣơng 1: Công nghệ JSP/ Servlet 1.1 Giới thiệu kiến trúc J2EE Java 1.2 JSP(JavaServer Page)/Servlet Chƣơng 2: Mơ hình MVC 2.1 Sự đời mơ hình MVC 17 2.2 Khái niệm mơ hình MVC 17 2.3 Các thành phần mơ hình MVC 19 2.4 Mối quan hệ thành phân mô hình MVC 20 2.5 Cơ chế hoạt động mơ hình MVC 22 2.6 Ƣu nhƣợc điểm mô hình MVC 22 Chƣơng 3: Ứng dụng xây dựng website Đại học Vinh 3.1 Đánh giá trạng 24 3.2 Mục tiêu hệ thống 3.3 Phân tích thiết kế hệ thống, xây dựng CSDL 25 3.4 Xây dựng website 31 3.5 Một số giao diện sử dụng 31 25 Kết luận 37 Tài liệu tham khảo 38 Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp LỜI NÓI ĐẦU Ngày nay, với phát triển vƣợt bậc khoa học kỹ thuật, phát triển mạnh mẽ ngành khoa học máy tính mang lại giải pháp tối ƣu, công cụ trợ giúp cần thiết giúp ngƣời xử lý thơng tin cách nhanh chóng, xác, an toàn đạt hiệu cao Với xâm nhập sâu rộng vào tất lĩnh vực đời sống xã hội, cơng nghệ thơng tin nói chung khẳng định đƣợc vị quan trọng thiếu Máy tính điện tử trở thành cơng cụ đắc lực khơng giảm nhẹ lao động mà cịn giúp giải vấn đề to lớn mà trƣớc ngƣời khó hình dung đƣợc Cơng nghệ thông tin đƣợc ứng dụng nhiều lĩnh vực nhƣ: truyền thông, khoa học công nghệ thƣơng mại, mang lại lợi ích thiết thực góp phần quan trọng nâng cao đời sống ngƣời INTERNET thể phát triển bùng nổ công nghệ thơng tin tồn cầu Hơn tất cả, INTERNET phƣơng tiện trao đổi thơng tin tiện lợi, nhanh chóng rẻ tiền; môi trƣờng cho hoạt động kinh doanh; yếu tố để phát triển hệ thống quản lý nhà nƣớc đại Ứng dụng INTERNET hoạt động kinh doanh, quảng bá ngày trở nên phổ biến với nhà doanh nghiệp INTERNET đƣợc xem vũ khí để cạnh tranh thƣơng mại, quảng bá thƣơng hiệu tạo dựng hình ảnh, tạo môi trƣờng giao tiếp công ty, tổ chức với cá nhân Với mục đích tìm hiểu tiếp cận xu này, chúng em lựa chọn đề tài “Công nghệ JSP - Servlet kết hợp mơ hình MVC xây dựng ứng dụng website Đại học vinh” cho khoá luận tốt nghiệp Đồ án đƣợc xây dựng hồn tồn nhóm, khơng có chép địa nào, trình xây dựng đồ án có tham khảo tài liệu nhiều nguồn khác Mặc dù cố gắng việc tìm hiểu, phân tích cài đặt hệ thống nhƣng thời gian kiến thức hạn chế nên không tránh khỏi thiếu sót Chúng em mong nhận đƣợc cảm thơng góp ý thầy cô Chúng em xin chân thành cảm ơn! Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp Cũng qua đây, em xin gửi lời cảm ơn sâu sắc đến Thầy giáo - Thạc sĩLê Văn Tấnđã tận tình bảo cho chúng em suốt thời gian thực đề tài Em xin cảm ơn giúp đỡ thầy cô khoa CNTT Nhóm sinh viên thực hiện: Đậu Phi Xuân - Đậu Ngọc Hiệp Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp CHƢƠNG 1: CÔNG NGHỆ JSP/SERVLET 1.1 Giới thiệu kiến trúc J2EE Java - J2EE thuật ngữ viết tắc Java Platform, Enterprise Edition , distributed computing framework Sun Microsystems - J2EE platform để phát triển ứng dụng distributed J2EE bao gồm phần sau (đƣợc xem nhƣ J2EE Framwork):  J2EE Platform – platform chuẩn để hosting ứng dụng J2EE  Reference Implemetation – application server hỗ trợ chuẩn J2EE, ngoại trừ tiêu điểm đặc tính phiên chuẩn J2EE, chƣa phải sản phẩm hồn chỉnh  Compatibility Test Suite – cơng cụ để kiểm tra xem application server có tƣơng thích với chuẩn J2EE hay khơng Thiếu nhà cung cấp hiểu từ phát triển chuẩn J2EE theo hƣớng khác mà nhƣ làm giảm mạnh J2EE platform “write once, run anywhere”  Application Programming Model (APM) Blueprint – mơ hình ứng dụng tham khảo, đƣợc cung cấp để minh hoạ cách phát triển ứng dụng dùng J2EE - J2EE Framework cho phép phát triển ứng dụng distributed cách cung cấp tập dịch vụ nhƣ quản lý transaction, kiểm tra security, quản lý trạng thái, quản lý tài nguyên Các application serve cung cấp dịch vụ J2EE Framework - J2EE đƣợc xây dụng mơ hình container component Bốn container component cốt lõi cung cấp môi trƣờng cho component khác J2EE thông qua API Những component cốt lõi liên quan đến bốn kiểu container đƣợc hỗ trợ J2EE bao gồm, Application Client, Applet, Web EJB:  Java Application – component chƣơng trình standalone chạy bên Application Client container Application Client container cung cấp Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp API hỗ trợ cho messaging, remote invocation, database connectivity lookup service Application Client container đòi hỏi API sau: J2SE, JMS, JNDI, RIM-IIOP JDBC Container đƣợc cung cấp nhà cung cấp application server  Applet – Applet component java applet chạy bên Applet container, web browser có hỗ trợ công nghệ Java Applet phải hỗ trợ J2SE API  Servlet JSP – Web-based component chạy bên Web container, đƣợc hỗ trợ Web Server Web container môi trƣờng run-time cho servlet JSP Web Container phải hỗ trợ API sau: J2SE, JMS, JNDI, JTA, JavaMail, JAF, RIM-IIOP JDBC Serlet JSP cung cấp chế cho việc chuẩn bị, xử lý, định dạng nội dung động  Enterprise JavaBean (EJB) – EJB component business component chạy bên EJB container EJB component phần nhân, cốt lõi ứng dụng J2EE EJB container cung cấp dịch vự quản lý transaction, bảo mật, quản lý trạng thái, quay vòng tài nguyên (resource pooling) EJB container phải hỗ trợ API sau: J2SE, JMS, JNDI, JTA, JavaMail, JAF, RIM-IIOP JDBC 1.2 JavaServer Pages (JSP)/SERVLET 1.2.1 JavaServer Pages (JSP) a Khái niệm JSP JSP (viết tắt tiếng Anh JavaServer Pages) đƣợc biết đến với tên khác Java Scripting Preprocessor - tạm dịch "Bộ tiền xử lý văn lệnh Java" công nghệ Java cho phép nhà phát triển tạo nội dung HTML, XML hay số định dạng khác trang web cách động, hồi âm u cầu trình khách Cơng nghệ cho phép ngƣời ta nhúng mã Java số hành động xử lý đƣợc định trƣớc (pre-defined actions) vào nội dung tĩnh trang Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp JSP cách đơn giản hóa cho Servlet Nếu nhƣ Servlet phải viết mã Java biên dịch tay trƣớc sử dụng với trình chủ Web server JSP khơng cần điều JSP viết mã Java tƣơng tự Servlet nhƣng cho phép trộn lẫn Java với thẻ HTML để tạo Servlet xử lý yêu cầu mà trình khác gửi đến trang JSP đơn giản dễ sử dụng Servlet sau biên dịch thực thi chúng JavaServer Pages kỹ thuật xử lý yêu cầu client máy chủ (Server -slide), khơng thể thực hành động client JSP cho phép tách thành phần động trang khỏi thành phần tĩnh HML b Kiến trúc thành phần JSP - Đây cách thực nạp, dịch thực thi trang trang JSP đƣợc triệu gọi Web Server Hình Hoạt động JavaServer Pages - Các biến đƣợc định nghĩa sẵn JSP Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp Để đơn giản hoá mã biểu thức hay scriptlets JSP, ngƣời ta cung cấp cho đối tƣợng đƣợc định nghĩa trƣớc Đó là: request, response, out, session, application, config, pagContext, page, exception  Request: cho phép truy cập vào tham số request nhƣ loại request (GET, POST, …)  Response: javax.servlet.http.HttpServletResponse, có phạm vi tồn trang (page)  Session: có phạm vi phiên truyền (session) kiểu tƣơng ứng javax.servlet.http.HttpSession Gọi phiên truyền đƣợc tạo tự động - Biểu thức JSP Biểu thức JSP đƣợc dùng để chèn giá trị trực tiếp vào luồng xuất Nó có dạng sau: c Chu kỳ sống JSP Trang JSP có chu trình sống xác định tính từ hệ thống đọc biên dịch trang JSP, gọi thực thi loại bỏ trang khỏi nhớ Chu trình sống trang JSP gồm có giai đoạn sau: - Biên dịch trang Khi trình duyệt yêu cầu trang JSP, Web server kiểm tra xem trang JSP đƣợc biên dịch hay chƣa Nếu chƣa biên dịch biên dịch nhƣng trang JSP vừa thay đổi mã nguồn Web Server thực biên dịch trang JSP Quá trình biên dịch JSP thực tế chuyển trang JSP thành servlet File biên dịch class trang diễn lần Nếu trang biên dịch sau khơng bị thay đổi mã nguồn trình biên dịch khơng xảy nữa, mà tốc độ thực thi nhanh Sau biên dịch, mã trang đƣợc nạp vào nhớ để thực thi Quá trình biên dịch trang JSP đƣợc diễn nhƣ sau:  Bước 1: Kiểm tra xem trang đƣợc dịch thành mã nguồn tƣơng đƣơng servlet hay chƣa Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp  Bước 2: Nếu chƣa đƣợc biên dịch trang JSP đƣợc biên dịch thành file nguồn java theo cấu trúc servlet Gọi trình biên dịch javac biên dịch file nguồn java thành file thực thi servlet class  Bước 3: Nạp servlet biên dịch bƣớc 2, thực thi trả kết cho client  Bước 4: Nếu file JSP đƣợc biên dịch trƣớc : thực kiểm tra xem nội dung file JSP có thay đổi khơng, Nếu có quay lại bƣớc biên dịch lại trang, khơng quay lại bƣớc - Nạp trang Kể từ giai đoạn này, trình nạp trang tƣơng tự nhƣ servlet (trang JSP sau biên dịch coi nhƣ servlet) Chỉ có điểm khác servlet đƣợc nạp lần mã trang JSP biên dịch nhƣng phải nạp lại nhiều lần web server nhận đƣợc yêu cầu trang từ trình duyệt - Khởi tạo Khi nạp mã trang thành công, Web server gọi đến phƣơng thức khỏi tạo trang Và JSP đƣợc biên dịch servlet nhƣng phƣơng thức khởi tạo cho trang JSP lại mang tên JSPInit() init() nhƣ servlet - Thực thi Sau trình khởi tạo, Web server gọi đến phƣơng thức _JSPService (khác với servlet gọi đến doPost(),doGet() service()) Phƣơng thức _JSPService chuyển đến hai lớp đối tƣợng HttpServletRequest HttpServletResponse để đọc ghi kết xuất trả trình khách - Dọn dẹp Khi trang JSP thực thi xong, trình chủ Web Server gọi phƣơng thức JSPDestroy() để giải phóng mã trang khỏi nhớ Tƣơng tự nhƣ Servlet, cài đặt phƣơng thức JSPDestroy() thực giải phóng vùng nhớ đóng kết nối trả tài nguyên cho hệ thống d Xử lý nhúng chuyển hướng trang Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp Đồ án tốt nghiệp Trong trình xử lý chuyển liệu cho form nhúng triệu gọi trang JSP khác với trang hành - Nhúng file vào trang với thị include Chỉ thị thƣờng dùng để đem nội dung file html hay JSP bên vào trang hành - Sử dụng thẻ Chỉ thị dùng để nhúng mã nguồn tĩnh Nếu muốn nhúng kết kết xuất từ trang JSP, servlet hay html khác vào trang hành sử dụng thẻ với cú pháp nhƣ sau: - Chuyển tham số thẻ Khi nhúng trang thẻ bạn chuyển tham số cho trang đƣợc nhúng để nhận đƣợc kết xuất linh động cách sử dụng thẻ - Chuyển hướng sang trang với sendRedirect() Ngoài việc chuyển tiếp sử dụng phƣơng thức sendRedirect() để chuyển hƣớng triệu gọi trang JSP khác xử lý Sự khác chuyển tiếp (forward) chuyển hƣớng (redirect) lệnh sendRedirect () thực gọi trang mà không chuyển tham số trang hành cho trang chuyển hƣớng 1.2.2 Servlet a Khái niệm Servlet thành phần đối tƣợng nhúng trình chủ Web server thực xử lý yêu cầu sinh trang Web động trả máy khách Để sử dụng đƣợc Servlet cần có trình chủ hiểu Java hỗ trở triệu gọi Servlet nhƣ Apache, Jrun, Web Logic … Servlet thành phần đƣợc sử dụng để phát triển chƣơng trình dịch vụ Java phía máy chủ Các Servlet chƣơng trình Java thực ứng dụng Server Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 10 Đồ án tốt nghiệp CHƢƠNG 3:ỨNG DỤNG XÂY DỰNG WEBSITE ĐẠI HỌC VINH 3.1 Đánh giá trạng Website trƣờng Đại học Vinh đến nơi để nhà trƣờng quảng bá thƣơng hiệu tới cộng đồng, nơi cán bộ, sinh viên trƣờng cập nhật thông tin, thông báo nhà trƣờng chƣơng trình học, hoạt động nhà trƣờng Website đƣợc xây dựng để phục vụ cho đối tƣợng chính: Cán trƣờng, sinh viên, Ngƣời quản trị tất ngƣời quan tâm tới nhà trƣờng  Đối với Cán bộ: Nơi hiển thị thông tin, hoạt động liên quan tới cán nhƣ danh hiệu, chức danh, hoạt động nghiên cứu khoa học cán trƣờng  Đối với sinh viên: Sinh viên cập nhật thông tin hoạt động nhà trƣờng, thông báo quan trọng nhà trƣờng khoa đào tạo, phòng ban, trung tâm  Đối với Người quản lý: Ngƣời quản trị thực chức quản trị cho website nhƣ viết bài, phân quyền ngƣời dùng, bảo trì  Đối với khách: Website cung cấp cho khách hàng, bạn đọc ngƣời quan tâm tới nhà trƣờng tin tức hoạt động, lĩnh vực đào tạo, hoạt động học tập, giảng dạy nhƣ nghiên cứu khoa học nhà trƣờng, kênh để đƣa trƣờng với bạn bè nƣớc quốc tế - Nhược điểm website trường nay: Website trường Đại học Vinh tồn số nhược điểm là:  Giao diện không ấn tƣợng, không để lại ấn tƣợng cho ngƣời truy cập xứng tầm với trƣờng Đại học hàng đầu nƣớc Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 25 Đồ án tốt nghiệp  Quá nhiều nội dung, đặc biệt trên trang gây khó khăn cho ngƣời xem, nội dung bị lỗng  Các nội dung bố trí chƣa khoa học, gây khó khăn tìm kiếm thơng tin, ngƣời xem khơng biết tìm nội dung cần tìm đâu  Sử dụng menu phân cấp sâu khiến khách truy cập khó khăn tìm kiếm thơng tin Khơng tƣơng thích với xu truy cập website thiết bị di động  Website mang nặng tính hành chính, điều gây cảm giác nặng nề cho khách truy cập 3.2 Mục tiêu hệ thống 3.2.1 Mục tiêu tổng quát - xây dựng lại website đạt chuẩn, đầy đủ tiêu chí w3c - Quảng bá đƣợc hình ảnh, thơng tin Trƣờng đại học vinh xứng tầm với Trƣờng đại học đạt chuẩn quốc gia - Tạo dựng vị cho Trƣờng đại học vinhtrong thời đại mới, thu hút đầu tƣ, góp phần vào cơng phát triển của Trƣờng đại học vinh 3.2.2 Mục tiêu cụ thể - Xây dựng lại hoàn toàn giao diện website, sử dụng tông màu truyền thống trƣờng làm màu chủ đạo - Tinh giảm nội dung website, giảm tải nội dung đƣợc bố trí trang chủ Chỉ đƣa chủ đề hoạt động nhà trƣờng, thơng tin quan trọng Bố trí lại menu, chuyên mục đƣợc trải dài theo chiều dọc trang - - Không sử dụng menu sổ ra, menu phân cấp nhằm dễ dàng việc tìm kiếm thơng tin phù hợp cho thiết bị di động - Xây dựng lại website thơng thống hơn, bớt tính hành để tạo cảm giác thoải mái cho khách truy cập Các nội dung liên quan đƣợc thể rõ ràng nhằm giữ chân khách truy cập tìm kiếm thơng tin mong muốn 3.3 Phân tích thiết kế hệ thống, xây dựng CSDL Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 26 Đồ án tốt nghiệp Từ phân tích trên, chúng em xây dựng lại lƣợc đồ quan hệ trang web nhƣ sau: Hình Sơ đồ thực thể quan hệ - Cơ sở liệu xây dựng cho website: Bảng 1: TÀI KHOẢN Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 27 Đồ án tốt nghiệp Bảng 2: BÀI ĐĂNG Bảng 3: LOẠI BÀI ĐĂNG Bảng 4: CHUYÊN MỤC Bảng 5: ĐƠN VỊ Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 28 Đồ án tốt nghiệp Bảng 6: VĂN BẢN Bảng 7: THÀNH TÍCH VÀ ĐƠN VỊ Bảng 8: THÀNH TÍCH CỦA ĐƠN VỊ Bảng 9: CÁN BỘ Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 29 Đồ án tốt nghiệp Bảng 10: BỘ PHẬN Bảng 11: THÀNH TÍCH VÀ CÁN BỘ Bảng 10: THÀNH TÍCH CỦA CÁN BỘ Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 30 Đồ án tốt nghiệp Ta có CSDL liên kết Database nhƣ sau: Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 31 Đồ án tốt nghiệp 3.4 Xây dựng website 3.4.1 Sơ đồ website Hình Sơ đồ WebsiteTrường đại học vinh Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 32 Đồ án tốt nghiệp 3.4.2 Một số giao diện sử dụng Giao diện trang quản lý a - Giao diện Quản lý chuyên mục b Giao diện Quản lý loại đăng Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 33 Đồ án tốt nghiệp - Giao diện Quản lý đăng - Giao diện Quản lý tài khoản Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 34 Đồ án tốt nghiệp c Giao diện trang ngƣời dùng - Giao diện trang chủ Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 35 Đồ án tốt nghiệp - Giao diện mức Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 36 Đồ án tốt nghiệp - Giao diện mức Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 37 Đồ án tốt nghiệp KẾT LUẬN Dưới kết đạt vấn đề tồn chương trình: Kết đạt đƣợc Hiểu biết cơng nghệ java cụ thể sâu vào công nghệ JSP/serverlet Hiểu đƣợc mơ hình MVC kết hợp cơng nghệ JSP/serverlet với mơ hình MVC (model – view – Controller) Vận dụng để xây dựng đƣợc website trƣờng Đại học Vinh Hệ thống đáp ứng đƣợc yêu cầu sau: Vấn đề tồn Một số vấn đề mà hệ thống chưa khắc phục như:  Hệ thống dừng lại việc đƣa viết theo chuyên mục Nhiều chức chƣa đƣợc hoàn thiện hết thời gian ngắn nhƣ kiến thức hạn chế Hƣớng khắc phục phát triển Tiếp tục sâu nghiên cứu để hiểu biết thêm công nghệ java, thƣờng xuyên thực hành xây dựng website có sử dụng cơng nghệ JSP/serverlet kết hợp mơ hình MVC để hiều hết thuận lợi khó khăn ứng dụng chúng vào thực tiễn xây dựng website, tiếp tục phát triển website tin tức Trƣờng Đại học vinh để mang lại lợi ích thiết thực cho ngƣời quản trị nhƣ ngƣời sử dụng website Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 38 Đồ án tốt nghiệp TÀI LIỆU THAM KHẢO  [1] Giáotrình JavaServer Page (http://www.cse.hcmut.edu.vn/~hungnq/courses.htm)  [2] http://vi.wikipedia.org/wiki/JSP Thực hiện: Đậu Phi Xuân – Đậu Ngọc Hiệp 39 ... Dưới kết đạt vấn đề cịn tồn chương trình: Kết đạt đƣợc Hiểu biết công nghệ java cụ thể sâu vào cơng nghệ JSP/ serverlet Hiểu đƣợc mơ hình MVC kết hợp cơng nghệ JSP/ serverlet với mơ hình MVC (model... thêm công nghệ java, thƣờng xuyên thực hành xây dựng website có sử dụng cơng nghệ JSP/ serverlet kết hợp mơ hình MVC để hiều hết thuận lợi khó khăn ứng dụng chúng vào thực tiễn xây dựng website, ... hình MVC 19 2.4 Mối quan hệ thành phân mơ hình MVC 20 2.5 Cơ chế hoạt động mơ hình MVC 22 2.6 Ƣu nhƣợc điểm mơ hình MVC 22 Chƣơng 3: Ứng dụng xây dựng website Đại học