JSP入门教程（3）

第二课：用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原文件中，增加

 1<jsp:usebean>标签来创建一个或者调用一个现成的Bean。   
 2  
 34、 增加<jsp:setproperty>标签设置HTML表单中需要SET方法的Bean的属性。   
 4  
 55、 增加<jsp:getproperty>标签设置HTML表单中需要GET方法的Bean的属性。   
 6  
 76、 如果需要处理更多的用户数据，用request对象。   
 8  
 9说了半天你可能看不懂，其实看一个例子你就懂了。   
10  
11先看一个简单的hello的例子吧：   
12  
13这段程序其实还是计算机程序里那个最经典的“hello,world”的程序，只不过呢，我使他挠了一点弯儿，使他看起来比较智能和复杂。首先你输入你的名字，然后Duke跟你说：“hello!”   
14  
15  
16  
17  
18  
19看看代码吧：   
20  
21dukebanner.html   
22  
23<table border="0" cellpadding="0" cellspacing="0" width="400">
24<tr>
25<td height="150" width="150">   </td>
26<td width="250">   </td>
27</tr>
28<tr>
29<td width="150">   </td>
30<td align="right" width="250">
31<img src="duke.waving.gif"/> </td>
32</tr></table><br/>   
33  
34主JSP文件：hellouser.jsp   
35

@ page import="hello.NameHandler"

1  
2<jsp:usebean class="hello.NameHandler" id="mybean" scope="page"></jsp:usebean>
3<jsp:setproperty name="mybean" property="*"></jsp:setproperty>
4<html>
5<head><title>Hello, User</title></head>
6<body background="background.gif" bgcolor="#ffffff">   
7

@ include file="dukebanner.html"

 1  
 2<table border="0" width="700">
 3<tr><td width="150">   </td>
 4<td width="550">
 5<h1>My name is Duke. What's yours?</h1></td></tr>
 6<tr><td &nbsp;="" <="" td="" width="150"><td width="550">
 7<form method="get">
 8<input name="username" size="25" type="text"/>
 9<br/>
10<input type="submit" value="Submit"/>
11<input type="reset" value="Reset"/>
12</form></td></td></tr>
13
14</table>   
15

If ( request.getParameter("username") != null )

{

@ include file="response.jsp"

}

  1  
  2</body></html>   
  3  
  4回应文件：response.jsp   
  5  
  6<table border="0" width="700">
  7<tr>
  8<td width="150">   </td>
  9<td width="550">
 10<h1>Hello, <jsp:getproperty name="mybean" property="username"></jsp:getproperty>!   
 11  
 12</h1>
 13</td>
 14</tr>
 15</table>   
 16  
 17处理数据的Bean：(namehandler.java)   
 18  
 19package hello;   
 20  
 21public class NameHandler   
 22  
 23{   
 24  
 25private String username;   
 26  
 27public NameHandler() {   
 28  
 29username = null;   
 30  
 31}   
 32  
 33public void setUsername( String name ) {   
 34  
 35username = name;   
 36  
 37}   
 38  
 39public String getUsername() {   
 40  
 41return username;   
 42  
 43}   
 44  
 45}   
 46  
 47建立HTML表单   
 48  
 49一个HTML的窗分为三个部分：<form>标签，输入方法，提交按钮发数据到服务器。一般的HTML页面里，是这么写的<form action="someurl" method="get">，在其他的页面里的action属性可能是其他特殊的CGI程序或者其他能处理数据的程序，那么在JSP里边是怎么用的呢，呵，如果你想把数据发到Bean里的话那么你可以省略action里边的东里了，直接写<jsp:usebean>标签或者其他特定的JSP文件了。接下来的那些表单和普通的HTML差不多了，<input/>的方法，然后加一个提交按钮，可能还有一个Reset按钮，对了，别忘了，还得给每一个input表单加一个名字。   
 50这么写：<input name="username" type="text"/>   
 51  
 52使用GET和POST方法   
 53  
 54用GET和POST方法可以发数据到服务器，在JSP程序中GET和POST方法可以发数据到Bean、servlet、或者其他服务器端的组件。   
 55  
 56理论上说，GET是从服务器上请求数据，POST是发送数据到服务器。事实上，GET方法是把数据参数队列（query string）加到一个URL上，值和表单是一一对应的。比如说，name=John。在队列里，值和表单用一个&amp;符号分开，空格用+号替换，特殊的符号转换成十六进制的代码。因为这一队列在URL里边，这样队列的参数就能看得到，可以被记录下来，或更改。通常GET方法还限制字符的大小。事实上POST方法可以没有时间限制的传递数据到服务器，用户在浏览器端是看不到这一过程的，所以POST方法比较适合用于发送一个保密的（比如信用卡号）或者比较大量的数据到服务器。   
 57  
 58写Bean   
 59  
 60如果JSP程序用到了Bean，你就得按照JavaBeans API的说明设计你的Bean。   
 61  
 62记住下面两个关键部分。   
 63  
 64如果JSP程序里用<jsp:getproperty>标签，那你就得在Bean里边配合的GET方法。   
 65  
 66如果JSP程序进而用 <jsp:setproperty>标签，那你就得在Bean里边配合的Set方法。   
 67  
 68设置参数到Bean或者从里边取参数将在以后的部分详细介绍。   
 69  
 70  
 71  
 72传数据到Bean   
 73把HTML表单的数据传到Bean里需要两个工作：   
 74  
 75· 用<jsp:usebean>标签创建或者定位到Bean   
 76  
 77· 在Bean里面用<jsp:serproperty>设置属性值   
 78  
 79第一步用<jsp:usebean>标签创建或者定位到Bean一定要用在<jsp:setproperty>之前，<jsp:usebean>首先按照你指定的名字查找Bean，如果没找到，会给你指定一个。允许在一个JSP文件中创建一个Bean，然后再另一个文件中调用，这就给了Bean一个很广泛的运行空间。   
 80  
 81第二步在Bean里面用<jsp:setproperty>设置属性值。最简单的方法是把值定义成与表单名相配合。举个例子，如果你把表单名定义成“username”那么，你就在Bean里定义属性“username”然后用方法getUsername和setUsername。   
 82  
 83当然也可以定义成不同的名字，只要你不认为麻烦。谁让你记忆力好呢！   
 84  
 85Request对象   
 86用户输入的数据用来存放在Request对象里，用javax.servlet.HttpServletRequest来执行（你也可以用其他不同的工具来执行，但他们其实都是javax.servlet.HttpServletRequest的子集）   
 87  
 88你也可以直接用scriptlet来直接访问Request对象。Scriptlet将在下一讲里边详细的讨论，现在你只需要知道他是用脚本语言写的一段放在```
 89 和
 90``` 之间的代码就足够了。在JSP 1.0中，你必须用JavaTM程序语言作为你的脚本语言。   
 91你经常会用到如下方法处理Request对象：   
 92  
 93方法   
 94说明   
 95执行结果   
 96  
 97getRequest   
 98Javax.servlet.jsp.PageContext   
 99返回当前Request对象   
