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

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

建立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. 
    
  
  
  2. 
    
  
  
  3. ﹤jsp:useBean﹥, ﹤jsp:setProperty﹥, 和 ﹤jsp:getProperty﹥标签必须相配，举个例子：  
    4. 
    
  
  
  4. 
    
  
  
  5. hellouser.jsp:  
    6. 
    
  
  
  6. ﹤jsp:useBean id="mybean" scope="session" class="hello.NameHandler" /﹥  
    7. 
    
  
  
  7. ﹤jsp:setProperty name="mybean" property="*" /﹥  
    8. 
    
  
  
  8. response.jsp:  
    9. 
    
  
  
  9. ﹤h1﹥Hello, ﹤jsp:getProperty name="mybean" property="username"/﹥! 
    10.

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

如何运行例子

我用的是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教程，一定要动手试试哦！

网页名称：JSP教程基础篇之HTML表单演示
文章分享：http://www.shufengxianlan.com/qtweb/news18/472918.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

标签优化知识

同城分类信息

成都网站建设　　 　电商网站建设　　 　宜宾做网站　　 　温江网站建设　　 　成都网络营销　　 　建站公司　　 　小程序开发　　 　H5网站制作　　 　香港云虚拟主机　　 　蓬安网站建设　　 　成都网站维护　　 　网站建设费用　　 　品牌网站建设　　 　宣威网站建设　　 　眉山做网站　　 　成都门户网站建设　　 　遂宁做网站　　 　营山网站建设　　 　LED亮化工程　　 　传美奇电器