程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> JBuilder2005實戰JSP之切換控制 圖文步驟

JBuilder2005實戰JSP之切換控制 圖文步驟

日期:2017/1/11 9:56:31      編輯:關於JSP
表單中用戶名和密碼兩組件的數據將通過HTTP請求傳給服務器的switch.jsp,服務器將這些信息封裝在request對象中傳給switch.jsp,所以switch.jsp可通過request.getParameter(String paraName)來獲取這兩個值。
復制代碼 代碼如下:
String userId = request.getParameter("userId");
String password = request.getParameter("password");

  試想如果login.jsp的表單有10個以上的數據組件,則在switch.jsp中必須通過相應數目的request.getParameter()方法獲取其值。此外,如果這些數據不是字段串類型,而是整數或浮點數,由於request.getParameter()方法返回的值都是String,還必須進行類型的轉換,這種工作不但單調乏味,還容易出錯。

  JSP允許你通過Bean以映射的方式接收網頁表單的數據,Bean以這個規則映射表單的數據:Bean屬性名=表單數據組件名,也即所有和Bean屬性名相同的表單數據域被自動填充到Bean中,並且完成數據類型的轉換。如login.jsp的表單中有兩個數據組件,一個名為userId,另一個是password,定義一個擁有相同名的userId和password屬性的User.java Bean,這個Bean將可以自動接收表單中的兩個數據組件值。

  編寫User.java

  我們先來編寫這個User.java的Bean,在工程中創建User.java,其代碼如下所示:

  代碼清單 7 User.java
復制代碼 代碼如下:
package bookstore;

public class User
{
private String userId;//用戶Id
private String password;//密碼
private String userName;//用戶名
public String getPassword() {
return password;
}
public String getUserId() {
return userId;
}
public String getUserName() {
return userName;
}
public void setPassword(String password) {
this.password = password;
}
public void setUserId(String userId) {
this.userId = userId;
}
public void setUserName(String userName) {
this.userName = userName;
}
}

  除userId和password兩屬性名,還有一個用戶名屬性userName,這個屬性的值不是從login.jsp的表單接收的,當用戶名密碼驗證正確後,從數據表T_USER表中獲取用戶名保存在這個屬性中,以便其他地方引用,保存並編譯這個類。

  提示:

  你可以通過JBuilder的Bean Express工具快速創建User.java的代碼,在一般情況下,你應該通過Bean Express來創建Bean的屬性,這樣不但自動產生get/set的屬性訪問方法,還保證了Bean命名規范。


  編寫頁面程序

  在創建User.java 的Bean後,我們著手創建switch.jsp,在switch.jsp中引用這個Bean。

  通過File->New..->Web->雙擊JSP圖標啟動創建JSP向導。

1.指定swith.jsp名字


圖 10 指定switch.jsp的名字
  一直按Next到向導的第3步。

  2.引用User.java Bean


圖 11 指定JSP中引用Bean
  點擊Add Bean...按鈕,彈出Select a Class對話框,在對話框中選擇bookstore.User類,如下圖所示:


圖 12 選擇類作為Bean
  按OK後,返回到向導第3步的對話框,此時對話框的Bean列表中多了一行記錄,可以在ID欄中為Bean指定一個名字,在Scope中指定Bean的作用域,如下圖所示:


圖 13 引用一個Bean
  我們為User的Bean取名為userBean,將其作用域設置為page域。page域即為頁面作用域,在當前頁面范圍作用域內可用,當JSP返回響應,或請求轉到其他的JSP頁面中時,都不可用了,其他3個作用域說明如下:

  ·request作用域:當一個請求產生直到返回響應的范圍內都是有效的,如a.jsp中聲明為request作用域的Bean,當a.jsp通過<jsp:forward>轉移請求到b .jsp頁面中時還是可用的。

  ·session作用域:在用戶會話的周期內都是可用的,會話周期為用戶登錄系統直到其退出系統為此。

  ·application作用域:這個作用域最長,表示Web容器啟動直到關閉都是有效的。

  按Next到下一步。

  3.設置運行配置項

  在向導的最後一步,你可以為創建的JSP產生一個運行配置項,雖然向導將創建一個運行配置項設置為默認選項,但筆者認為這並不是一個合理的默認值,建議取消create a runtime configuration設置項,不要創建JSP的運行配置項,如下圖所示:


  按Finish按鈕創建switch.jsp文件,其代碼如下所示:

  代碼清單 8 向導創建的switch.jsp
