溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JSP如何實現(xiàn)HTML表單

發(fā)布時間:2021-11-22 09:54:13 來源:億速云 閱讀:469 作者:小新 欄目:編程語言

小編給大家分享一下JSP如何實現(xiàn)HTML表單,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

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

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

來訪者通過表單向JSP引擎輸入了數(shù)據(jù),并保存在了request對象中,那么接下來怎么辦?

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

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

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

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

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

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

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

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

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

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

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

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

這段程序其實還是計算機程序里那個最經(jīng)典的“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"﹥    ﹤h2﹥My name is Duke. What's yours?﹤/h2﹥﹤/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"﹥    ﹤h2﹥Hello, ﹤jsp:getProperty name="mybean" property="username" /﹥!    ﹤/h2﹥    ﹤/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表單

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

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

使用GET和POST方法

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

理論上說,GET是從服務器上請求數(shù)據(jù),POST是發(fā)送數(shù)據(jù)到服務器。事實上,GET方法是把數(shù)據(jù)參數(shù)隊列(query string)加到一個URL上,值和表單是一一對應的。比如說,name=John。在隊列里,值和表單用一個&符號分開,空格用+號替換,特殊的符號轉(zhuǎn)換成十六進制的代碼。因為這一隊列在URL里邊,這樣隊列的參數(shù)就能看得到,可以被記錄下來,或更改。通常GET方法還限制字符的大小。事實上POST方法可以沒有時間限制的傳遞數(shù)據(jù)到服務器,用戶在瀏覽器端是看不到這一過程的,所以POST方法比較適合用于發(fā)送一個保密的(比如信用卡號)或者比較大量的數(shù)據(jù)到服務器。

寫B(tài)ean

如果JSP程序用到了Bean,你就得按照JavaBeans API的說明設(shè)計你的Bean。

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

如果JSP程序里用標簽,那你就得在Bean里邊配合的GET方法。

如果JSP程序進而用標簽,那你就得在Bean里邊配合的Set方法。

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

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

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

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

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

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

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

當然也可以定義成不同的名字,只要你不認為麻煩。誰讓你記憶力好呢!

Request對象

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

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

◆方法

 ◆說明

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

getRequest
Javax.servlet.jsp.PageContext
返回當前Request對象

getParameterNames
javax.servlet.ServletRequest
返回當前Request對象參數(shù)名

getParameterValues
javax.servlet.ServletRequest
返回當前Request對象參數(shù)值


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

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

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

﹤h2﹥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:   ﹤h2﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥!

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

如何運行例子

我用的是UNIX主機,如果你用windows,那么改相應的路徑即可。

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

把文件background.gif, duke.waving.gif, dukebanner.html, hellousr.jsp和response.jsp文件放進去。

創(chuàng)建一個目錄,../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

以上是“JSP如何實現(xiàn)HTML表單”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)
推薦閱讀:
  1. HTML表單
  2. HTML表單(下)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI