JSP教程之HTML表單

大多數(shù)情況下，商業(yè)的網(wǎng)站都要有一些表單，比如說(shuō)輸入一下消費(fèi)者的姓名啦，地址啦，或者敲一個(gè)詞來(lái)用搜索引擎來(lái)查一下啦，或者市場(chǎng)人員從來(lái)訪者處收集一些數(shù)據(jù)供參考什么的。

那些表單傳回的數(shù)據(jù)怎么處理的？

來(lái)訪者通過(guò)表單向JSP引擎輸入了數(shù)據(jù)，并保存在了request對(duì)象中，那么接下來(lái)怎么辦？

首先，JSP引擎把存放在request對(duì)象中的數(shù)據(jù)發(fā)到JSP頁(yè)面指定的服務(wù)器端的組件（JavaBeans組件, servlet,或者enterprise bean），組件收到這些個(gè)數(shù)據(jù)以后，有可能再存這些數(shù)據(jù)到數(shù)據(jù)庫(kù)或者其他的地方存放起來(lái)，同時(shí)，返回一個(gè)response對(duì)象給JSP引擎。JSP引擎再把response對(duì)象傳給JSP頁(yè)面，這時(shí)的頁(yè)面包含了定義好的格式和從服務(wù)器端得到的數(shù)據(jù)。這時(shí)JSP引擎和Web服務(wù)器再發(fā)送一個(gè)整理好的完整的頁(yè)面給客戶，也就是這們?cè)跒g覽器上看到的結(jié)果?？蛻艉头?wù)器間的通信協(xié)議可以用HTTP，當(dāng)然也可以用其他的。

Request和Response對(duì)象在你制作的JSP原代碼中起作用。到于request對(duì)象到底怎么用，我要在接下來(lái)詳細(xì)的講給你聽(tīng)。

如何創(chuàng)建表單，那么本JSP教程將給你展現(xiàn)一個(gè)步驟：

用HTML定義一些有代表性的表單做成一個(gè)JSP文件，然后用JSP標(biāo)簽在表單和服務(wù)器端對(duì)象（通常都用Bean）傳遞數(shù)據(jù)。一般情況下是這么干的：

1、 寫(xiě)JSP原文件，創(chuàng)建一些HTML的表單并命名。

2、 在Java文件里寫(xiě)B(tài)ean，定義屬性，GET或者SET方法來(lái)配合已經(jīng)被你指定好名字的表單。

3、 回到JSP原文件中，增加 標(biāo)簽來(lái)創(chuàng)建一個(gè)或者調(diào)用一個(gè)現(xiàn)成的Bean。

4、 增加 標(biāo)簽設(shè)置HTML表單中需要SET方法的Bean的屬性。

5、 增加 標(biāo)簽設(shè)置HTML表單中需要GET方法的Bean的屬性。

6、 如果需要處理更多的用戶數(shù)據(jù)，用request對(duì)象。

說(shuō)了半天你可能看不懂，其實(shí)看一個(gè)例子你就懂了。

先看一個(gè)簡(jiǎn)單的hello的例子吧：

這段程序其實(shí)還是計(jì)算機(jī)程序里那個(gè)最經(jīng)典的“hello,world”的程序，只不過(guò)呢，我使他撓了一點(diǎn)彎兒，使他看起來(lái)比較智能和復(fù)雜。首先你輸入你的名字，然后Duke跟你說(shuō)：“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﹥  
  
  
  

  
  
  
回應(yīng)文件：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﹥  
  
  
  

  
  
  
處理數(shù)據(jù)的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表單

一個(gè)HTML的窗分為三個(gè)部分：

標(biāo)簽，輸入方法，提交按鈕發(fā)數(shù)據(jù)到服務(wù)器。一般的HTML頁(yè)面里，是這么寫(xiě)的，在其他的頁(yè)面里的action屬性可能是其他特殊的CGI程序或者其他能處理數(shù)據(jù)的程序，那么在JSP里邊是怎么用的呢，呵，如果你想把數(shù)據(jù)發(fā)到Bean里的話那么你可以省略action里邊的東里了，直接寫(xiě) 標(biāo)簽或者其他特定的JSP文件了。接下來(lái)的那些表單和普通的HTML差不多了，﹤INPUT﹥的方法，然后加一個(gè)提交按鈕，可能還有一個(gè)Reset按鈕，對(duì)了，別忘了，還得給每一個(gè)input表單加一個(gè)名字。

這么寫(xiě)：﹤INPUT name=username>

使用GET和POST方法

用GET和POST方法可以發(fā)數(shù)據(jù)到服務(wù)器，在JSP程序中GET和POST方法可以發(fā)數(shù)據(jù)到Bean、servlet、或者其他服務(wù)器端的組件。

理論上說(shuō)，GET是從服務(wù)器上請(qǐng)求數(shù)據(jù)，POST是發(fā)送數(shù)據(jù)到服務(wù)器。事實(shí)上，GET方法是把數(shù)據(jù)參數(shù)隊(duì)列（query string）加到一個(gè)URL上，值和表單是一一對(duì)應(yīng)的。比如說(shuō)，name=John。在隊(duì)列里，值和表單用一個(gè)&符號(hào)分開(kāi)，空格用+號(hào)替換，特殊的符號(hào)轉(zhuǎn)換成十六進(jìn)制的代碼。因?yàn)檫@一隊(duì)列在URL里邊，這樣隊(duì)列的參數(shù)就能看得到，可以被記錄下來(lái)，或更改。通常GET方法還限制字符的大小。事實(shí)上POST方法可以沒(méi)有時(shí)間限制的傳遞數(shù)據(jù)到服務(wù)器，用戶在瀏覽器端是看不到這一過(guò)程的，所以POST方法比較適合用于發(fā)送一個(gè)保密的（比如信用卡號(hào)）或者比較大量的數(shù)據(jù)到服務(wù)器。

