JSP教程之HTML表單

大多數情況下，商業的網站都要有一些表單，比如說輸入一下消費者的姓名啦，地址啦，或者敲一個詞來用搜索引擎來查一下啦，或者市場人員從來訪者處收集一些數據供參考什么的。

那些表單傳回的數據怎么處理的？

來訪者通過表單向JSP引擎輸入了數據，并保存在了request對象中，那么接下來怎么辦？

首先，JSP引擎把存放在request對象中的數據發到JSP頁面指定的服務器端的組件（JavaBeans組件, servlet,或者enterprise bean），組件收到這些個數據以后，有可能再存這些數據到數據庫或者其他的地方存放起來，同時，返回一個response對象給JSP引擎。JSP引擎再把response對象傳給JSP頁面，這時的頁面包含了定義好的格式和從服務器端得到的數據。這時JSP引擎和Web服務器再發送一個整理好的完整的頁面給客戶，也就是這們在瀏覽器上看到的結果。客戶和服務器間的通信協議可以用HTTP，當然也可以用其他的。

Request和Response對象在你制作的JSP原代碼中起作用。到于request對象到底怎么用，我要在接下來詳細的講給你聽。

如何創建表單，那么本JSP教程將給你展現一個步驟：

用HTML定義一些有代表性的表單做成一個JSP文件，然后用JSP標簽在表單和服務器端對象（通常都用Bean）傳遞數據。一般情況下是這么干的：

1、 寫JSP原文件，創建一些HTML的表單并命名。

2、 在Java文件里寫Bean，定義屬性，GET或者SET方法來配合已經被你指定好名字的表單。

3、 回到JSP原文件中，增加標簽來創建一個或者調用一個現成的Bean。

4、 增加標簽設置HTML表單中需要SET方法的Bean的屬性。

5、 增加標簽設置HTML表單中需要GET方法的Bean的屬性。

6、 如果需要處理更多的用戶數據，用request對象。

說了半天你可能看不懂，其實看一個例子你就懂了。

先看一個簡單的hello的例子吧：

這段程序其實還是計算機程序里那個最經典的“hello,world”的程序，只不過呢，我使他撓了一點彎兒，使他看起來比較智能和復雜。首先你輸入你的名字，然后Duke跟你說：“hello!”

JSP源碼：

dukebanner.html   
 
﹤table border="0" width="400" cellspacing="0" cellpadding="0"﹥   
 
﹤tr﹥   
 
﹤td height="150" width="150"﹥   ﹤/td﹥   
 
﹤td width="250"﹥   ﹤/td﹥   
 
﹤/tr﹥   
 
﹤tr﹥   
 
﹤td width="150"﹥   ﹤/td﹥   
 
﹤td align="right" width="250"﹥   
﹤img src="duke.waving.gif"﹥ ﹤/td﹥   
 
﹤/tr﹥﹤/table﹥﹤br﹥   
 
主JSP文件：hellouser.jsp   
 
﹤%@ page import="hello.NameHandler" %﹥   
 
﹤jsp:useBean id="mybean" scope="page" class="hello.NameHandler" /﹥   
 
﹤jsp:setProperty name="mybean" property="*" /﹥   
 
﹤html﹥   
 
﹤head﹥﹤title﹥Hello, User﹤/title﹥﹤/head﹥   
 
﹤body bgcolor="#ffffff" background="background.gif"﹥   
 
﹤%@ include file="dukebanner.html" %﹥   
 
﹤table border="0" width="700"﹥   
 
﹤tr﹥﹤td width="150"﹥   ﹤/td﹥   
 
﹤td width="550"﹥   
 
﹤h1﹥My name is Duke. What's yours?﹤/h1﹥﹤/td﹥﹤/tr﹥   
 
﹤tr﹥﹤td width="150"   ﹤/td﹥﹤td width="550"﹥   
 
﹤form method="get"﹥   
 
﹤input type="text" name="username" size="25"﹥   
 
﹤br﹥   
 
﹤input type="submit" value="Submit"﹥   
 
﹤input type="reset" value="Reset"﹥   
 
﹤/td﹥﹤/tr﹥   
 
﹤/form﹥   
 
﹤/table﹥   
 
﹤%   
 
If ( request.getParameter("username") != null )   
 
{   
 
%﹥   
 
﹤% @ include file="response.jsp" %﹥   
 
﹤% }   
 
%﹥   
 
﹤/body﹥﹤/html﹥   
 
回應文件：response.jsp   
 
﹤table border="0" width="700"﹥   
 
﹤tr﹥   
 
﹤td width="150"﹥   ﹤/td﹥   
 
﹤td width="550"﹥   
 
﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username" /﹥!   
 
﹤/h1﹥   
 
﹤/td﹥   
 
﹤/tr﹥   
 
﹤/table﹥   
 
處理數據的Bean：(namehandler.java)   
 
package hello;   
 
public class NameHandler   
 
{   
 
private String username;   
 
public NameHandler() {   
 
username = null;   
 
}   
 
public void setUsername( String name ) {   
 
username = name;   
 
}   
 
public String getUsername() {   
 
return username;   
 
}   
 
}  

建立HTML表單

一個HTML的窗分為三個部分：

﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥!   
 
﹤jsp:useBean﹥, ﹤jsp:setProperty﹥, 和 ﹤jsp:getProperty﹥標簽必須相配，舉個例子：   
 
hellouser.jsp:   
﹤jsp:useBean id="mybean" scope="session" class="hello.NameHandler" /﹥   
﹤jsp:setProperty name="mybean" property="*" /﹥   
response.jsp:   
﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥!