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原文件中,增加
4、 增加
5、 增加
6、 如果需要处理更多的用户数据,用request对象。
说了半天你可能看不懂,其实看一个例子你就懂了。
先看一个简单的hello的例子吧:
这段程序其实还是计算机程序里那个最经典的“hello,world”的程序,只不过呢,我使他挠了一点弯儿,使他看起来比较智能和复杂。首先你输入你的名字,然后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﹥
- 回应文件: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﹥
- 处理数据的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表单
一个HTML的窗分为三个部分: