当前位置:编程学习 > JS >>

JSP入门教程(3)

第二课:用HTML表单

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

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

来访者通过表单向jsp(SUN企业级应用的首选)引擎输入了数据,并保存在了request对象中,那么接下来怎么办?

图2-1向你展示了数据流是如何在服务器和客户之间传递的(至少在SUN的jsp(SUN企业级应用的首选) reference implementation是这么做的,别的jsp(SUN企业级应用的首选)引擎工作起来可能会有一点点的不同,其实大同小异,都差不多)



字儿太小了,可能看不大清吧?俺来解释一下了只好。

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

Request和Response对象在你制作的jsp(SUN企业级应用的首选)原代码中起作用。到于request对象到底怎么用,我要在接下来详细的讲给你听。

如何创建表单

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

1、 写jsp(SUN企业级应用的首选)原文件,创建一些HTML的表单并命名。

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

3、 回到jsp(SUN企业级应用的首选)原文件中,增加<jsp(SUN企业级应用的首选):useBean>标签来创建一个或者调用一个现成的Bean。

4、 增加<jsp(SUN企业级应用的首选):setProperty>标签设置HTML表单中需要SET方法的Bean的属性。

5、 增加<jsp(SUN企业级应用的首选):getProperty>标签设置HTML表单中需要GET方法的Bean的属性。

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

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

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

这段程序其实还是计算机程序里那个最经典的“hello,world”的程序,只不过呢,我使他挠了一点弯儿,使他看起来比较智能和复杂。首先你输入你的名字,然后Duke跟你说:“hello!”





看看代码吧:

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="/edu/UploadPic/2008-2/200822914029567.gif""> </td>

</tr></table><br>

主jsp(SUN企业级应用的首选)文件:hellouser.jsp(SUN企业级应用的首选)

<%@ page import="hello.NameHandler" %>

<jsp(SUN企业级应用的首选):useBean id="mybean" scope="page" class="hello.NameHandler" />

<jsp(SUN企业级应用的首选):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. Whats yours?</h1></td></tr>

<tr><td width="150"   </td><td width="550">

<form method="get">

<input type="text" name="username" size="25">
补充:Web开发 , Jsp ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,