jsp动态网页开发试验参考指导书.doc

JSP动态网页开发
试验（训）指导书

王振铎 编

西安思源学院
电子信息工程学院

说 明

《JSP动态网页开发实训指导书》是和《JSP动态网页开发》理论教学相配套实训教材，培养学生在动态网页程序开发方面技能，使学生含有处理实际问题能力。
试验教学内容能够依据教学具体情况进行合理调整。

目 录
试验一 JSP开发环境配置和测试 1
试验二 Jsp基础（1） 11
试验三Jsp基础（2） 15
试验四J S P 基础（3） 19
试验五 J S P 内置对象（1） 22
试验六J S P 内置对象（2） 29
试验七Java bean （1） 33
试验八 JSP 中文件操作 39
试验九Java bean （2） 46
试验十 jsp 操作xml文件 48
试验十一 java servlet 58
试验十二用户注册程序 62
试验十三 留言板 66
试验十四JSP Servlet用户登录程序 93
试验十五MVC开发模式 96

试验一 JSP开发环境配置和测试
一、试验目标
1、了解JSP开发环境安装和配置；
2、了解JSP开发通常步骤。
二、试验要求
掌握简单程序编写和运行。
三、试验内容
1 JSP开发环境配置
JSP编程使用Java语言，所以运行JSP程序必需要有JVM支持，还必需要有Java程序编辑、编译程序（JDK）支持。现在企业流行集成开发环境是Eclipse或MyEclipse。大多数应用程序全部需要连接数据库，所以需要DBMS支持。JSP应用程序是运行在服务器上，所以需要Web服务器支持，在此以Java 1.6 Update21、Tomcat、MySQL、MyEclipse6.5为例，安装配置JSP开发环境。
1、安装JDK
从Java企业官方网站（）下载JDK，现在最新是Java SE6 Update22，我们采取JDK1.6 Update 21,只需要双击中下载到EXE文件，点下一步即可安装。JDK安装好后，需要配置Java环境变量，步骤以下：
（1）我电脑->属性->高级选项卡->环境变量，打开“环境变量”对话框，在系统变量中新建以下环境变量：
①JAVA_HOME：表示Java SDK安装目录，其值为： D:\Program Files\Java\jdk1.6.0_21（依据自己实际安装位置进行调整）。
②CLASSPATH：表示Java要访问jar文件所在目录，其值为：%JAVA_HOME%\lib;%JAVA_HOME%\jre\lib。
③并修改Path环境变量，在其中增加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
注意：
² 对于Path环境变量是添加，而不要删除原来内容，不然很多Windows功效不能使用；若有其它程序要用到自己Java环境变量，请将第③步内容添加到Path环境变量最终，以免影响其它程序运行。
² 字母不区分大小写，大写字母是遵照Java环境变量配置习惯。
（2）测试
打开Windows命令行窗口（开始->运行，在弹出窗口中输入cmd回车），输入javac然后回车，若能显示javac帮助信息，说明JDK安装成功，以下图所表示。

2、安装Tomcat
在Tomcat官方网站上下载Tomcat，现在最新版本是7.x，但还没有Eclipse插件，所以不能集成到MyEclipse集成开发环境中，这里使用6.028这个版本。安装时只需要一路next即可，安装完成后，也不需要设置环境变量，只要在IE浏览器地址栏中输入：http://localhost:8080回车，若能出现Tomcat界面说明安装成功，以下图所表示。

3、安装MyEclipse
只需要一路Next即可，关键是进行相关配置。经过Window->Preferences…菜单打开配置对话框。说明：每设置一项关键点“Apply”按钮，保留所做更改。
（1） 在General下找到workspace，将字符编码方法（Text file encoding）设置为Other utf-8。图1-1所表示。

图1-1 设置工作区字符编码方法
（2） 设置常见文件字符编码方法
找到“MyEclipse Enterprise workbench”->Files and Editors，将其下常见文件字符编码方法统一设置为utf-8，图1-2所表示。

图1-2 设置常见文件字符编码方法
（3） 设置常见Web服务器
找到“MyEclipse Enterprise workbench”->Servers，找到Tomcat->Tomcat6.x，将其设置为启用，并指定Tomcat安装目录点“OK”按钮保留设置即可。
4、安装MySQL
下载MySQL安装文件，一路Next安装即可，并按下图进行设置，图1-3至1-10所表示。

图1-3 选择具体配置

图1-4 选择开发模式

图1-5 选择多用途数据库

图1-6 选择决议支持

图1-7 设置MySQL访问端口，并添加防火墙例外

图1-8 设置MySQL字符编码方法，以处理汉字

图1-9 将MySQL设置为Windows服务

图1-10 设置MySQL访问密码，并能够远程访问
说明：以上设置是针对试验开发环境下设置，若为实际应用，可依据需要进行对应设置。
2 JSP程序开发步骤
1、开发步骤
打开MyEclipse开发环境，选择File->New->Web Project，或在Package Explorer中右击选择New->Web Project，在打开对话框中，输入项目名Demo，并选定Java EE 5.0规范支持，点击Finish。图1-11所表示。

图1-11 MyEclipse新建Web项目
（1） 第一个JSP页面
右单击Demo项目标WebRoot目录，New->JSP新建JSP页面。图1-12所表示。

图1-12 新建JSP页面

图1-13 设置JSP模板和文件名
输入文件名HelloWorld.jsp，并选择“Default JSP template”，点击确定。
在页面标签中，输入以下代码：
<%
out.println("pse能够安装jcreator编写jsp程序
比如：
test.jsp
<%@ page contentType="text/html;charset=GB2312" %>

ODY>

在浏览器中输入http://localhost:8080/test.jsp
假如页面出现 5050，则说明tomcat工作正常
说明：test.jsp保留在tomcat5.0/webapps/root目录下即可

试验二 Jsp基础（1）
一、试验目标
掌握JSP基础编程方法，了解JSP页面基础结构、变量和方法、类申明、程序片、表示式等。能够使用JSP完成简单程序设计，编写出能够正确运行JSP页面。
二、试验内容
1．使用变量和方法申明编写一个简单页面计数器，用户每刷新一次浏览器，计数器值自加1。
2．使用类申明编写一个求圆面积和周长页面，用户在前台文本框中输入半径值，经过点击按钮求得圆面积和周长。
3．利用程序片求1到100连续和。
三、试验内容及步骤
1. 页面计数器程序编写：
在ROOT文件夹中新建一名为jishuqi.jsp文件，并写入代码：
<%@page contentType="text/html;charset=gbk" %>
<%!
int number=0;
synchronized void countPeople() //synchronized同时
{number++;}
%>
<%
countPeople();
%>

你是第<%=number%>个访问本站用户！
运行结果：经过点击刷新按钮，计数器自动加1：

2. 圆类编写,页面yuan.jsp:
<%@page contentType="text/html;charset=gbk" %>
); }
else
{r=1;}
Circle circle=new Circle(r); //创建对象
%>
sum;
}
%>
jsp。另外，要求用“记事本”编写一个txt文件hello.txt。hello.txt每行有若干个英文单词，单词之间用空格分隔，每行之间用“”分隔，以下所表示：
Hello123.txt
package apple void back public

private throw class hello welcome
1. first.jsp具体要求
first.jsp使用page指令设置contentType属性值是"text/html"，使用include指令静态插入hello.txt文件。
程序代码：
<%@ page contentType="text/html; charset=GB2312"%>
<%@ include file="hello.txt" %>

vnd.ms-powerpoint; charset=GB2312"%>

调试结果：

3. third.jsp具体要求，third.jsp使用page指令设置contentType属性值是"application/msword"，使用include指令静态插入hello.txt文件。
程序代码：
<%@ page contentType="application/msword; charset=GB2312"%>

调试结果：

试验四J S P 基础（3）
一、试验目标
掌握常见动作指令使用方法；。
二、试验要求
会利用使用forward实现页面转向。
三、试验内容和步骤
编写3个JSP页面：giveFileName.jsp、readFile.jsp和error.jsp。
1、giveFileName.jsp具体要求
要求giveFileName.jsp页面使用include动作标识动态加载readFile.jsp页面，并将一个文件名字比如ok.txt传输给被加载readFile.jsp页面。
2、readFile.jsp具体要求
要求readFile.jsp负责依据giveFileName.jsp页面传输过来文件名字进行文件
读取操作，假如该文件不存在就使用Forward动作标识将用户转向error.jsp页面。
3、error.jsp具体要求负责显示错误信息。
giveFileName.jsp文件源代码：
<%@ page contentType="text/html;charset=GB2312" %>

这是giveFileName.jsp页面

readFile.jsp文件源代码：
<%@ page contentType="text/html; charset=GB2312"%>
<%@ page import="java.io.*" %>
ml>

<%
String s=request.getParameter("file");
File f=new File(s);
if(f.exists())
{
out.println("文件"+s+"内容：");
FileReader in=new FileReader(f);
BufferedReader bIn=new BufferedReader(in);
String line=null;
while((line=bIn.readLine())!=null)
{
out.println(""+line);
}
}
else
{
%>

<%
}
%>

error.jsp文件源代码：
<%@ page contentType="text/html; charset=GB2312"%>

xt文件存在时

当ok.txt文件找不到时

试验五 J S P 内置对象（1）
一、试验目标
了解request对象、response对象和out对象基础使用方法。
二、试验要求
1. 掌握request获取表单数据方法。
2. 掌握response对象页面跳转。
3. 掌握out对象输出。
三、试验内容和步骤
1.设计一个圆面积输出网页，要求利用表单输入圆半径。
程序代码：
<%@ page contentType="text/html;charset=gb2312" %>

<%
//取得输入框中内容
String textContent=request.getParameter("girl");
double r=0,area=0,zhouchang=0;
//强制将取得字符串转换为Double类型
if(textContent!=null)
{
r=Double.parseDouble(textContent);
if(r>=0)
{
area=Math.PI*r*r;
zhouchang=Math.PI*r*2;
}
}
%>
ue="<%=area%>">
周长：
util.*" %>

<%! String user1="admin";
String password1="1234";
%>
<%
//取得输入用户名和密码
String User=request.getParameter("user");
String Password=request.getParameter("password");
if(User==null&&Password==null)
{}
else
{
if(user1.equals(User) && password1.equals(Password))
{
response.sendRedirect("ok.jsp");
}
else
{
response.sendRedirect("err.jsp");
}
}
%>

密  码：
h1>l; charset=GB2312"%>

String Email=request.getParameter("email");
if(Name==null&&Password==null&&Password1==null&&Phone==null&&Email==null)
{out.println("请将用户信息填写完整！"); }
else
{ out.println("用户名为："+Name+"");
out.println("密码为： "+Password+"");
out.println("手机为： "+Phone+"");
out.println("邮箱为： "+Email+"");
}
%>
制作一个简易聊天室程序或留言板程序
程序代码：
Submit.jsp页面源代码，用于编辑聊天信息。
<%@ page contentType="text/html;charset=GB2312" %>

输入您留言：

gePane.jsp页面源代码，获取留言板填写信息，再将这些信息保留到application对象当中，方便用于查看。
<%@ page contentType="text/html;Charset= gb2312" %>
<%@ page import="java.util.*" %>

<%! Vector v=new Vector();
int i=0; ServletContext application;
synchronized void sendMessage(String s)
{ application=getServletContext();;
i++;
v.add("No."+i+","+s);
application.setAttribute("Mess",v);
}
%>
<% String name=request.getParameter("peopleName");
String title=request.getParameter("Title");
String messages=request.getParameter("messages");
if(name==null)
{name="guest"+(int)(Math.random()*10000);
}
if(title==null)
{title="无标题";
}
if(messages==null)
{messages="无信息";
}
String s="姓名:"+name+"#"+"标题:"+title+"#"+"内容:"+""+messages;
sendMessage(s);
String info="您信息已经提交！";
info=new String(info.getBytes("iso8859-1"));
out.println(info);
%>
back

showMessage.jsp页面源代码，用于显示留言信息。

<@ page contentType="text/html;charset=GB2312" %>
<%@ page import="java.util.*" %>

<% Vector v=(Vector)application.getAttribute("Mess");
for(int i=0;ikenizer(message,"#");
while(fenxi.hasMoreTokens())
{ String str=fenxi.nextToken();
byte a[]=str.getBytes("ISO-8859-1");
str=new String(a);
out.print(""+str);
}
}
%>

调试结果：

试验七Java bean （1）
一、试验目标
掌握JAVABEAN编写方法及使用。
二、试验要求
1. 会编写bean。
2．会调用编好bean。
三、试验内容和步骤
1. 圆javabean编写及调用
1． 编写一个JavaBean，名为Circle.java，该类有一个半径属性，名为radius，依据JavaBean格式完成SET和GET方法，并写出计算圆面积和圆周长方法；
2. 将该类编译后.class文件存放于tomcat安装路径下Tomcat5.0/webapps/root/web-inf/classes；
3． 编写一个useBean.jsp页面，在该页面中调用Circle.class，完成对半径设置和读取，并计算面积和周长。
程序代码：
Circle.java文件
package sd;
import java.io.*;
public class Circle
{ int radius;
double area,length;
public Circle()
{
}
public int getRadius()
{ return radius;
}
public void setRadius(int newRadius)
{radius=newRadius;
}
public double circleArea()
{return Math.PI*radius*radius;
}
public double circlLength()
{return 2.0*Math.PI*radius;
}
}
useBean.jsp文件：
<%@ page contentType="text/ht