寫(xiě)B(tài)ean

如果JSP程序用到了Bean，你就得按照J(rèn)avaBeans API的說(shuō)明設(shè)計(jì)你的Bean。

記住下面兩個(gè)關(guān)鍵部分。

如果JSP程序里用 標(biāo)簽，那你就得在Bean里邊配合的GET方法。

如果JSP程序進(jìn)而用 標(biāo)簽，那你就得在Bean里邊配合的Set方法。

設(shè)置參數(shù)到Bean或者從里邊取參數(shù)將在以后的部分詳細(xì)介紹。

傳數(shù)據(jù)到Bean

把HTML表單的數(shù)據(jù)傳到Bean里需要兩個(gè)工作：

◆ 用 標(biāo)簽創(chuàng)建或者定位到Bean

◆在Bean里面用 設(shè)置屬性值

***步用 標(biāo)簽創(chuàng)建或者定位到Bean一定要用在 之前， 首先按照你指定的名字查找Bean，如果沒(méi)找到，會(huì)給你指定一個(gè)。允許在一個(gè)JSP文件中創(chuàng)建一個(gè)Bean，然后再另一個(gè)文件中調(diào)用，這就給了Bean一個(gè)很廣泛的運(yùn)行空間。

第二步在Bean里面用 設(shè)置屬性值。最簡(jiǎn)單的方法是把值定義成與表單名相配合。舉個(gè)例子，如果你把表單名定義成“username”那么，你就在Bean里定義屬性“username”然后用方法getUsername和setUsername。

當(dāng)然也可以定義成不同的名字，只要你不認(rèn)為麻煩。誰(shuí)讓你記憶力好呢！

Request對(duì)象

用戶輸入的數(shù)據(jù)用來(lái)存放在Request對(duì)象里，用javax.servlet.HttpServletRequest來(lái)執(zhí)行（你也可以用其他不同的工具來(lái)執(zhí)行，但他們其實(shí)都是javax.servlet.HttpServletRequest的子集）

你也可以直接用scriptlet來(lái)直接訪問(wèn)Request對(duì)象。Scriptlet將在下一講里邊詳細(xì)的討論，現(xiàn)在你只需要知道他是用腳本語(yǔ)言寫(xiě)的一段放在<% 和%> 之間的代碼就足夠了。在JSP 1.0中，你必須用JavaTM程序語(yǔ)言作為你的腳本語(yǔ)言。
你經(jīng)常會(huì)用到如下方法處理Request對(duì)象：

◆方法

 ◆說(shuō)明

 ◆執(zhí)行結(jié)果

getRequest
Javax.servlet.jsp.PageContext
返回當(dāng)前Request對(duì)象

getParameterNames
javax.servlet.ServletRequest
返回當(dāng)前Request對(duì)象參數(shù)名

getParameterValues
javax.servlet.ServletRequest
返回當(dāng)前Request對(duì)象參數(shù)值

你將會(huì)發(fā)現(xiàn)其他方法包括ServletRequest，HttpServletRequest或者其他任何ServletRequest的子集。

JSP引擎經(jīng)常在scenes之后使用Request對(duì)象，即使你沒(méi)有明確地在JSP文件中調(diào)用。

從Bean中調(diào)數(shù)據(jù)到JSP頁(yè)面
一旦用戶的數(shù)據(jù)被傳到Bean，你就想重新得到數(shù)據(jù)，然后在JSP面頁(yè)中顯示出來(lái)。想達(dá)到這一步，你就得用到 標(biāo)簽。傳Bean名和屬性名：

   
 
 

    
  
  
﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥!  
    
  
  

    
  
  
﹤jsp:useBean﹥, ﹤jsp:setProperty﹥, 和 ﹤jsp:getProperty﹥標(biāo)簽必須相配，舉個(gè)例子：  
    
  
  

    
  
  
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"/﹥! 
   
 
 

在這個(gè)例子里，標(biāo)簽被放在兩個(gè)文件中，但是指定的名字都是相同的，如果不同的話，那么系統(tǒng)會(huì)返回一個(gè)錯(cuò)誤信息。

如何運(yùn)行例子

我用的是UNIX主機(jī)，如果你用windows，那么改相應(yīng)的路徑即可。

創(chuàng)建路徑../jswdk-1.0/examples/jsp/tutorial/hellouser.

把文件background.gif, duke.waving.gif, dukebanner.html, hellousr.jsp和response.jsp文件放進(jìn)去。

創(chuàng)建一個(gè)目錄，../jswdk-1.0/examples/WEB-INF/jsp/beans/hello

把文件NameHandler.java和NameHandler.class放進(jìn)去。

cd../jswdk-1.0然后startserver

打開(kāi)瀏覽器http://計(jì)算機(jī)名:8080/examples/jsp/tutorial/hellouser/hellouser.jsp

看完這段JSP教程，一定要?jiǎng)邮衷囋嚺叮?/p>

文章名稱：JSP教程基礎(chǔ)篇之HTML表單演示
本文來(lái)源：http://www.5511xx.com/article/dpjdcij.html