復制代碼 代碼如下:
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
 <title>
  switch
 </title>
</head>
<jsp:useBean id="userBean" scope="page" class="bookstore.User" />
<jsp:setProperty name="userBean" property="*" />
<body bgcolor="#ffffff">
 <h1>
  JBuilder Generated JSP
 </h1>
</body>
</html>

  第8行是引用Bean的JSP標簽,第9行用表單的數據填充Bean的屬性值,即以名字匹配的方式將request的參數填充到Bean的屬性中,同時完成類型轉換(只有基本數據類型或構造函數支持的才可以完成轉換)。在執行完第9行後,userBean中的userId和password屬性將被設置為login.jsp頁面中所發送過來的用戶名和密碼的值。

  因為switch.jsp只是用於控制,並不需要顯示內容到客戶端,所以我們去除switch.jsp中的HTML代碼,將switch.jsp調整為:

  代碼清單 9 去除靜態HTML代碼後的switch.jsp
復制代碼 代碼如下:
<%@ page contentType="text/html; charset=GBK" %>
<jsp:useBean id="userBean" scope="page" class="bookstore.User" />
<jsp:setProperty name="userBean" property="*" />

  在switch.jsp中提供一段Scriptlet,將userId和password發送到數據庫和T_USER表中的用戶比較看是否是合法的用戶,根據驗證的結果轉向不同的頁面。switch.jsp的最終代碼如下所示:

  代碼清單 10 最終的switch.jsp
復制代碼 代碼如下:
<%@page contentType="text/html; charset=GBK"%>
<%@page import="bookstore.*"%>
<%@page import="java.sql.*"%>
<jsp:useBean id="userBean" scope="session" class="bookstore.User"/>
<jsp:setProperty name="userBean" property="*"/>
<%
Connection conn = null;
try {
 conn = DBConnection.getConnection();
 PreparedStatement pStat = conn.prepareStatement(
  "select USER_NAME from T_USER where USER_ID=? and password = ?");
 pStat.setString(1, userBean.getUserId());
 pStat.setString(2, userBean.getPassword());
 ResultSet rs = pStat.executeQuery();
 if (rs.next()) { //密碼正確
  userBean.setUserName(rs.getString(1));//設置用戶名
  session.setAttribute("ses_userBean", userBean);//將userBean放入Session對象中
%><jsp:forward page=" welcome.jsp "></jsp:forward>
<%} else { //密碼錯誤%>
<jsp:forward page="fail.jsp"></jsp:forward>
<%
  }} finally {
   if(conn != null) conn.close();
  }
%>

  ·在第2~3行中引入Scriptlet代碼中需要的類。

  ·第7~14行代碼向數據庫發送查詢SQL語句並返回結果。

  ·第15行通過檢查結果集的記錄數間接判斷用戶密碼是否正確。

  ·第16~18行是用戶密碼正確的響應代碼,首先用結果集的USER_NAME屬性填充userBean的userName屬性值,然後將userBean對象放入Session中,最後轉向welcome.jsp頁面。

  ·當用戶輸入密碼不正確時,結果集中將沒有記錄,此時rs.next()返回false,程序轉向第20行,第20行的代碼將頁面轉向到密碼輸入錯誤的處理頁面fail.jsp。

  ·第22~24行的代碼用於關閉數據庫的連接。

  也許大家已經發現雖然第9~21行會拋出SQLException異常,但我們並沒有相應的異常捕獲塊,在標准的Java程序中將導致一個編譯期的錯誤,但在JSP中卻可以順序通過編譯,這是因為JSP頁面本身會捕獲頁面中拋出的所有異常。

  假設第11行的SQL查詢語句發生有錯誤,如將用戶表名誤寫為User(正確為T_USER),當switch.jsp被調用後,第14行將拋出SQLException異常,此時switch.jsp將顯示出異常堆棧跡的跟蹤信息頁面,如下圖如示:

圖 14 可怕的錯誤處理頁面
  上圖所示的錯誤處理頁面可謂青面獠牙,面目猙獰,非常不友好,對於開發人員來說這種報錯頁面也許是適合的,因為它提供了許多錯誤跟蹤信息,但最終用戶是不可能接受這種粗野的出錯頁面的。JSP允許你通過<%@ page errorPage%>為頁面指定一個專門處理錯誤的JSP頁面,以便用一種友好、直觀的形式展現錯誤。在下一節裡,我們將創建一個用於處理錯誤的JSP頁面,在創建之後,我們再來為switch.jsp指定錯誤處理JSP頁面。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved