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ơ
Trang 1Tạ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
Trang 2Hì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
Trang 3Hì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
Trang 4Tố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
Trang 6String password = request.getParameter("password");
if((userid != null && !userid.equals("")) &&
(password != null && !password.equals(""))){
Trang 7}
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"
<body> </body>
Trang 8Trướ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
Trang 9Sau khi đăng nhập, bạn sẽ được gửi đến trang welcome.jsp, trang mà bây giờ bạn
Ví dụ 7 Xác định trang Web welcome.jsp
Trang 10<title>welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
response.sendRedirect("login.jsp"); }
%>
<h1>Welcome <% out.print(userid);
%>!</h1>
Trang 11See your <a
Hình 32 Trang chào mừng
Trang 12Tốt rồi Bây giờ hãy tiếp tục và xác định trang đăng xuất
Trang đăng xuất
Trang đăng xuất xóa biến phiên định danh người dùng, khóa các truy cập thêm vào
hệ thống Xác định trang này, như trong Ví dụ 8
Ví dụ 8 Xác định trang Web đăng xuất
Trang 13<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
session.setAttribute("userid", null);
response.sendRedirect("login.jsp"); }
%>
Trang 14</body>
</html>
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 (định danh 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 15
Trang bất động sản
Để tạo một trang bất động sản cho người dùng có thể xem tài sản bất động sản của
họ và nhập các tài sản mới, hãy xác định trang Web realstate.jsp, như trong Ví dụ
Trang 18if(total > 0)
total = Math.round(total*100.0)/100.0;
%>
</table>
<h3>Total value: $<% out.print(total); %></h3>
<h4>Enter new real estate:</h4>
<%
String address = request.getParameter("address");
Trang 19String city = request.getParameter("city");
String zip = request.getParameter("zip");
String state = request.getParameter("state");
String value = request.getParameter("value");
if(request.getParameter("create") != null){
if(!address.equals("") && !city.equals("") &&
!zip.equals("") && !state.equals("") &&
!value.equals("")){
realestate.createRealestate(new BigDecimal(value), address, city, zip, state, userid);
Trang 20Address: <input name="address"/><br/>
City: <input name="city"/><br/>
Zip: <input name="zip"/><br/>
State: <input name="state"/><br/>
Value: $<input name="value"/><br/>
<input type="submit" name="create" value="Create"/>
Bắt đầu tại đầu thẻ <body>, 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 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
Trang 21thị 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 chức năng
realestate.createRealestate() của bean bất động sản Sau khi thêm thành công bản ghi 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
Trang 22Nhấ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 thêm thành công, và tất cả được cập nhật
Tiếp đến bạn sẽ chuyển sang trang chứng khoán nơi bạn sẽ truy vấn Yahoo!
Finance API
Trang chứng khoán
Trang 23Hiện giờ bạn đang ở trang cuối cùng, nơi người dùng sẽ có thể nhìn thấy các giá trị bị trì hoãn của tài sản chứng khoán Xác định trang này, như trong Ví dụ 10
Ví dụ 10 Xác định trang Web chứng khoán
Trang 24<! Here we login to the database to fetch all securities
in the securities table,
same database URL as before >
<h1>Your stock and options holdings</h1>
<table border="1"><tr><th>Sybmol</th><th>
Description</th><th>Quantity*</th>
<th>Type</th><th>Current price**</th>
<th>Total value</th>
Trang 26String str =
"http://finance.yahoo.com/d/quotes.csv?s="+
curr.getSymbol()+"&f=nd1l1";
URL url = new URL(str);
URLConnection conn = url.openConnection();
DataInputStream in =
new DataInputStream ( conn.getInputStream ( ) ) ;
BufferedReader br = new BufferedReader(new
String date = line.substring(line.indexOf("\",\"")+3, line.indexOf("\",", line.indexOf("\",\"")+4));
Trang 27
String price = line.substring(line.indexOf("\",",
line.indexOf("\",\"")+4)+2);
int multQuantity = curr.getQuantity();
Trang 28"</td><td>$"+totalValue+"</td><td>"+date+" </td></tr>");
<h3>Total value: $<% out.print(total); %></h3>
* # of contracts for options<br/>** Delayed quotes,
as retrieved from Yahoo! Finance™
<br/><br/><a href="welcome.jsp">back</a>
</body>
</html>
Trang 29Bỏ 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ới dòng = br.readLine(); Ba dòng tiếp theo phân tích các kết quả thành ba biến Hãy chú ý rằng nếu securityType bằng với "quyền chọn", số lượng để điện toán giá trị của chứng khoán được nhân với 100 (vì mỗi hợp đồng quyền chọn đều có 100 chứng khoán)
Xem hình ảnh đầu tiên của trang chứng khoán khi hoạt động trong Hình 36 (được đăng nhập với người dùng tên tyler)
Hình 36 Trang Web chứng khoán
Giống như một người chuyên nghiệp, bạn vừa hoàn thành xong mã trình! Bây giờ
là lúc để thử và triển khai trên WebSphere Application Server!
Trang 30
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
Trang 312 Cửa sổ Run on Server mở ra
Hình 38 Xác định một máy chủ mới
Trang 323 Chọn Mannually define a new server (Xác định thủ công một máy chủ mới) và chọn WebSphere v6.1 Server dưới danh mục IBM Nếu mọi thứ
có vẻ ổn rồi, nhấn Next
4 Cửa sổ WebSphere Server Settings mở ra
Trang 33Hình 39 Cấu hình các cài đặt máy chủ WebSphere
5 Giữ nguyên mặc định và nhấn Next
Trang 346 Cửa sổ Add and Remove Projects (Thêm và Gỡ các Dự án) mở ra Hãy chắc chắn là dự án 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
Trang 35Hì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
Trang 36đượ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 Phần 2, phần mà bạn sẽ học cách kiểm tra ứng dụng Web dựa trên Java của bạn để tìm ra các khiếm khuyết và sửa chúng với sự trợ giúp của AppScan!
