第二課:用html表單
大多數情況下,商業的網站都要有一些表單,比如說輸入一下消費者的姓名啦,地址啦,或者敲一個詞來用搜索引擎來查一下啦,或者市場人員從來訪者處收集一些數據供參考什么的。
那些表單傳回的數據怎么處理的?
來訪者通過表單向jsp引擎輸入了數據,并保存在了request對象中,那么接下來怎么辦?
圖2-1向你展示了數據流是如何在服務器和客戶之間傳遞的(至少在sun的jsp reference implementation是這么做的,別的jsp引擎工作起來可能會有一點點的不同,其實大同小異,都差不多)
字兒太小了,可能看不大清吧?俺來解釋一下了只好。
首先,jsp引擎把存放在request對象中的數據發到jsp頁面指定的服務器端的組件(javabeans組件, servlet,或者enterprise bean),組件收到這些個數據以后,有可能再存這些數據到數據庫或者其他的地方存放起來,同時,返回一個response對象給jsp引擎。jsp引擎再把response對象傳給jsp頁面,這時的頁面包含了定義好的格式和從服務器端得到的數據。這時jsp引擎和web服務器再發送一個整理好的完整的頁面給客戶,也就是這們在瀏覽器上看到的結果。客戶和服務器間的通信協議可以用http,當然也可以用其他的。
request和response對象在你制作的jsp原代碼中起作用。到于request對象到底怎么用,我要在接下來詳細的講給你聽。
如何創建表單
用html定義一些有代表性的表單做成一個jsp文件,然后用jsp標簽在表單和服務器端對象(通常都用bean)傳遞數據。一般情況下是這么干的:
1、 寫jsp原文件,創建一些html的表單并命名。
2、 在java文件里寫bean,定義屬性,get或者set方法來配合已經被你指定好名字的表單。
3、 回到jsp原文件中,增加<jsp:usebean>標簽來創建一個或者調用一個現成的bean。
4、 增加<jsp:setproperty>標簽設置html表單中需要set方法的bean的屬性。
5、 增加<jsp:getproperty>標簽設置html表單中需要get方法的bean的屬性。
6、 如果需要處理更多的用戶數據,用request對象。
說了半天你可能看不懂,其實看一個例子你就懂了。
先看一個簡單的hello的例子吧:
這段程序其實還是計算機程序里那個最經典的“hello,world”的程序,只不過呢,我使他撓了一點彎兒,使他看起來比較智能和復雜。首先你輸入你的名字,然后duke跟你說:“hello!”
看看代碼吧:
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="http://edu.cnzz.cn/newsinfo/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的窗分為三個部分:<form>標簽,輸入方法,提交按鈕發數據到服務器。一般的html頁面里,是這么寫的<form method=get action=someurl>,在其他的頁面里的action屬性可能是其他特殊的cgi程序或者其他能處理數據的程序,那么在jsp里邊是怎么用的呢,呵,如果你想把數據發到bean里的話那么你可以省略action里邊的東里了,直接寫<jsp:usebean>標簽或者其他特定的jsp文件了。接下來的那些表單和普通的html差不多了,<input>的方法,然后加一個提交按鈕,可能還有一個reset按鈕,對了,別忘了,還得給每一個input表單加一個名字。
這么寫:<input type="text" name="username">
使用get和post方法
用get和post方法可以發數據到服務器,在jsp程序中get和post方法可以發數據到bean、servlet、或者其他服務器端的組件。
理論上說,get是從服務器上請求數據,post是發送數據到服務器。事實上,get方法是把數據參數隊列(query string)加到一個url上,值和表單是一一對應的。比如說,name=john。在隊列里,值和表單用一個&符號分開,空格用+號替換,特殊的符號轉換成十六進制的代碼。因為這一隊列在url里邊,這樣隊列的參數就能看得到,可以被記錄下來,或更改。通常get方法還限制字符的大小。事實上post方法可以沒有時間限制的傳遞數據到服務器,用戶在瀏覽器端是看不到這一過程的,所以post方法比較適合用于發送一個保密的(比如信用卡號)或者比較大量的數據到服務器。
寫bean
如果jsp程序用到了bean,你就得按照javabeans api的說明設計你的bean。
記住下面兩個關鍵部分。
如果jsp程序里用<jsp:getproperty>標簽,那你就得在bean里邊配合的get方法。
如果jsp程序進而用 <jsp:setproperty>標簽,那你就得在bean里邊配合的set方法。
設置參數到bean或者從里邊取參數將在以后的部分詳細介紹。
傳數據到bean
把html表單的數據傳到bean里需要兩個工作:
· 用<jsp:usebean>標簽創建或者定位到bean
· 在bean里面用<jsp:serproperty>設置屬性值
第一步用<jsp:usebean>標簽創建或者定位到bean一定要用在<jsp:setproperty>之前,<jsp:usebean>首先按照你指定的名字查找bean,如果沒找到,會給你指定一個。允許在一個jsp文件中創建一個bean,然后再另一個文件中調用,這就給了bean一個很廣泛的運行空間。
第二步在bean里面用<jsp:setproperty>設置屬性值。最簡單的方法是把值定義成與表單名相配合。舉個例子,如果你把表單名定義成“username”那么,你就在bean里定義屬性“username”然后用方法getusername和setusername。
當然也可以定義成不同的名字,只要你不認為麻煩。誰讓你記憶力好呢!
request對象
用戶輸入的數據用來存放在request對象里,用javax.servlet.httpservletrequest來執行(你也可以用其他不同的工具來執行,但他們其實都是javax.servlet.httpservletrequest的子集)
你也可以直接用scriptlet來直接訪問request對象。scriptlet將在下一講里邊詳細的討論,現在你只需要知道他是用腳本語言寫的一段放在<% 和%> 之間的代碼就足夠了。在jsp 1.0中,你必須用javatm程序語言作為你的腳本語言。
你經常會用到如下方法處理request對象:
方法
說明
執行結果
getrequest
javax.servlet.jsp.pagecontext
返回當前request對象
getparameternames
javax.servlet.servletrequest
返回當前request對象參數名
getparametervalues
javax.servlet.servletrequest
返回當前request對象參數值
你將會發現其他方法包括servletrequest,httpservletrequest或者其他任何servletrequest的子集。
jsp引擎經常在scenes之后使用request對象,即使你沒有明確地在jsp文件中調用。
從bean中調數據到jsp頁面
一旦用戶的數據被傳到bean,你就想重新得到數據,然后在jsp面頁中顯示出來。想達到這一步,你就得用到<jsp:getproperty>標簽。傳bean名和屬性名:
<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"/>!
在這個例子里,標簽被放在兩個文件中,但是指定的名字都是相同的,如果不同的話,那么系統會返回一個錯誤信息。
如何運行例子
我用的是unix主機,如果你用windows,那么改相應的路徑即可。
創建路徑../jswdk-1.0/examples/jsp/tutorial/hellouser.
把文件background.gif, http://edu.cnzz.cn/newsinfo/duke.waving.gif, dukebanner.html, hellousr.jsp和response.jsp文件放進去。
創建一個目錄,../jswdk-1.0/examples/web-inf/jsp/beans/hello
把文件namehandler.java和namehandler.class放進去。
cd../jswdk-1.0然后startserver
打開瀏覽器http://計算機名:8080/examples/jsp/tutorial/hellouser/hellouser.jsp
新聞熱點
疑難解答