《JSP程序设计》实验指导

实验一:动态网页设计基础

一．实验目的

1．掌握HTML常见标记

2．熟悉JavaScript脚本

3. 熟悉div+css布局

二．实验内容

1．编写一个个人简历页。

2．使用CSS对上述页面重新布局、美化

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

参考案例：用户注册表单实现

1．在Tomcat的Webapps/root下新建如下reg.html文件

用户名：

密码：

重新输入密码:

性别：男

女

出生日期：

－请选择－

1981

1982

1983

1984

1985

1986

年

兴趣：音乐

动漫

电影

2．测试reg.htm文件

在IE浏览器中输入 http://127.0.0.1:8080/reg.html

实验二: JSP基础语法

一．实验目的

1．掌握JDK的安装配置

2．熟悉Tomcat的配置

3．测试JSP的运行环境

4．掌握JSP的页面的基本结构

5.掌握JSP的指令标记和动作标记

二．实验内容

编写四个JSP 页面：one.jsp 、two.jsp、three.jsp和error.jsp。one.jsp 、two.jsp和three.jsp 页面都含有一个导航条，以便让用户方便地单击超链接访问这三个页面，要求这三个页面通过使用include动作标记动态加载导航条文件head.txt。

导航条文件head.txt的内容如下所示：

head.txt

<%@ page contentType="text/html;charset=GB2312" %>

border="0" >

one.jsp页面

two.jsp页面

three.jsp页面

（1）one.jsp的具体要求

要求one.jsp页面有一个表单，用户使用该表单可以输入一个1～100之间的整数，并提交给该页面；如果输入的整数在50～100之间（不包括50）就转向three.jsp，如果在1～50之间就转向two.jsp；如果输入不符合要求就转向error.jsp。要求forward标记在实现页面转向时，使用param子标记将整数传递到转向的two.jsp或three.jsp页面，将有关输入错误传递到转向的error.jsp页面。

（2）two.jsp、three.jsp和error.jsp的具体要求

要求two.jsp和three.jsp能输出one.jsp传递过来的值，并显示一幅图像，该图像的宽和高刚好是one.jsp页面传递过来的值。error.jsp页面能显示有关的错误信息和一幅图像。

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

one.jsp（效果如图1-6所示）

图1-6 使用include动作标记加载导航条

two.jsp（效果如图1-7所示）

图1-7 得到param子标记传递来的值

three.jsp（效果如图1-8所示）

图1-8 得到param子标记传递来的值

error.jsp（效果如图1-9所示）

图1-9 显示错误信息

5．参考代码

代码仅供参考，学生可按照实验要求，参考本代码编写代码。

JSP页面参考代码

one.jsp

<%@ page contentType="text/html;charset=GB2312" %>

请输入1至100之间的整数：

<%

String num=request.getParameter("number");

if(num==null)

{ num="0";

}

try