100  
101getParameterNames   
102javax.servlet.ServletRequest   
103返回当前Request对象参数名   
104  
105getParameterValues   
106javax.servlet.ServletRequest   
107返回当前Request对象参数值   
108  
109  
110你将会发现其他方法包括ServletRequest，HttpServletRequest或者其他任何ServletRequest的子集。   
111  
112JSP引擎经常在scenes之后使用Request对象，即使你没有明确地在JSP文件中调用。   
113  
114从Bean中调数据到JSP页面   
115一旦用户的数据被传到Bean，你就想重新得到数据，然后在JSP面页中显示出来。想达到这一步，你就得用到<jsp:getproperty>标签。传Bean名和属性名：   
116  
117<h1>Hello, <jsp:getproperty name="mybean" property="username"></jsp:getproperty>!   
118  
119<jsp:usebean>, <jsp:setproperty>, 和 <jsp:getproperty>标签必须相配，举个例子：   
120  
121hellouser.jsp:   
122<jsp:usebean class="hello.NameHandler" id="mybean" scope="session"></jsp:usebean>
123<jsp:setproperty name="mybean" property="*"></jsp:setproperty>   
124response.jsp:   
125<h1>Hello, <jsp:getproperty name="mybean" property="username"></jsp:getproperty>!   
126  
127在这个例子里，标签被放在两个文件中，但是指定的名字都是相同的，如果不同的话，那么系统会返回一个错误信息。   
128  
129如何运行例子   
130我用的是ＵＮＩＸ主机，如果你用windows，那么改相应的路径即可。   
131  
132创建路径../jswdk-1.0/examples/jsp/tutorial/hellouser.   
133  
134把文件background.gif, duke.waving.gif, dukebanner.html, hellousr.jsp和response.jsp文件放进去。   
135  
136创建一个目录，../jswdk-1.0/examples/WEB-INF/jsp/beans/hello   
137  
138把文件NameHandler.java和NameHandler.class放进去。   
139  
140cd../jswdk-1.0然后startserver   
141  
142打开浏览器http://计算机名:8080/examples/jsp/tutorial/hellouser/hellouser.jsp</h1></jsp:getproperty></jsp:setproperty></jsp:usebean></h1></jsp:getproperty></jsp:setproperty></jsp:usebean></jsp:setproperty></jsp:usebean></jsp:serproperty></jsp:usebean></jsp:setproperty></jsp:getproperty></jsp:usebean></form></form></jsp:getproperty></jsp:setproperty></jsp:usebean>