程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> JSP入門教程(3)

JSP入門教程(3)

編輯:關於JSP
第二課:用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="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, 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

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