自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

JSP教程基礎(chǔ)篇之HTML表單演示

開發(fā) 后端
本JSP教程將繼續(xù)為您展現(xiàn)JSP在動(dòng)態(tài)頁面制作中HTML表單的基礎(chǔ)技術(shù),包括如何創(chuàng)建表單、使用GET和POST方法等。

JSP教程之HTML表單

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

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

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

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

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

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

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

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

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

3、 回到JSP原文件中,增加標(biāo)簽來創(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ì)象。

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

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

這段程序其實(shí)還是計(jì)算機(jī)程序里那個(gè)最經(jīng)典的“hello,world”的程序,只不過呢,我使他撓了一點(diǎn)彎兒,使他看起來比較智能和復(fù)雜。首先你輸入你的名字,然后Duke跟你說:“hello!”

JSP源碼

  1. dukebanner.html   
  2.  
  3. ﹤table border="0" width="400" cellspacing="0" cellpadding="0"﹥   
  4.  
  5. ﹤tr﹥   
  6.  
  7. ﹤td height="150" width="150"﹥   ﹤/td﹥   
  8.  
  9. ﹤td width="250"﹥   ﹤/td﹥   
  10.  
  11. ﹤/tr﹥   
  12.  
  13. ﹤tr﹥   
  14.  
  15. ﹤td width="150"﹥   ﹤/td﹥   
  16.  
  17. ﹤td align="right" width="250"﹥   
  18. ﹤img src="duke.waving.gif"﹥ ﹤/td﹥   
  19.  
  20. ﹤/tr﹥﹤/table﹥﹤br﹥   
  21.  
  22. 主JSP文件:hellouser.jsp   
  23.  
  24. ﹤%@ page import="hello.NameHandler" %﹥   
  25.  
  26. ﹤jsp:useBean id="mybean" scope="page" class="hello.NameHandler" /﹥   
  27.  
  28. ﹤jsp:setProperty name="mybean" property="*" /﹥   
  29.  
  30. ﹤html﹥   
  31.  
  32. ﹤head﹥﹤title﹥Hello, User﹤/title﹥﹤/head﹥   
  33.  
  34. ﹤body bgcolor="#ffffff" background="background.gif"﹥   
  35.  
  36. ﹤%@ include file="dukebanner.html" %﹥   
  37.  
  38. ﹤table border="0" width="700"﹥   
  39.  
  40. ﹤tr﹥﹤td width="150"﹥   ﹤/td﹥   
  41.  
  42. ﹤td width="550"﹥   
  43.  
  44. ﹤h1﹥My name is Duke. What's yours?﹤/h1﹥﹤/td﹥﹤/tr﹥   
  45.  
  46. ﹤tr﹥﹤td width="150"   ﹤/td﹥﹤td width="550"﹥   
  47.  
  48. ﹤form method="get"﹥   
  49.  
  50. ﹤input type="text" name="username" size="25"﹥   
  51.  
  52. ﹤br﹥   
  53.  
  54. ﹤input type="submit" value="Submit"﹥   
  55.  
  56. ﹤input type="reset" value="Reset"﹥   
  57.  
  58. ﹤/td﹥﹤/tr﹥   
  59.  
  60. ﹤/form﹥   
  61.  
  62. ﹤/table﹥   
  63.  
  64. ﹤%   
  65.  
  66. If ( request.getParameter("username") != null )   
  67.  
  68. {   
  69.  
  70. %﹥   
  71.  
  72. ﹤% @ include file="response.jsp" %﹥   
  73.  
  74. ﹤% }   
  75.  
  76. %﹥   
  77.  
  78. ﹤/body﹥﹤/html﹥   
  79.  
  80. 回應(yīng)文件:response.jsp   
  81.  
  82. ﹤table border="0" width="700"﹥   
  83.  
  84. ﹤tr﹥   
  85.  
  86. ﹤td width="150"﹥   ﹤/td﹥   
  87.  
  88. ﹤td width="550"﹥   
  89.  
  90. ﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username" /﹥!   
  91.  
  92. ﹤/h1﹥   
  93.  
  94. ﹤/td﹥   
  95.  
  96. ﹤/tr﹥   
  97.  
  98. ﹤/table﹥   
  99.  
  100. 處理數(shù)據(jù)的Bean:(namehandler.java)   
  101.  
  102. package hello;   
  103.  
  104. public class NameHandler   
  105.  
  106. {   
  107.  
  108. private String username;   
  109.  
  110. public NameHandler() {   
  111.  
  112. username = null;   
  113.  
  114. }   
  115.  
  116. public void setUsername( String name ) {   
  117.  
  118. username = name;   
  119.  
  120. }   
  121.  
  122. public String getUsername() {   
  123.  
  124. return username;   
  125.  
  126. }   
  127.  
  128. }  

建立HTML表單

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

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

使用GET和POST方法

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

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

寫B(tài)ean

如果JSP程序用到了Bean,你就得按照J(rèn)avaBeans API的說明設(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,如果沒找到,會(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)為麻煩。誰讓你記憶力好呢!

Request對(duì)象

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

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

◆方法

 ◆說明

 ◆執(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ì)象,即使你沒有明確地在JSP文件中調(diào)用。

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

  1. ﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥!   
  2.  
  3. ﹤jsp:useBean﹥, ﹤jsp:setProperty﹥, 和 ﹤jsp:getProperty﹥標(biāo)簽必須相配,舉個(gè)例子:   
  4.  
  5. hellouser.jsp:   
  6. ﹤jsp:useBean id="mybean" scope="session" class="hello.NameHandler" /﹥   
  7. ﹤jsp:setProperty name="mybean" property="*" /﹥   
  8. response.jsp:   
  9. ﹤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

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

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

【編輯推薦】

  1. JSP編程應(yīng)注意的六個(gè)常見問題
  2. JSP標(biāo)簽庫解析
  3. JSP設(shè)計(jì)模式淺析
  4. 什么是JSP以及其強(qiáng)弱勢(shì)
  5. JSP頁面Tomcat提高性能之王道

責(zé)任編輯:仲衡 來源: 互聯(lián)網(wǎng)
相關(guān)推薦

2009-06-30 10:37:56

JSP教程

2009-06-30 11:02:29

JSP教程

2009-06-30 11:33:55

腳本JSP教程

2009-06-30 16:33:42

JSP2.0特性JSP教程

2009-07-03 14:41:03

2009-11-06 16:48:03

WCF簡(jiǎn)介

2011-02-24 11:10:40

2021-09-06 06:45:06

WebpackMindMasterEntry

2009-06-30 15:19:55

Form表單JSP入門

2010-05-27 17:41:09

2011-07-14 09:16:10

HTML 5

2021-03-02 12:36:49

MQKafkaRocketMQ

2021-08-11 06:34:14

ZabbixDocker運(yùn)維

2011-01-18 10:00:59

Linux磁盤分區(qū)

2022-03-28 09:31:58

for循環(huán)語句

2019-10-12 15:06:02

MySQL數(shù)據(jù)庫命令

2009-07-03 14:31:43

學(xué)習(xí)JSP

2011-07-15 09:10:44

HTML 5CSS3

2009-07-01 11:44:32

JSP學(xué)習(xí)教程

2022-03-10 09:33:21

Java數(shù)組初始化
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)