JSP教程基础篇之HTML表单演示

开发 后端
本JSP教程将继续为您展现JSP在动态页面制作中HTML表单的基础技术,包括如何创建表单、使用GET和POST方法等。

JSP教程之HTML表单

大多数情况下,商业的网站都要有一些表单,比如说输入一下消费者的姓名啦,地址啦,或者敲一个词来用搜索引擎来查一下啦,或者市场人员从来访者处收集一些数据供参考什么的。

那些表单传回的数据怎么处理的?

来访者通过表单向JSP引擎输入了数据,并保存在了request对象中,那么接下来怎么办?

首先,JSP引擎把存放在request对象中的数据发到JSP页面指定的服务器端的组件(JavaBeans组件, servlet,或者enterprise bean),组件收到这些个数据以后,有可能再存这些数据到数据库或者其他的地方存放起来,同时,返回一个response对象给JSP引擎。JSP引擎再把response对象传给JSP页面,这时的页面包含了定义好的格式和从服务器端得到的数据。这时JSP引擎和Web服务器再发送一个整理好的完整的页面给客户,也就是这们在浏览器上看到的结果。客户和服务器间的通信协议可以用HTTP,当然也可以用其他的。

Request和Response对象在你制作的JSP原代码中起作用。到于request对象到底怎么用,我要在接下来详细的讲给你听。

如何创建表单,那么本JSP教程将给你展现一个步骤:

用HTML定义一些有代表性的表单做成一个JSP文件,然后用JSP标签在表单和服务器端对象(通常都用Bean)传递数据。一般情况下是这么干的:

1、 写JSP原文件,创建一些HTML的表单并命名。

2、 在Java文件里写Bean,定义属性,GET或者SET方法来配合已经被你指定好名字的表单。

3、 回到JSP原文件中,增加标签来创建一个或者调用一个现成的Bean。

4、 增加标签设置HTML表单中需要SET方法的Bean的属性。

5、 增加标签设置HTML表单中需要GET方法的Bean的属性。

6、 如果需要处理更多的用户数据,用request对象。

说了半天你可能看不懂,其实看一个例子你就懂了。

先看一个简单的hello的例子吧:

这段程序其实还是计算机程序里那个最经典的“hello,world”的程序,只不过呢,我使他挠了一点弯儿,使他看起来比较智能和复杂。首先你输入你的名字,然后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. 回应文件: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. 处理数据的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表单

一个HTML的窗分为三个部分:

标签,输入方法,提交按钮发数据到服务器。一般的HTML页面里,是这么写的,在其他的页面里的action属性可能是其他特殊的CGI程序或者其他能处理数据的程序,那么在JSP里边是怎么用的呢,呵,如果你想把数据发到Bean里的话那么你可以省略action里边的东里了,直接写标签或者其他特定的JSP文件了。接下来的那些表单和普通的HTML差不多了,﹤INPUT﹥的方法,然后加一个提交按钮,可能还有一个Reset按钮,对了,别忘了,还得给每一个input表单加一个名字。
这么写:﹤INPUT 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程序里用标签,那你就得在Bean里边配合的GET方法。

如果JSP程序进而用 标签,那你就得在Bean里边配合的Set方法。

设置参数到Bean或者从里边取参数将在以后的部分详细介绍。

传数据到Bean

把HTML表单的数据传到Bean里需要两个工作:

◆ 用标签创建或者定位到Bean

◆在Bean里面用设置属性值

***步用标签创建或者定位到Bean一定要用在之前,首先按照你指定的名字查找Bean,如果没找到,会给你指定一个。允许在一个JSP文件中创建一个Bean,然后再另一个文件中调用,这就给了Bean一个很广泛的运行空间。

第二步在Bean里面用设置属性值。最简单的方法是把值定义成与表单名相配合。举个例子,如果你把表单名定义成“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面页中显示出来。想达到这一步,你就得用到标签。传Bean名和属性名:

  1. ﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥!   
  2.  
  3. ﹤jsp:useBean﹥, ﹤jsp:setProperty﹥, 和 ﹤jsp:getProperty﹥标签必须相配,举个例子:   
  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"/﹥!  

在这个例子里,标签被放在两个文件中,但是指定的名字都是相同的,如果不同的话,那么系统会返回一个错误信息。

如何运行例子

我用的是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

看完这段JSP教程,一定要动手试试哦!

【编辑推荐】

  1. JSP编程应注意的六个常见问题
  2. JSP标签库解析
  3. JSP设计模式浅析
  4. 什么是JSP以及其强弱势
  5. JSP页面Tomcat提高性能之王道

责任编辑:仲衡 来源: 互联网
相关推荐

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

2011-02-24 11:10:40

2009-06-30 15:19:55

Form表单JSP入门

2021-09-06 06:45:06

WebpackMindMasterEntry

2009-11-06 16:48:03

WCF简介

2010-05-27 17:41:09

2011-07-14 09:16:10

HTML 5

2011-07-15 09:10:44

HTML 5CSS3

2009-07-03 13:24:56

JSP表单

2011-01-18 10:00:59

Linux磁盘分区

2022-03-28 09:31:58

for循环语句

2021-03-02 12:36:49

MQKafkaRocketMQ

2021-08-11 06:34:14

ZabbixDocker运维

2019-10-12 15:06:02

MySQL数据库命令

2009-07-01 11:44:32

JSP学习教程

2009-07-03 14:31:43

学习JSP
点赞
收藏

51CTO技术栈公众号