Bài viết giới thiệu nền tảng căn bản của công nghệ JSP phiên bản 2.0. Bài viết cung cấp cho bạn cái nhìn tổng quát về JSP và bắt đầu viết một số trang Web nhỏ ứng dụng JSP. Do không có nhiều thời gian nên mình sẽ chi bài viết này thành 2 phần: - Phần tổng quan và cài đặt. - Phần căn bản JSP. (sẽ được giới thiệu sau) Đối tượng Đây là bài viết dành cho những lập trình viên bắt đầu học JSP, những người có kiến thức tốt về lập trình Java và HTML....
Giới thiệu JSP Phần GIỚI THIỆU JSP Mức độ: Căn Nguyễn Hoài Tưởng, nhtuong 16 tháng Tư, 2007 Nội dung Bài viết giới thiệu tảng công nghệ JSP phiên 2.0 Bài viết cung cấp cho bạn nhìn tổng quát JSP bắt đầu viết số trang Web nhỏ ứng dụng JSP Do khơng có nhiều thời gian nên chi viết thành phần: - Phần tổng quan cài đặt - Phần JSP (sẽ giới thiệu sau) Đối tượng Đây viết dành cho lập trình viên bắt đầu học JSP, người có kiến thức tốt lập trình Java HTML Nếu bạn chuyên gia JSP viết khơng phù hợp với bạn Tuy nhiên hữu ích bạn muốn tìm hiểu thay đổi từ phiên trước lên 2.0 JSP Lưu ý viết nhấn mạnh giải thích cấu trúc ý nghĩa thành phần có JSP khơng sâu vào kỹ thuật lập trình để tạo nên ứng dụng cụ thể Đây tảng để bạn vào ứng dụng riêng Yêu cầu cấu hình Để chạy đoạn code mẫu viết bạn cần yêu cầu tối thiểu cho JSP 2.0 sau: - J2SE 1.3 cao - Application Server hỗ trợ Java Servlet 2.4 Specification (Tomcat 5.x) Phần 1: Tổng quan JSP JSP công cụ mạnh, dễ sử dụng tảng nhà phát triển Web JSP kết hợp HTML, XML, Java Servlet (một ứng dụng mở rộng thêm dành cho phía Server) cơng nghệ JavaBeans (một lớp điển hình cho việc sử dụng đặc tính hướng đối tượng Java, tương tụ class thông thường Java) để tạo nên ứng dụng độc lập động môi trường Web với độ tin cậy (an toàn, bền vững) tương tác người dùng với hiệu cao Trong thực tế IBM CNN số nhiều hãng sử dụng công nghệ cho ứng dụng Web Như xác JSP gì? Điều thú vị có hai góc nhìn khác từ “nhà” khác nhau: nhà thiết kế website nhà lập trình Java Người thứ bảo JSP đoạn code mở rộng thêm (các Servlet class) nhà lập trình tạo ra, để tơi có thao tác động cho trang HTML Tôi không cần phải học làm để lập trình Java Với người thứ hai, nghĩ mức cao Tơi tạo đoạn code đó, nhờ servlet class từ nơi khác mà tơi nhúng trực tiếp đoạn code xử lý bên trang HTML Khi nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần người dùng gọi tơi có thao tác để đáp ứng, phụ thuộc vào thành phần lưu servlet class Bây bạn xác định để chủ động việc tìm hiểu JSP Tiếp theo hình sau giới thiệu với bạn thành phần kiến trúc ứng dụng JSP: HTTP WEB SERVER JSP ENGINE Database Server Client JSP Files Hình 1: Kiến trúc JSP Webserver nơi tiếp nhận lời gọi client, có nhiệm vụ tìm kiếm file JSP theo lời gọi client Sau đó, tồn file JSP lời gọi client, yêu cầu JSP Engine thực xử lý code JSP để trả kết cho client Nếu lời gọi từ client cần kết nối Cơ sở liệu JSP Engine tiếp tục làm việc với Server Database để lấy liệu cần thiết cho client Để hiểu rõ hơn, bạn xem hình minh họa hoạt động cho tiết thành phần JSP Engine: nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần Yêu cầu gửi cho JSP Engine Gửi yêu cầu Web Server Client Trả lời yêu cầu Client JSP File Kết trả Servlet HTML File Hình 2: Hoạt động JSP Có nhiều câu hỏi xoay quanh JSP Servlet JSP có phải Servlet khơng? Tại tơi viết Servlet mà không gọi trang Servlet mà gọi trang JSP? Câu trả lời để chạy trang JSP tất code JSP phải biên dịch sang Servlet sau tùy vào nội dung mà Servlet cho trang HTML với nội dung có từ xử lý đoạn code JSP để trả lời yêu cầu client Như phải dung trung gian Servlet? Điều đáng lưu ý bạn tiếp cận với cơng nghệ mạnh để lập trình Web theo mơ hình Client-Server Ở đây, Server Webserver chun phục vụ yêu cầu thao tác từ phía client Chỉ đơn xử lý Chúng ta nói phần Server liệu viết sau Tất xử lý bạn Webserver quản lý Khi cần bạn gọi nó, người dùng nơi khác gọi xử lý để sử dụng mà viết lại code Java Họ không cần biết lập trình Java thể nào? Đây ưu điểm lớn ứng dụng tổ chức theo mơ hình Client-Server Ví dụ JSP đơn giản HelloWorld.jsp Hello World JSP Example Hello World Ở gọi trang JSP Nhưng trang HTML bình thường thơi? Như điều cần quan tâm cần phải hiểu JSP thừa kế lại mã lệnh HTML Server JSP hiểu đoạn code HTML thành phần JSP Khi client gọi trang HelloWorld.jsp Server JSP xử lý trang dịch thẻ HTML trả kết cho client nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần Trong trường hơp client nhận kết đơn liệu tĩnh, lần sau client gọi nội dung vậy! Bây giờ, bạn xem tiếp ví dụ sau: Ví dụ JSP động HelloWorld2.jsp Hello World JSP Example w/Current Time Hello World The local server time is Sự khác biệt sau lần gọi trang HelloWorld2.jsp, client nhận nội dung động ngày hệ thống Ví dụ JSP dùng XML Hello World JSP Example w/ Current Time Hello World The local server time is new java.util.Date() Thay dùng thẻ để bắt đầu kết thúc cho đoạn code JSP, ta dùng cơng nghệ XML để thay cho việc làm cách dùng thẻ đơi mục đích việc ứng dụng XML định hướng nội dung đoạn code JSP nhờ vào tên thẻ XML Cài đặt Đến xem bạn có nhìn tổng quát JSP Vấn đề làm thể để chạy đoạn code thật đơn giản để thấy hoạt động JSP Theo yêu cầu cấu hình phần trên, bạn phải cài đặt theo trình tự số thành phần sau: - - Cài JDK (tải từ www.sun.com ) o Ví dụ: http://192.18.108.206/ECom/EComTicketServlet/BEGIN27623577F714D83BAC2 A16F7E736A7C1/2147483648/2068386795/1/819170/818954/2068386795/2ts+/westCoastFSEND/jdk -6u1-oth-JPR/jdk-6u1-oth-JPR:2/jdk-6u1-windows-i586-p.exe Set biến môi trường JAVA_HOME=[Đường dẫn tới thư mục cài đặt bạn] o Ví dụ: JAVA_HOME= C:\Program Files\Java\jdk1.5.0_09 - Cài Server Tomcat (tải từ www.apache.org) Để thuận tiện bạn nên tải file cài đặt có phần mở rộng *.exe o Ví dụ: http://archive.apache.org/dist/tomcat/tomcat-5/v5.0.28/bin/jakarta-tomcat5.0.28.exe - Set biến môi trường CATALINA_HOME=[Đường dẫn tới thư mục cài đặt bạn] o Ví dụ: CATALINA_HOME= C:\Program Files\Apache Software Foundation\Tomcat 5.5 nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần Bạn click phải Bạn chọn Hình 3: Set biến môi trường nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần Bạn chọn Hình 4: Set biến môi trường nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần Bạn chọn Hình 5: Set biến mơi trường - Khởi động Tomcat Khởi động trình duyệt Web o Ví dụ: Internet Explorer (C:\Program Files\Internet Explorer\IEXPLORE.EXE) - Mở trang test Tomcat địa mặc định: http://localhost:8080 Nếu bạn thấy mèo Tomcat bạn thành công phần cài đặt Viết trang JSP đầu tiên: o Mở chương trình soạn thảo (ví dụ: Notepad), sau copy đoạn code mẫu HelloWorld2.jsp phần viết dán vào lưu lại với tên tùy ý thích bạn (ví dụ “HelloWorld2.jsp” ) Lưu ý, để dễ dàng cho việc test, theo khuyến cáo tác giả, bạn nên lưu vào thư mục ROOT Tomcat: Ví dụ: C:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\ROOT o Tắt Tomcat cách click phải chuột vào icon Tomcat Taskbar ( ) chọn “Stop service” o Sau tắt bạn khởi động lại Tomcat lần cách tương tự chọn “Start service” - nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần o Dùng trình duyệt Web xem kết trang JSP bạn địa chỉ: http://localhost:8080/[tênfile_ban_vừa_lưu_ở_trên] Ví dụ: http://localhost:8080/HelloWorld2.jsp Hình 6: Kết trang HelloWorld2.jsp Kết thúc phần nhtuong www.canthoonline.com/diendan .. .Giới thiệu JSP Phần người dùng gọi tơi có thao tác để đáp ứng, phụ thuộc vào thành phần lưu servlet class Bây bạn xác định để chủ động việc tìm hiểu JSP Tiếp theo hình sau giới thiệu với... động cho tiết thành phần JSP Engine: nhtuong www.canthoonline.com/diendan Giới thiệu JSP Phần Yêu cầu gửi cho JSP Engine Gửi yêu cầu Web Server Client Trả lời yêu cầu Client JSP File Kết trả Servlet... Hoạt động JSP Có nhiều câu hỏi xoay quanh JSP Servlet JSP có phải Servlet khơng? Tại tơi viết Servlet mà không gọi trang Servlet mà gọi trang JSP? Câu trả lời để chạy trang JSP tất code JSP phải