《Web开发技术实验指导书.doc》由会员分享，可在线阅读，更多相关《Web开发技术实验指导书.doc（73页珍藏版）》请在三一办公上搜索。
1、 安徽农业大学Web开发技术JSP版课程配套教材 Web开发技术实验指导书（JSP版） 刘 波 编写 安徽农业大学信息与计算机学院通信工程2008年2月 目 录 实验一 搭建JSP运行的实验环境 . 1实验二 JSP页面 . 3实验三 显示不同大小的“你好JSP” . 7实验四 JSP指令和动作 . 10实验五 Tag文件的代码复用 . 12实验六 中文显示服务器端日期 . 14实验七 JSPsession对象 . 23实验九 简易留言板 . 28实验十 JSP中使用Java Bean . 31实验十一 JSP中的文件操作 . 41实验十二 JSP中使用数据库 . 48实验十三 Java Se
2、rvlet . 66实验十四 网上书店 . 71实验报告.76 2实验一 搭建JSP运行的实验环境一、实验目的（1）掌握JSP运行环境的安装与配置（2）理解JSP与Servlet的关系（3）运行简单的JSP页面，理解JSP的运行原理 二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具记事本（3）Tomcat服务器，也可以从网上免费下载 三、实验步骤（1）按教材中演示安装JDK（2）按教材中演示安装Tomcat（3）启动Tomcat服务器，在浏览器中输入：http:/localhost:8080，观察主页<!- jsp指令标签 ->
3、;<% page import="java.util.Date" %> <!- jsp指令标签 -><%! Date date; / 数据声明int sum;public int add(int m,int n) / 方法声明 return m+n;%><HTML><BODY bgcolor=cyan> <!html标记 -><FONT size=4><P>程序片创建Date对象：<% Date date=new Date(); /java程序片out.println(&q
4、uot;<BR>"+date);sum=add(12,34);%><BR>在下一行输出和:<BR><%= sum+100 %> <!- Java表达式 -></FONT></BODY></HTML> 1（6）将exer1.jsp文件复制到Tomcat安装目录下的webappsexamples目录下，运行该页面，观察其对应的Servlet源代码。（7）将exer1.jsp文件复制到Tomcat安装目录下的webappswebdav目录下，运行该页面，观察其对应的Servlet源代码。
5、四、实验思考题（1）JDK安装完毕后，需要添加哪些环境变量？（2）在Tomcat安装目录下的webapps文件夹中，新建一文件夹myapp，将exer1.jsp文件复制到Tomcat安装目录下的webappsmyapp目录下，运行该页面（http:/localhost:8080/myapp/exer1.jsp ），结果如何？若在d:盘根目录建立一个文件夹myweb，将exer1.jsp文件复制到d:myweb目录下, 运行该页面（http:/localhost:8080/myweb/exer1.jsp ），结果如何？2若要正确显示该页面，还应做如何处理？提示：修改conf目录下的server.
6、xml文件。（3）Tomcat默认端口号为8080，如何更改端口号？（4）编写一个JSP页面，用于显示1100的整数和。 五、实验报告要求（1）分析JSP的工作原理，说明JSP文件和Servlet的关系（2）根据实验运行情况，对实验步骤和运行结果进行阐述（3）完成实验思考题的解答 实验二 JSP页面一、实验目的（1）熟悉典型JSP页面的组成元素，掌握HTML标记和JSP标记的不同（2）掌握在HTML页面中插入JSP脚本（java代码）的方法（2）编写简单的JSP页面，初步掌握JSP网页的设计原理 3二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）
7、编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载 三、实验步骤（1）打开记事本，输入以下代码，保存为exer2_1.jsp，观察其运行结果exer2_1.jsp：<% page contentType="text/html;Charset=GB2312" %><HTML><BODY><%! int count=0; /被客户共享的countsynchronized void setCount() /synchronized修饰的方法 count+;%
8、><% setCount();out.println("您是第"+count+"个访问本站的客户");%></BODY></HTML> （2）JSP中声明类（比较教材P15P16页的声明变量和声明方法）是JSP页面对应的Servlet类的%><html><body><p>请输入正方形边长<form name="form1" method="get" action="exer2_2.jsp"><i
9、nput type="text" name="cat" value="1"><input type="submit" name="Submit" value="送出"></form><%! public class square double r; square(double r) this.r=r; double getarea() return r*r; double getlength() return r*4;4 %><
10、% String s=request.getParameter("cat");double r;if (s!=null) else %><p>方的面积是：<%=cc.getarea() %><p>方的周长是：<%=cc.getlength() %></body></html> r=1; square cc=new square(r);/创建对象 r=Double.valueOf(s).doubleValue();（3）编写exer2_3.jsp，熟悉在“<%=”和“%>”之间插入表达式
11、，用于输出表达式计算结果的方法exer2_3.jsp：<% page contentType="text/html;charset=GB2312" %><HTML><BODY bgcolor=cyan><FONT size=4><P> Sin(0.9)除以3等于<%=Math.sin(0.90)/3%><p>3的平方是：<%=Math.pow(3,2)%><P>12345679乘72等于<%=12345679*72%><P> 5的平方根等于&l
12、t;%=Math.sqrt(5)%><P>99大于100吗？回答：<%=99>100%></BODY></HTML> （4）在Dreamweaver或FrontPage中利用可视化方法，编写input.jsp和receive.jsp。 input.jsp：<% page contentType="text/html;Charset=GB2312" %><HTML><BODY bgcolor=cyan><Font size=3><FORM action="
13、;receive.jsp" method=post name=form><P>请输入下列信息：<BR>输入您的姓名:<INPUT type="text" name="name" value="张三"></BR><BR>选择性别:<INPUT type="radio" name="R" value="男" checked="default">男5<INPUT typ
14、e="radio" name="R" value="女">女</BR><BR>选择您喜欢的歌手:<input type="checkbox" name="superstar" value="张歌手" >张歌手<input type="checkbox" name="superstar" value="李歌手" >李歌手<input type="ch
15、eckbox" name="superstar" value="刘歌手" >刘歌手<input type="checkbox" name="superstar" value="王歌手" >王歌手</BR><INPUT TYPE="hidden" value="这是隐藏信息" name="secret"><INPUT TYPE="submit" value=&q
16、uot;提交" name="submit"></FORM></FONT></BODY></HTML>receive.jsp：<% page contentType="text/html;Charset=GB2312" %><HTML><BODY bgcolor=cyan><Font size=3><% String yourName=request.getParameter("name"); / 获取text提交的值S
17、tring yourSex=request.getParameter("R"); /获取radio提交的值String secretMess=request.getParameter("secret"); /获取hidden提交的值String personName=request.getParameterValues("superstar"); /获取checkbox提交的值 out.println("<P> 您的姓名:"+yourName+"</P>");out.pr
18、intln("<P> 您的性别:"+yourSex+"</P>");out.println("<P> 您喜欢的歌手:");if(personName=null) out.print("一个都不喜欢");else for(int k=0;k<personName.length;k+) out.println(" "+personNamek);out.println("<P> hidden提交的值:"+secretMess);
19、%></FONT></BODY></HTML> 四、设计性实验环节（1）编写一个jiecheng类，当客户在浏览器中给出指定的正整数N，能计算N的阶乘。创建能实现此功能的jsp文件res1.jsp，观察运行结果（参考exer2_2.jsp）（2）编写程序newclass2.jsp，学会在声明中定义类student，初始化该类（学号、姓名、成绩），用表格形式输出“班号（学号的前4位）、学号、姓名、成绩”。（选做）6五、实验报告要求（1）分析JSP的脚本元素，说明JSP标记和html标记的不同（2）根据实验运行情况，对实验步骤和运行结果进行阐述（3）完成实
20、验设计题的解答 实验三 显示不同大小的“你好JSP”（选做）一、实验目的（1）掌握控制字体显示大小的方法（2）掌握For语句，显示变量值 二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载 三、实验原理和内容本程序运行后，在浏览器页面上显示不同字体大小的“你好Jsp”，如图31所示，程序的流程图如图32所示。 1、 程序知识点l 显示变量值在JSP中，获取变量值可使用“<%=valname%>”来实现，va
21、lname可以是一个整型字符型的变量。 图31 浏览器显示不同字体大小l For语句For语句的格式如下for (initialization Statement; conditional Expression; increment Statement)7 loopBody为了执行For语句，首先执行初始化语句，然后再对条件表达式求值，如果值为TRUE，则执行循环体，随后执行递增语句。表达式的求值和循环体与递增语句的执行不断重复，直到条件表达式的值变为false。多个初始化和增量语句可以用逗号隔开。 For循环的初始化部分可以声明局部循环变量，循环变量的范围在循环体内部。这些循环变量遵循在块内
22、有效的一般规则，即用大括号作为程序块，变量在块内声明，不能与范围外边的变量同名，也不能在循环外引用。 图32 程序流程图 l 控制字体大小在HTML语言中，控制文字大小可使用“<Hn>”（n从16），因此，可以使用循环语句来控制n的变化。然后，使用<H<%=n%>>，来显示字体大小渐变的“你好JSP” 2、程序代码（exer3.jsp）<% page contentType="text/html; charset=gb2312" language="java" %><html><head&
23、gt;<title>显示不同大小字体</title>8</head><body><center><%/利用For循环控制字体由大到小for(int i=1;i<6;i+)%><H<%=i%>>你好 JSP</H<%=i%>><%/利用For循环控制字体由小到大for( ; ) /完成空格中的 图34执行“确定”后结果 五、实验报告要求（1）根据实验运行情况，对实验步骤和运行结果进行阐述（2）完成综合设计环节的解答9实验四 JSP指令和动作一、实验目的（1）综合掌握
24、在JSP中使用指令标记（2）综合掌握在JSP中使用动作标记 二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载 三、实验步骤1、Page指令的使用（1）打开记事本，输入以下文档，并保存为pagederictive.jsp。<% page contentType="text/html; charset=gb2312" language="java" import="
25、java.util.*,java.rmi.*" session="true" buffer="12kb" autoFlush="true" info="my page directory jsp" errorPage="false" isThreadSafe="false" %><html><body> <h1>Done</h1> This program example how to use page Dire
26、ctive</body></html>（2）将pagederictive.jsp复制到Tomcate安装目录下的webappsROOT。（3）在IE地址栏输入http:/localhost:8080/pagederictive.jsp 2、page指令import属性的使用（1）打开记事本，输入以下文档，并保存为pageimport.jsp。<html><body bgcolor="snow"> <%- get Year -%> <% page import="java.util.*" %
27、> <b> </b> CurrentYear=<%=Calendar.getInstance().get(Calendar.YEAR) %></body></html>（2）将pageimport.jsp复制到Tomcate安装目录下的webappsROOT。（3）在IE地址栏输入http:/localhost:8080/pageimport.jsp10 3、include指令的使用（1）打开记事本，输入以下文档，并保存为copyright.jsp。<html><body bgcolor="snow&
28、quot;> <b> </b> <%!String companyName="SSI Consulting" %> <p>©2002 <%=companyName%> </p> Any unauthorized use of these materials will be prosecuted to the fullest extent of the law</body></html>（2）打开记事本，输入以下文档，并保存为inc1.jsp。<% p
29、age contentType="text/html; charset=gb2312" language="java" %><html><body bgcolor="snow"> <b> </b> This page is unde contruction<P> <% include file="copyright.jsp" %><P> <h6>Last updated:March 2008</h6>&
30、lt;/body></html>（3）将copyright.jsp和inc1.jsp复制到Tomcate安装目录下的webappsROOT（4）在IE地址栏输入http:/localhost:8080/inc1.jsp 四、设计性实验环节（1）、编写JSP页面，用“*”显示一个77方阵的边框和对角线，结果如图41所示。* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *图41 练习1运行结果（2）、编写JSP页面，判断字符串是否为回文，并用表格显示出来，结果如图42所示。提示：使用StringBuf
31、fer类的reverse()颠倒某字符串的顺序，若字符串与颠倒后的字符串相等，则该串为回文。（选做）11 图42 练习2的运行结果（3）、张三手头分别有800美元和1860美元，编写一个JSP页面，把他的美元换成人民币，并用表格显示出来。假设当前美元兑换人民币的汇率是7.82。（选做）（4）、编写JSP页面分别显示110之间的各数字的阶乘。 实验五 Tag文件的代码复用一、实验目的（1）Tag文件的编写、保存以及Tag标记的使用（2）编写JSP页面，使用Tag标记实现代码的复用 二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或D
32、reamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载 三、实验步骤（1）Tag文件是扩展名为.tag的文<p>这是一个Tag文件，负责计算三角形的面积:<% attribute name="sideA" required="true" %><% attribute name="sideB" required="true" %><% attribute name="sideC" required=
33、"true" %><%! public String getArea(double a,double b,double c) if(a+b>c&&a+c>b&&c+b>a) double p=(a+b+c)/2.0;double area=Math.sqrt(p*(p-a)*(p-b)*(p-c) ;return "<BR>三角形的面积:"+area;12else return("<BR>"+a+","+b+",&quo
34、t;+c+"不能构成一个三角形,无法计算面积"); %><% out.println("<Br>jsp页面传递过来的三边："+sideA+","+sideB+","+sideC); double a=Double.parseDouble(sideA);double b=Double.parseDouble(sideB);double c=Double.parseDouble(sideC);out.println(getArea(a,b,c);%>（2）将Trangle.tag保存在.R
35、OOTWEB-INF目录下（3）在ROOT目录下编写exer5_1.jsp文件，代码如下：<% page contentType="text/html;Charset=GB2312" %><% taglib tagdir="/WEB-INF/tags" prefix="computer"%><html><body><form action="exer5_1.jsp" method="get" name="form1">
36、;<p>请选择三角形的三条边</p> <p>SIDE A: <select name="select1"> <option value="3" selected>3</option> <option value="4">4</option> <option value="5">5</option> </p> <p>SIDE B: <select name="
37、select2"> <option value="3">3</option> <option value="4" selected>4</option> <option value="5">5</option> </select> </select> <p>SIDE B: <select name="select3"> <option value="3"&
38、gt;3</option> <option value="4">4</option> <option value="5" selected>5</option>13 </p> </select> <input type="submit" name="Submit" value="提交"> </p> </form> %> <%if (sideaa=null)sidea
39、a="3" if (sidebb=null)sidebb="4" if (sidecc=null)sidecc="5" %> <h3>以下是调用Tag文件的效果：</h3> <% String sideaa=request.getParameter("select1"); String sidebb=request.getParameter("select2"); String sidecc=request.getParameter("select3
40、");<computer:Trangle sideA="<%=sideaa%>" sideB="<%=sidebb%>" sideC="<%=sidecc%>" /></body></html>（4）在IE地址栏输入http:/localhost:8080/exer5_1.jsp 四、综合设计实验环节编写两个Tag文件Rect.tag和Circle.tag。Rect.tag负责计算矩形的面积，Circle.tag负责计算圆的面积。编写一个JSP页面，该J
41、SP页面使用Tag标记调用Rect.tag和Circle.tag。调用Rect.tag时，向其传递矩形的两个边的长度；调用Circle.tag时，向其传递圆的半径。 实验六 中文显示服务器端日期（选做）一、实验目的（1）掌握在JSP中Switch语句的使用（2）掌握Date类使用。（3）熟悉int和String的区别（4）通过实例编程，综合掌握实用网页编程技巧 二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载 三、实验原理和内容本实例运行后将在浏览器上用中文显示当前服务端的日期，如图61所示。14 图61 服务器端的日期1、程序知识点l Date类及其引用Date是在jdk中java。util这个包下的一个类，它支持日历和时间，并且包含了getYear()、getMonth()、getDate()、getDay()几个方法，分别为获取系统年份、系统月份、系统日期、系统星期，并且返回的都是整型。其标准用法为：java.util.Date dt=new java.util.Date();int year=dt.getYear();当然也可先用import语句使包中定义的类和接口，可以
