Web开发技术实验指导书

《Web开发技术实验指导书》由会员分享，可在线阅读，更多相关《Web开发技术实验指导书（93页珍藏版）》请在装配图网上搜索。

1、安徽农业大学Web开发技术JSP版课程配套教材Web开发技术实验指导书（JSP版）刘 波 编写安徽农业大学信息与计算机学院通信工程2008年2月目 录实验一 搭建JSP运行的实验环境1实验二 JSP页面2实验三 显示不同大小的“你好JSP”6实验四 JSP指令和动作8实验五 Tag文件的代码复用11实验六 中文显示服务器端日期13实验七 JSP内置对象18实验八 session对象22实验九 简易留言板27实验十 JSP中使用Java Bean30实验十一 JSP中的文件操作40实验十二 JSP中使用数据库47实验十三 Java Servlet64实验十四 网上书店69实验报告.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，观察主页内容（4）观察Tomcat安装目录下的各个子目录的内容（5）打开记事本，输入下列源代码并保存为exer1.jsp。将此

3、文件复制到Tomcat安装目录下的webappsROOT目录下，运行该页面，观察其对应的Servlet源代码。exer1.jsp的代码： 程序片创建Date对象： % Date date=new Date(); /java程序片 out.println(+date); sum=add(12,34); % 在下一行输出和: （6）将exer1.jsp文件复制到Tomcat安装目录下的webappsexamples目录下，运行该页面，观察其对应的Servlet源代码。（7）将exer1.jsp文件复制到Tomcat安装目录下的webappswebdav目录下，运行该页面，观察其对应的Servlet

4、源代码。四、实验思考题（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 ），结果如何？若要正确显示该页面，还应做如何处理？提示：修改conf目录下的serv

5、er.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网页的设计原理二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编

6、辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载三、实验步骤（1）打开记事本，输入以下代码，保存为exer2_1.jsp，观察其运行结果exer2_1.jsp： （2）JSP中声明类（比较教材P15P16页的声明变量和声明方法）是JSP页面对应的Servlet类的内部类，页面上所有脚本元素都可以创建该类的对象。下面的实例定义一个square类，当客户访问该页面时，服务器创建该类的对象，只要客户给出正方形的边长，就可以求出该正方形的周长和面积，创建并运行exer2_2.jsp，观察运行结果exer2_2.jsp：请

7、输入正方形边长 方的面积是：方的周长是：（3）编写exer2_3.jsp，熟悉在“”之间插入表达式，用于输出表达式计算结果的方法exer2_3.jsp： Sin(0.9)除以3等于 3的平方是： 12345679乘72等于 5的平方根等于 99大于100吗？回答： 100%（4）在Dreamweaver或FrontPage中利用可视化方法，编写input.jsp和receive.jsp。input.jsp： 请输入下列信息： 输入您的姓名: 选择性别:男 女 选择您喜欢的歌手: 张歌手 李歌手 刘歌手 王歌手 receive.jsp： % String yourName=request.get

8、Parameter(name); / 获取text提交的值 String yourSex=request.getParameter(R); /获取radio提交的值 String secretMess=request.getParameter(secret); /获取hidden提交的值 String personName=request.getParameterValues(superstar); /获取checkbox提交的值 out.println( 您的姓名:+yourName+); out.println( 您的性别:+yourSex+); out.println( 您喜欢的歌手:)

9、; if(personName=null) out.print(一个都不喜欢); else for(int k=0;kpersonName.length;k+) out.println( +personNamek); out.println( hidden提交的值:+secretMess); % 四、设计性实验环节（1）编写一个jiecheng类，当客户在浏览器中给出指定的正整数N，能计算N的阶乘。创建能实现此功能的jsp文件res1.jsp，观察运行结果（参考exer2_2.jsp）（2）编写程序newclass2.jsp，学会在声明中定义类student，初始化该类（学号、姓名、成绩），用

