Thông tin tài liệu
Tạo JSP để sử dụng các lớp pureQuery mới dùng Rational Application Developer Bây giờ bạn có tất cả các lớp này để phát triển ứng dụng Web động của bạn hiệu quả hơn trong thời gian ít hơn. Trong phần này bạn sẽ tạo ra năm tệp JSP mới để gộp cả ứng dụng Web của bạn, tiếp đến là triển khai và kiểm tra trên WebSphere Application Server. Trang đăng nhập Để tạo trang đăng nhập cho phép người dùng của bạn đăng nhập: 1. Nhấn chuột trái vào danh mục WebContent và chọn New > Web Page. Hình 29. Tạo một trang Web mới 2. Cửa sổ New Web Page (Trang Web Mới) mở ra. Định rõ các chi tiết của trang Web mới của bạn. Hình 30. Cấu hình một trang Web mới 3. Đặt tên tệp tin này là login.jsp. 4. Hãy chắc chắn là giá trị của trường danh mục là /wealth/WebContent/. 5. Chọn JSP cho Template. 6. Nhấn Finish để tạo tệp tin. 7. Quay lại và lặp lại các Bước 1-6, nhưng thay vì tạo ra login.jsp, hãy tạo bốn tệp này: welcome.jsp, logout.jsp, securities.jsp, realestate.jsp. Bạn sẽ tìm hiểu thêm về từng tệp JSP này và mã hóa chúng trong phần sau của phần này. Tốt! Giờ hãy tiếp tục và bắt đầu mã hóa JSP! Mã hóa các tệp JSP Bắt đầu với trang login.jsp và thay đổi mẫu được tạo cho bạn, như trong Hình 6. Ví dụ 6. Mã hóa trang đăng nhập <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <jsp:useBean id="users" class="com.ibm.ds.users.UsersDataImpl" scope="page" /> <%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@page import="com.ibm.ds.users.Users" %> <%@page import="pureQuery.example.*" %> <%@page import="com.ibm.pdq.runtime.*" %> <html> <head> <title>login</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="GENERATOR" content="Rational Application Developer"> </head> <body> <h1>Login</h1> <! database connection will be made using URL: jdbc:db2://localhost:50000/WEALTH on users table. Success takes the user to the welcome page. > <% String userid = request.getParameter("userid"); String password = request.getParameter("password"); if((userid != null && !userid.equals("")) && (password != null && !password.equals(""))){ Data d = SampleUtil.getData("jdbc:db2://localhost:50000/WEALTH", "<enter_your_username>", "<enter_your_password>"); users.setData(d); Users u = users.getUsers(userid); if(u != null && u.getPassword().equals(password)){ session.setAttribute("userid", userid); response.sendRedirect("welcome.jsp"); } else{ out.println("Error logging in.<br/><br/>"); } } else if(request.getParameter("login") != null) out.println("You must enter a userid and password.<br/><br/>"); %> <form method="post"> userid: <input name="userid"/><br/> Password: <input name="password" type="password"/><br/> <input type="submit" name="login" value="Login"/> </form> </body> </html> Chú ý <jsp:useBean tag /> trên dòng thứ hai. Tại đây bạn vừa xác định lớp UsersDataImpl cho ứng dụng bằng JSP của bạn. Chú ý cách nó được sử dụng trong mã trình JSP trong phạm vi các thẻ <% %>. Tiếp theo, không kém phần quan trọng là ba câu lệnh nạp, tiếp đến là mọi thứ trong phạm vi các thẻ <body> </body>. Trước tiên hãy xem biểu mẫu được tạo phía dưới nơi bạn nhập các trường cho mật khẩu và định danh người dùng, bằng nút Login (Đăng nhập). Khi trình biểu mẫu, bạn lấy các trường và kiểm tra tính hợp lệ của chúng. Sau đó, bạn kết nối với cơ sở dữ liệu sử dụng lớp tiện ích pureQuery đã được tạo ra. (pureQuery.example.SampleUtil). Sau đó bạn đặt giá trị dữ liệu (có chứa kết nối tới cơ sở dữ liệu) trong biến người dùng (bean được thông báo ở đầu trang). Bây giờ bạn có thể chạy các truy vấn trên cơ sở dữ liệu sử dụng các lớp pureQuery. Truy vấn đầu tiên bạn thực iện sử dụng mã trình pureQuery là một truy vấn tìm nạp tên người sử dụng phù hợp từ cơ sở dữ liệu. Nếu mật khẩu được trả lại phù hợp, bạn đặt biến phiên, định danh người dùng, cho định danh người dùng được cấp và chuyển hướng người dùng sang trang welcome.jsp. Nếu không xác nhận được, bạn sẽ nhận được kết quả là không đăng nhập được, và nếu các giá trị định danh người dùng và mật khẩu không hợp lệ, bạn khai báo như vậy với đầu ra. Xem một trang đăng nhập. Hình 31. Trang đăng nhập Sau khi đăng nhập, bạn sẽ được gửi đến trang welcome.jsp, trang mà bây giờ bạn sẽ xác định. Trang chào mừng Trang chào mừng giống như trang đích đến cho máy khách của công ty quản lý tài sản của bạn. Do vậy mà, nó là một tệp tin khá đơn giản, nên hãy xác định nó như trong Ví dụ 7. Ví dụ 7. Xác định trang Web welcome.jsp <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01 Transitional//EN"> <%@page language="java" contentType="text/html; charset=ISO- 8859-1" pageEncoding="ISO-8859-1"%> <html> <head> <title>welcome</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 1"> <meta name="GENERATOR" content="Rational Application Developer"> </head> <body> <! If userid session variable is not null then the user is logged in. > <% String userid = (String)session.getAttribute("userid"); if(userid == null){ response.sendRedirect("login.jsp"); } %> <h1>Welcome <% out.print(userid); %>!</h1> [...]... thành thạo việc sử dụng hỗ trợ pureQuery cho các trang Web JSP của mình Bạn vừa cài đặt Rational Application Developer với Data Studio, tạo thành công một Dynamic Web Project được kích hoạt pureQuery (Dự án Web động được kích hoạt pureQuery) , sinh mã trình pureQuery từ các bảng cơ sở dữ liệu của bạn, và viết năm trang Web JSP để minh họa cho tính năng của chúng Hãy chắc chắn là quay trở lại để xem tiếp... login .jsp nơi bạn vừa khai bean bất động sản ở đầu trang, cùng với một vài câu lệnh nạp của các lớp bạn sẽ sử dụng thông qua trang Web JSP này Bắt đầu tại đầu thẻ , mở đầu của một bảng được cài đặt để hiển thị tất cả tài sản bất động sản Tại đây bạn kết nối lại với cơ sở dữ liệu và hãy chú ý đây là nơi bạn sử dụng các câu lệnh pureQuery mới mà bạn đã tạo ra trong lớp realestateData.java bằng cách... mã trình! Bây giờ là lúc để thử và triển khai trên WebSphere Application Server! Triển khai và kiểm tra trên WebSphere Application Server Để chạy ứng dụng của bạn trên WebSphere Application Server, vẫn còn một vài bước cuối cùng để chuẩn bị ứng dụng của bạn 1 Nhấn chuột phải vào login .jsp trong cửa sổ Project Explorer và chọn Run As > Run on Server Hình 37 Chạy trên WebSphere Application Server 2 Cửa... bất động sản mới, người dùng được chuyển hướng trở lại cũng trang đó Nếu nhập dữ liệu không hợp lệ, nó sẽ được thông báo bằng một câu lệnh đầu ra Đăng nhập vào hệ thống sử dụng "hilbilly", và sau đó xem trang Web bất động sản, như trong Hình 34 Hình 34 Trang Web bất động sản Nhấn Create để chạy mã trình và thêm bản ghi bất động sản mới vào hệ thống Hình 35 Nhập một bản ghi bất động sản mới Bản ghi được...See your securities See your real estate logout Hãy chắc chắn là biến phiên định danh người dùng có tồn tại, và nếu không có biến đó, hãy đưa người dùng trở lại trang Web login .jsp Mặt khác, thực thi mã trình tiếp tục tại ví trí trang chào mừng người dùng, và hiển thị ba liên kết: Một... wealthEAR được liệt kê dưới các dự án Configured Hình 40 Thêm và gỡ các dự án 7 Nhấn Next Hình 41 Chọn các tác vụ 8 Thế là xong rồi, vì thế hãy nhấn Finish Máy chủ nên khởi động bây giờ Mở một trình duyệt và xem trang đăng nhập tại địa chỉ URL sau: http://localhost:9080/wealth/login .jsp Bây giờ bạn đã có một ứng dụng Rational Application Developer hoàn chỉnh thực sự với kinh nghiệm của Data Studio Tóm... lớp realestateData.java bằng cách truy vấn cơ sở dữ liệu trên định danh người dùng chỉ để truy lục một danh sách các bản ghi phù hợp Những thứ này sau đó được hiển thị cho trình duyệt trong phạm vi bảng, tiếp đến là một giá trị tổng của các tài sản bất động sản của người dùng Cuối cùng, cài đặt một biểu mẫu để lấy đầu vào cho các tài sản bất động sản Việc nhập theo dữ liệu hợp lệ vào biểu mẫu này gọi... người dùng không hợp lệ), biến phiên định danh người dùng được đặt là không hợp lệ, và người dùng được chuyển hướng lại trang đăng nhập Do đó bây giờ hãy thử nhấn liên kết đăng xuất từ trang chào mừng, bạn sẽ được đưa trở lại trang đăng nhập Hình 33 Quay lại trang đăng nhập Tiếp theo bạn sẽ mã hóa trang bất động sản nên khách có thể xem và nhập các tài sản bất động sản của họ Trang bất động sản Để tạo. .. name="GENERATOR" content= "Rational Application Developer" > Không có gì được hiển thị nếu người dùng không được đăng nhập, nhưng nếu người dùng được đăng nhập... Finance™ back Bỏ qua các đặc điểm giống với trang Web bất động sản, tại đây bạn truy vấn cơ sở dữ liệu cho tất cả chứng khoán của người dùng này, và thiết đặt một bảng để hiển thị chúng Tiếp đến đối với mỗi chứng khoán, bạn truy vấn Yahoo! Finance API bằng các thiết lập URL kết nối với trang Web, và lấy nhanh các kết quả vào biến dòng bằng lệnh gọi . Tạo JSP để sử dụng các lớp pureQuery mới dùng Rational Application Developer Bây giờ bạn có tất cả các lớp này để phát triển ứng dụng Web động của bạn hiệu quả. nơi bạn sử dụng các câu lệnh pureQuery mới mà bạn đã tạo ra trong lớp realestateData.java bằng cách truy vấn cơ sở dữ liệu trên định danh người dùng chỉ để truy lục một danh sách các bản ghi. biến người dùng (bean được thông báo ở đầu trang). Bây giờ bạn có thể chạy các truy vấn trên cơ sở dữ liệu sử dụng các lớp pureQuery. Truy vấn đầu tiên bạn thực iện sử dụng mã trình pureQuery
Ngày đăng: 07/08/2014, 10:20
Xem thêm: Tạo JSP để sử dụng các lớp pureQuery mới dùng Rational Application Developer pps, Tạo JSP để sử dụng các lớp pureQuery mới dùng Rational Application Developer pps