{

int n=Integer.parseInt(num);

if(n>=1&&n<=50)

{

%>

<% }

else if(n>50&&n<=100)

{

%>

}

catch(Exception e)

{

%>

<% }

%>

two.jsp

<%@ page contentType="text/html;charset=GB2312" %>

This is two.jsp.

<%

String s=request.getParameter("number");

out.println("
传递过来的值是"+s);

%>

three.jsp

<%@ page contentType="text/html;charset=GB2312" %>

This is three.jsp.

<%

String s=request.getParameter("number");

out.println("
传递过来的值是"+s);

%>

error.jsp

<%@ page contentType="text/html;charset=GB2312" %>

This is error.jsp.

<%

String s=request.getParameter("mess");

out.println("
传递过来的错误信息"+s);

%>

实验三: JSP内置对象

一．实验目的

1．掌握表单的提交

2．掌握常用内置对象的使用方法。

二．实验内容

1．编写一个用户登录页面、用户选择商品页面、用户结算页面模拟用户购物过程

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

参考代码：

1.建立一个Web应用，在主页面实现登录见面，在其中输入用户名，密码，发送到登录

验证页面，登录成功，显示成功提示，登录失败，显示失败页面。

2.在登录成功之后，在成功页面中显示当前站点的被访问的次数，如果同一用户已经登录，

多次刷新此页面，不重计数。

<%//10秒后一个session自动失效，也就是10秒后再次刷新页面认为是一次新的登录。//获取系统生成的会话id。

String userSessionId=session.getId();

String

storedSessionId=(String)session.getAttribute("storedSessionId");

//站点访问次数处理

//如果以前没有用户访问，此次为第一次访问，则设置计数器值为1

if(application.getAttribute("webVisitedCount")==null){

application.setAttribute("webVisitedCount","1");

session.setAttribute("storedSessionId",userSessionId);

out.println("欢迎,您是第1位访客！");

}

else{

//如果以前已有用户访问，则根据次用户是新登录用户还是已经登录的用户决定是否计数。

if(!userSessionId.trim().equals(storedSessionId))

{ //新登录用户，则进行一次新的计数，计数值增加1。

int i =

Integer.parseInt((String)application.getAttribute("webVisitedCount")) ;

i++;

application.setAttribute("webVisitedCount",String.valueOf(i));

session.setAttribute("storedSessionId",userSessionId);

out.println("欢迎,您是第"+i+"位访客！");

}

else

{ //登已经登录用户，不计数。

int i =

Integer.parseInt((String)application.getAttribute("webVisitedCount")) ;

out.println("欢迎,您是第"+i+"位访客！");

}

}

%>

实验四: JavaBean和表单

一．实验目的

1．熟练掌握表单的提交

2．掌握Javabean的概念和使用方法

二．实验内容

1．编写用户注册、注册后显示提示信息的JavaBean

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

参考P175 例子7-1

实验五: 文件操作

一．实验目的

1．熟练掌握表单的提交

2．掌握Javabean的概念和使用方法

二．实验内容

1．课余时间且在实验课之前，认真复习教材上关于文件操作的例题。

2．实现一系统，具体要求：该系统能够实现文件上传功能和下载功能，显示文件列表和读取文件内容功能。

3．要求在webapps目录下新建一个Web服务目录：test3。除特别要求外，本章实验中涉及的JSP页面均保存在test3中。

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

实例参考

upfile.jsp实现文件上传功能，顶部为三个页面的超链接。页面效果如图所示：

文件上传页面

listdir.jsp实现列出服务目录所有文件和子目录的功能，并且能够显示指定文件内容功能。页面效果如图所示：

显示文件列表以及文件内容页面

downfile.jsp实现文件下载功能，示例中为直接指定能够下载的文件，学生应该进行改进，实现能够根据服务目录的变化而变化的效果。页面效果如图3-3所示：

文件下载页面

参考代码：代码仅供参考，学生可按照实验要求，参考本代码编写代码。

upfile.jsp

<%@ page contentType="text/html;charset=GB2312" %>

<%@ page import="tom.jiafei.UpFile" %>

选择要上传的文件：

<% upFile.setRequest(request);

upFile.setSession(session);

%>

downfile.jsp

<%@ page contentType="text/html;charset=GB2312" %>

<%@ page import="tom.jiafei.DownLoadFile" %>

<%@ page import="java.io.*" %>

选择要下载的文件：

book.zip

A.java

B.jsp

<% downFile.setResponse(response);

%>

listdir.jsp:

<%@ page contentType="text/html;charset=GB2312" %>

<%@ page import="tom.jiafei.ReadFile" %>

该目录

有如下文件:

在文本框输入一个文件名字单击提交键：

文件内容如下：

重新选择目录

downfile.jsp:

<%@ page contentType="text/html;charset=GB2312" %>

<%@ page import="tom.jiafei.DownLoadFile" %>

<%@ page import="java.io.*" %>

选择要下载的文件：

book.zip

A.java

B.jsp

<% downFile.setResponse(response);

%>

UpFile.java

package tom.jiafei;

import java.io.*;

import javax.servlet.http.*;

public class UpFile

{ HttpServletRequest request;

HttpSession session;

String upFileMessage="";

public void setRequest(HttpServletRequest request)

{ this.request=request;

}

public void setSession(HttpSession session)

{ this.session=session;

}

public String getUpFileMessage()

{ String fileName=null;

try{ String tempFileName=(String)session.getId();//客户的session的id File f1=new File("D:/down",tempFileName);

FileOutputStream o=new FileOutputStream(f1);

InputStream in=request.getInputStream();

byte b[]=new byte[10000];

int n;

while( (n=in.read(b))!=-1)

{ o.write(b,0,n);

}

o.close();

in.close();

RandomAccessFile random=new RandomAccessFile(f1,"r");

int second=1; //读出f1的第2行，析取出上传文件的名字：

String secondLine=null;

while(second<=2)

{ secondLine=random.readLine();

second++;

}

//获取第2行中目录符号'\'最后出现的位置

int position=https://www.360docs.net/doc/dc13912457.html,stIndexOf('\\');

//客户上传的文件的名字是：

fileName=secondLine.substring(position+1,secondLine.length()-1);

byte cc[]=fileName.getBytes("ISO-8859-1");

fileName=new String(cc);

session.setAttribute("Name",fileName);//供show.jsp页面使用

random.seek(0); //再定位到文件f1的开头。

//获取第4行回车符号的位置:

long forthEndPosition=0;

int forth=1;

while((n=random.readByte())!=-1&&(forth<=4))

{ if(n=='\n')

{ forthEndPosition=random.getFilePointer();

forth++;

}

}

//根据客户上传文件的名字，将该文件存入磁盘：

File f2= new File("D:/down",fileName);

RandomAccessFile random2=new RandomAccessFile(f2,"rw");

//确定出文件f1中包含客户上传的文件的内容的最后位置，即倒数第6行。

random.seek(random.length());

long endPosition=random.getFilePointer();

long mark=endPosition;

int j=1;

while((mark>=0)&&(j<=6))

{ mark--;

random.seek(mark);

n=random.readByte();

if(n=='\n')

{ endPosition=random.getFilePointer();

j++;

}

}

//将random流指向文件f1的第4行结束的位置：

random.seek(forthEndPosition);

long startPoint=random.getFilePointer();

//从f1读出客户上传的文件存入f2（读取从第4行结束位置和倒数第6行之间的内容）

while(startPoint

{ n=random.readByte();

random2.write(n);

startPoint=random.getFilePointer();

}

random2.close();

random.close();

f1.delete(); //删除临时文件

upFileMessage=fileName+" Successfully UpLoad";

return upFileMessage;

}

catch(Exception exp)

{ if(fileName!=null)

{ upFileMessage=fileName+" Fail to UpLoad";

return upFileMessage;

}

else

{ upFileMessage="";

return upFileMessage;

}

}

}

}

ReadFile.java

package tom.jiafei;

import java.io.*;

public class ReadFile

{ String fileDir="d:/down",fileName="";

String listFile,readContent;

public void setFileDir(String s)

{ fileDir=s;

}

public String getFileDir()

{ return fileDir;

}

public void setFileName(String s)

{ fileName=s;

}

public String getFileName()

{ return fileName;

}

public String getListFile()

{ File dir=new File(fileDir);

File file_name[]=dir.listFiles();

StringBuffer list=new StringBuffer();

for(int i=0;i

{

String temp=file_name[i].toString();

int n=https://www.360docs.net/doc/dc13912457.html,stIndexOf("\\");

temp=temp.substring(n+1);

list.append(" "+temp);

}

listFile=new String(list);

return listFile;

}

public String getReadContent()

{ try{ File file=new File(fileDir,fileName);

FileReader in=new FileReader(file) ;

BufferedReader inTwo=new BufferedReader(in);

StringBuffer stringbuffer=new StringBuffer();

String s=null;

while ((s=inTwo.readLine())!=null)

{ stringbuffer.append("\n"+s);

}

String temp=new String(stringbuffer);

readContent=""+temp+"";

}

catch(IOException e)

{ readContent=""+"请选择一个文件"+"";

}

return readContent;

}

}

DownLoadFile.java

package tom.jiafei;

import java.io.*;

import javax.servlet.http.*;

public class DownLoadFile{

HttpServletResponse response;

String fileName;

public void setResponse(HttpServletResponse response) {

this.response=response;

}

public String getFileName(){

return fileName;

}

public void setFileName(String s){

fileName=s;

File fileLoad=new File("d:/down",fileName);

//客户使用下载文件的对话框：

response.setHeader("Content-disposition","attachment;filename="+fileName);

try{

FileInputStream in=new FileInputStream(fileLoad);

OutputStream out=response.getOutputStream();

byte[] buffer=new byte[1024];

int n = -1;

while ((n=in.read(buffer))!= -1)

out.write(buffer,0,n);

out.close();

in.close();

}

catch(Exception e){}

}

}

实验六: 数据库操作

一．实验目的

1．掌握JDBC数据库的基本操作

2．掌握JSP 中数据库的访问

二．实验内容

1．创建一个人员数据库

2．写一个含有文本输入框、密码框的登陆页面login.html

3．编写一个登陆验证页面logincheck.jsp，如果用户输入的用户名和密码在数据库中存在,则转到index.jsp文件，否则，提示登陆失败。

4．思考如何完善以前的用户系统JavaBean。

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

参考代码（Access替换成MYsql）

1

1 admin 123

2 zhangshan 456

2．编写login.html文件

用户名：

密码：

3．编写logincheck.jsp文件

<%@ page language="java" import ="java.util.*"

contentType="text/html;charset=gb2312"

%>

<%@ page import ="java.sql.*" %>

<%

String sUserName=request.getParameter("userName");

String sPWD=request.getParameter("password");

try{

Connection conn = null;

Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver");

String url="jdbc:microsoft:sqlserver://127.0.0.1:1433;DatabaseName=WebExam"; conn = DriverManager.getConnection(url, "sa","123456");

Statement stmt = conn.createStatement();

String sql = "select * from tb_user where userName='"+sUserName+

"' and password='"+sPWD+"'";

ResultSet rs =stmt.executeQuery( sql );

if ( !rs.next() ) out.println("用户名或密码错误！");

else response.sendRedirect("index.jsp");

}catch (Exception e) {

out.println("数据库操作失败!");

System.out.println(e.getMessage());

}

%>

4．编写index.jsp文件

登陆成功！欢迎进入系统

5．在IE浏览器中输入http://127.0.0.1:8080/login.html

实验七: JSP+Javabean实例

一．实验目的

学会需求分析的具体规划一个网站，理解JavaBean的封装内涵。

二．实验内容

自己设计一个独立主体的网站，至少包括会员系统。

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

实验八: Servlet过滤器和监听器

一．实验目的

1．掌握Servlet的编写规范

2．熟悉Servlet的发布

二．实验内容

1．使用Servle分别实现过滤器和监听器

三．实验软件

JDK5.0、Tomcat5.0

四．实验步骤

1．过滤器

public class TestFilter implements Filter {

public void destroy() { }

public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { res.setContentType("text/html;charset=GB2312");

PrintWriter out=res.getWriter();

out.println("before doFilter()");

chain.doFilter(req, res);

out.println("after doFilter()");

out.close();

}

public void init(FilterConfig arg0) throws ServletException { }

}

2.监听器

ublic class TestListener implements ServletContextListener,

ServletContextAttributeListener {

private ServletContext context = null;

/**

*以下代码实现ServletContextListener接口。

*/

public void contextDestroyed(ServletContextEvent sce) {

logout("contextDestroyed()-->ServletContext被销毁");

this.context = null;

}

public void contextInitialized(ServletContextEvent sce) {

this.context = sce.getServletContext();

logout("contextInitialized()-->ServletContext初始化了");

}//ServletContextListener

/**

*以下代码实现 ServletContextAttributeListener接口

*/

public void attributeAdded(ServletContextAttributeEvent scae) {

logout("增加了一个ServletContext属性：attributeAdded('" + scae.getName() + "', '" +

scae.getValue() + "')");

}

public void attributeRemoved(ServletContextAttributeEvent scae) { logout("删除了一个ServletContext属性：attributeRemoved('" + scae.getName() + "', '" +

scae.getValue() + "')");

}

public void attributeReplaced(ServletContextAttributeEvent scae) { logout("某个ServletContext的属性被改变：attributeReplaced('" + scae.getName() + "', '" +

scae.getValue() + "')");

}

private void logout(String message) {

PrintWriter out=null;

try {

out=new PrintWriter(new FileOutputStream("c:\\test.txt",true));

out.println(new java.util.Date().toLocaleString()+"::Form ContextListener: " + message);

out.close();

}

catch(Exception e) {

out.close();

e.printStackTrace();

}

}

}

3.设计页面使用上述过滤器和监听器