10、表格形式输出“班号（学号的前4位）、学号、姓名、成绩”。（选做）五、实验报告要求（1）分析JSP的脚本元素，说明JSP标记和html标记的不同（2）根据实验运行情况，对实验步骤和运行结果进行阐述（3）完成实验设计题的解答实验三 显示不同大小的“你好JSP”（选做）一、实验目的（1）掌握控制字体显示大小的方法（2）掌握For语句，显示变量值二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载三、实验原理和内容本程序运行后，

11、在浏览器页面上显示不同字体大小的“你好Jsp”，如图31所示，程序的流程图如图32所示。1、 程序知识点l 显示变量值在JSP中，获取变量值可使用“”来实现，valname可以是一个整型字符型的变量。图31 浏览器显示不同字体大小l For语句For语句的格式如下for (initialization Statement; conditional Expression; increment Statement) loopBody为了执行For语句，首先执行初始化语句，然后再对条件表达式求值，如果值为TRUE，则执行循环体，随后执行递增语句。表达式的求值和循环体与递增语句的执行不断重复，直到条件

12、表达式的值变为false。多个初始化和增量语句可以用逗号隔开。 For循环的初始化部分可以声明局部循环变量，循环变量的范围在循环体内部。这些循环变量遵循在块内有效的一般规则，即用大括号作为程序块，变量在块内声明，不能与范围外边的变量同名，也不能在循环外引用。图32 程序流程图l 控制字体大小在HTML语言中，控制文字大小可使用“”（n从16），因此，可以使用循环语句来控制n的变化。然后，使用H，来显示字体大小渐变的“你好JSP”2、程序代码（exer3.jsp）显示不同大小字体%/利用For循环控制字体由大到小for(int i=1;iH你好 JSP/HH你好 JSP/H3、观察运行结果四、综

13、合设计实验环节综合思考：结合实验二和实验三，编写input2.jsp和receieve2.jsp，根据变量和for循环生成表格的行和列，结果如下图33和图34所示： 图33 input2.jsp执行结果 图34执行“确定”后结果五、实验报告要求（1）根据实验运行情况，对实验步骤和运行结果进行阐述（2）完成综合设计环节的解答实验四 JSP指令和动作一、实验目的（1）综合掌握在JSP中使用指令标记（2）综合掌握在JSP中使用动作标记二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPa

14、ge 2003（3）Tomcat服务器，也可以从网上免费下载三、实验步骤1、Page指令的使用（1）打开记事本，输入以下文档，并保存为pagederictive.jsp。DoneThis program example how to use page Directive（2）将pagederictive.jsp复制到Tomcate安装目录下的webappsROOT。（3）在IE地址栏输入http:/localhost:8080/pagederictive.jsp2、page指令import属性的使用（1）打开记事本，输入以下文档，并保存为pageimport.jsp。CurrentYear=（

15、2）将pageimport.jsp复制到Tomcate安装目录下的webappsROOT。（3）在IE地址栏输入http:/localhost:8080/pageimport.jsp3、include指令的使用（1）打开记事本，输入以下文档，并保存为copyright.jsp。©2002 Any unauthorized use of these materials will be prosecuted to the fullest extent of the law（2）打开记事本，输入以下文档，并保存为inc1.jsp。This page is unde contructionL

16、ast updated:March 2008（3）将copyright.jsp和inc1.jsp复制到Tomcate安装目录下的webappsROOT（4）在IE地址栏输入http:/localhost:8080/inc1.jsp四、设计性实验环节（1）、编写JSP页面，用“*”显示一个77方阵的边框和对角线，结果如图41所示。* * * * * * * * * * * * * * * * * * * * * * * * * * *图41 练习1运行结果（2）、编写JSP页面，判断字符串是否为回文，并用表格显示出来，结果如图42所示。提示：使用StringBuffer类的reverse()颠倒

17、某字符串的顺序，若字符串与颠倒后的字符串相等，则该串为回文。（选做）图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）编辑工具：记事本或Dreamweaver MX 2004、Fr

18、ontPage 2003（3）Tomcat服务器，也可以从网上免费下载三、实验步骤（1）Tag文件是扩展名为.tag的文本文件，其结构几乎和JSP文件相同，只是扩展名不同而已。也就是说，一个Tag文件中可以有普通的HTML标记符、某些特殊的指令标记、成员变量和方法、Java程序片和Java表达式等。在记事本中编写如下一个Tag文件Trangle.tag：这是一个Tag文件，负责计算三角形的面积: c&a+cb&c+ba) double p=(a+b+c)/2.0; double area=Math.sqrt(p*(p-a)*(p-b)*(p-c) ; return 三角形的面积:+area;

19、else return(+a+,+b+,+c+不能构成一个三角形,无法计算面积); % % out.println(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保存在.ROOTWEB-INF目录下（3）在ROOT目录下编写exer5_1.jsp文件，代码如下： 请

20、选择三角形的三条边SIDE A: 3 4 5 SIDE B: 3 4 5 SIDE B: 3 4 5 以下是调用Tag文件的效果： computer:Trangle sideA= sideB= sideC= /（4）在IE地址栏输入http:/localhost:8080/exer5_1.jsp四、综合设计实验环节编写两个Tag文件Rect.tag和Circle.tag。Rect.tag负责计算矩形的面积，Circle.tag负责计算圆的面积。编写一个JSP页面，该JSP页面使用Tag标记调用Rect.tag和Circle.tag。调用Rect.tag时，向其传递矩形的两个边的长度；调用Cir

21、cle.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所示。图61 服务器端的日期1、程序知识点l Date类及其引

22、用Date是在jdk中java。util这个包下的一个类，它支持日历和时间，并且包含了getYear()、getMonth()、getDate()、getDay()几个方法，分别为获取系统年份、系统月份、系统日期、系统星期，并且返回的都是整型。其标准用法为：java.util.Date dt=new java.util.Date();int year=dt.getYear();当然也可先用import语句使包中定义的类和接口，可以只用类名而不用全名来引用用法为（import语句一定要放在程序开头）：import java.util.*;Date dt=new Date();int year=d

23、t.getYear();以上例句Date dt=new Date()中用new语句生成一个新对象dt对Date类进行引用，而Date()是类Date的构造函数。然后可以对Date类中的getYear()方法进行调用。但得到的返回值要加1900才是现在年份。同样用getMonth()得到的返回值也要加1才是现在的月份。l int和String的区别在Java中它们是两个完全不同的概念。int是一个类型，而String是一个类。所以在转换上是不能进行简单的强制型转换(int num=(int)string)。在此需要采用String类中的一个方法，一般用法如下：String str_year=St

24、ring.valueOf(year)l Switch语句switch语句能够根据表达式的值决定执行多个操作中的一个或者几个。switch的一般格式为：switch (expression)case value1：statement1；break；case valueN：statemendN；break；default：default_Statement；expression可以返回任一简单类型的值，case子句中的值valueI必须是常量，而且所有case子句中的值应是不同的。多分支语句把表达式返回的值与每个case 子句中的值相比，如果匹配成功，则执行该case子句后的语句序列，否则执行de

25、fault中的语句；如果没有default，则不进行任何操作。而case字句中的break用于跳出switch，如果没有break，则switch会顺序执行下个case中的语句，直至遇到break语句或者执行完所有的case或者default语句。 switch语句中使用的表达式必须为整型表达式或不丢失便可显式地转换为整型的表达式。不丢失便可显式地转换为整型的数据类型包括字节、字符和短型数。对于长型数、浮点数和双精度数等数据类型，需明确地转换。case值必须能够求值或编译时能隐含地转换为整型的常量表达式。图62 程序流程图l 程序实现过程可以先获取系统的日期，然后将月份和日期统一成二位整型的格

26、式，再将获取的系统时间拼成字符串，最后利用For循环和swtich语句获取中文时间信息并显示。图62显示程序流程图2、部分程序关键源码（exer6.jsp）% Date dtt=new Date();int year=dtt.getYear();year+=1900;/获取月份int month=dtt.getMonth();month+=1;/获取日期int date=dtt.getDate();/获取星期int day=dtt.getDay();/将int型转换为StringString str_year=String.valueOf(year);String str_month=Stri

27、ng.valueOf(month);String str_date=String.valueOf(date);String str_day=String.valueOf(day);/将月份和日期统一成二位整型if(str_month.length()=1)str_month=0+str_month;if(str_date.length()=1)str_date=0+str_date;/将获取的系统时间拼成字符串String str_i=str_year+str_month+str_date+str_day;String chi_num=;String chi_num_total=;char c

28、ha_i= ;String chi_year=null;String chi_month=null;String chi_date=null;String chi_day=null;/用for循环和switch语句获取中文时间信息for(int j=0;j四、实验思考l 上述exer6.jsp中，for循环体中有这样一段语句：if(j=4|j=6) if(cha_i=1)|(cha_i=0) chi_num_total=; if(cha_i!=0) chi_num_total+=十;试问：如果将语句改成：if(j=4|j=6) if(cha_i=0) chi_num_total=; else

29、chi_num_total+=十;这样修改能不能正确显示，为什么？五、综合实验l 判断服务端时间并显示中文问候编写JSP程序，运行后，程序将根据服务端的不同时间段，在浏览器上显示“早上好”、“中午好”、“下午好”和“晚上好”，如图63所示。图63 显示结果提示：利用Date类的getHours()函数可得到24小时制的服务器端时间，并根据当前时间来判断是何段时间：511点：早上；1114点：中午1418点：下午；18点5点：晚上实验七 JSP内置对象（4课时）一、实验目的（1）掌握JSP中内置request对象的使用（2）掌握response对象的使用，并熟悉setContentType方法（

30、3）掌握out对象的使用二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载三、实验内容与步骤1、request对象的使用（获取表单中提交的信息）在jsp中，当用户通过浏览器请求一个页面时，浏览器将请求发送给服务器。按照HTTP协议，浏览器发送的请求具有一定的结构，请求包括一个请求行、头域和表单提交的信息体。使用request对象，可以获取用户浏览器提交的请求信息。request对象常用的方法是getParameter（

31、String s），该方法获取表单提交的信息。1）在ROOT目录下编写如下源码：exer7_1.jsp 调用Computer.tag文件负责计算平方根 com:Computer number= / 2）在ROOTtags目录下编写如下源码：computer.tag=0) double r=Math.sqrt(n) ; out.print(+n+的平方根：); out.print(+r); else out.print(+请输入一个正数); catch(NumberFormatException e) out.print(+请输入数字字符); %3）在浏览器输入：lhost:8080/exer7

32、_1.jsp，观察其运行结果4）将Form提交请求的方法改成get，观察其运行结果，体会get方法和post方法的不同。2、response对象的使用（1）利用response对象的setContentType方法，改变显示方式。将下列源码保存为exer7_2.jsp，运行后观察其结果： 在学习response对象的setContentType方法 将当前页面用MS-Word显示吗？ 将当前页面用MS-Powerpoint显示吗？ （2）利用response对象实现页面重定向。将下列源码保存为exer7_3.jsp和form.jsp，运行exer7_3.jsp后观察其结果：exer7_3.js

33、p： 填写姓名： form.jsp： 3、out对象的使用out对象是一个输出流，该对象调用相应的方法可以将数据发送到客户端浏览器的缓存中。其中println()和print()是常用的两个方法，其区别是：println()会向缓存区写入一个换行，而print()不写入换行。但是浏览器的显示区域目前不识别println()写入的换行，如果希望浏览器显示换行，应当向浏览器写入实现换行。下面的实例exer7_4使用out对象向客户输出包括表格等内容的信息，运行该实例并观察结果。Exer7_4.jsp： % int a=2200;long b=3456;boolean c=true; out.println(a); out.println(b); out.print(); out.println(c); % 以下是一个表格 % out.print(); out.println(); out.println(); out.println(+姓名+); o