JSP教程基礎(chǔ)篇之HTML表單演示
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原文件中,增加
4、 增加
5、 增加
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源碼:
- 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è)部分: