web开发技术实验指导书

《web开发技术实验指导书》由会员分享，可在线阅读，更多相关《web开发技术实验指导书（93页珍藏版）》请在金锄头文库上搜索。

1、安徽农业大学Web 开发技术JSP 版课程配套教材Web 开发技术实验指导书 （JSP 版）刘 波 编写安徽农业大学信息与计算机学院通信工程2008 年 2 月2目目 录录实验一 搭建 JSP 运行的实验环境1 实验二 JSP 页面.2 实验三 显示不同大小的“你好 JSP”.6 实验四 JSP 指令和动作.8 实验五 Tag 文件的代码复用 11 实验六 中文显示服务器端日期13 实验七 JSP 内置对象.18 实验八 session 对象.22 实验九 简易留言板27 实验十 JSP 中使用 Java Bean.30 实验十一 JSP 中的文件操作.40 实验十二 JSP 中使用数据库.4

2、7 实验十三 Java Servlet64 实验十四 网上书店69 实验报告761实验一实验一 搭建搭建 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 服务器，在浏览器

3、中输入：http:/localhost:8080，观察主页内容 （4）观察 Tomcat 安装目录下的各个子目录的内容 （5）打开记事本，输入下列源代码并保存为 exer1.jsp。将此文件复制到 Tomcat 安装目 录下的 webappsROOT 目录下，运行该页面，观察其对应的 Servlet 源代码。exer1.jsp 的代码：程序片创建 Date 对象：“+date);sum=add(12,34);%在下一行输出和:2（6）将 exer1.jsp 文件复制到 Tomcat 安装目录下的 webappsexamples 目录下，运行该页 面，观察其对应的 Servlet 源代码。 （7

4、）将 exer1.jsp 文件复制到 Tomcat 安装目录下的 webappswebdav 目录下，运行该页面， 观察其对应的 Servlet 源代码。四、实验思考题 （1）JDK 安装完毕后，需要添加哪些环境变量？ （2）在 Tomcat 安装目录下的 webapps 文件夹中，新建一文件夹 myapp，将 exer1.jsp 文 件复制到 Tomcat 安装目录下的 webappsmyapp 目录下，运行该页面 （http:/localhost:8080/myapp/exer1.jsp ） ，结果如何？若在 d:盘根目录建立一个文件夹 myweb，将 exer1.jsp 文件复制到 d:

5、myweb目录下, 运行 该页面（http:/localhost:8080/myweb/exer1.jsp ） ，结果如何？3若要正确显示该页面，还应做如何处理？提示：修改 conf 目录下的 server.xml 文件。 （3）Tomcat 默认端口号为 8080，如何更改端口号？ （4）编写一个 JSP 页面，用于显示 1100 的整数和。五、实验报告要求 （1）分析 JSP 的工作原理，说明 JSP 文件和 Servlet 的关系 （2）根据实验运行情况，对实验步骤和运行结果进行阐述 （3）完成实验思考题的解答实验二实验二 JSP 页面页面一、实验目的 （1）熟悉典型 JSP 页面的组成

6、元素，掌握 HTML 标记和 JSP 标记的不同 （2）掌握在 HTML 页面中插入 JSP 脚本（java 代码）的方法 （2）编写简单的 JSP 页面，初步掌握 JSP 网页的设计原理4二、实验工具 （1）JDK1.4、JDK1.5 或 JDK1.6，可以从 SUN 公司的网站免费下载 （2）编辑工具：记事本或 Dreamweaver MX 2004、FrontPage 2003 （3）Tomcat 服务器，也可以从网上免费下载三、实验步骤 （1）打开记事本，输入以下代码，保存为 exer2_1.jsp，观察其运行结果 exer2_1.jsp：（2）JSP 中声明类（比较教材声明类（比较教

7、材 P15P16 页的声明变量和声明方法）页的声明变量和声明方法）是 JSP 页面对应的 Servlet 类的内部类内部类，页面上所有脚本元素都可以创建该类的对象。下面的实例定义一个 square 类，当客户访问该页面时，服务器创建该类的对象，只要客户给出正方形的边长， 就可以求出该正方形的周长和面积，创建并运行 exer2_2.jsp，观察运行结果 exer2_2.jsp：请输入正方形边长方的面积是：方的周长是：（3）编写 exer2_3.jsp，熟悉在“”之间插入表达式，用于输出表达式计算 结果的方法 exer2_3.jsp：Sin(0.9)除以 3 等于 3 的平方是：12345679

8、乘 72 等于5 的平方根等于99 大于 100 吗？回答：100%（4）在 Dreamweaver 或 FrontPage 中利用可视化方法，编写 input.jsp 和 receive.jsp。 input.jsp：请输入下列信息：输入您的姓名: 选择性别:男 6女 选择您喜欢的歌手: 张歌手李歌手刘歌手王歌手receive.jsp：您的姓名:“+yourName+“);out.println(“ 您的性别:“+yourSex+“);out.println(“ 您喜欢的歌手:“);if(personName=null) out.print(“一个都不喜欢“); else for(int k

9、=0;k hidden 提交的值:“+secretMess); %四、设计性实验环节 （1）编写一个 jiecheng 类，当客户在浏览器中给出指定的正整数 N，能计算 N 的阶乘。 创建能实现此功能的 jsp 文件 res1.jsp，观察运行结果（参考 exer2_2.jsp） （2）编写程序 newclass2.jsp，学会在声明中定义类 student，初始化该类（学号、姓名、 成绩） ，用表格形式输出“班号（学号的前 4 位） 、学号、姓名、成绩” 。 （选做）7五、实验报告要求 （1）分析 JSP 的脚本元素，说明 JSP 标记和 html 标记的不同 （2）根据实验运行情况，对实验

10、步骤和运行结果进行阐述 （3）完成实验设计题的解答实验三实验三 显示不同大小的显示不同大小的“你好你好 JSP” （选做选做）一、实验目的 （1）掌握控制字体显示大小的方法 （2）掌握 For 语句，显示变量值二、实验工具 （1）JDK1.4、JDK1.5 或 JDK1.6，可以从 SUN 公司的网站免费下载 （2）编辑工具：记事本或 Dreamweaver MX 2004、FrontPage 2003 （3）Tomcat 服务器，也可以从网上免费下载三、实验原理和内容 本程序运行后，在浏览器页面上显示不同字体大小的“你好 Jsp” ，如图 31 所示， 程序的流程图如图 32 所示。1、 程

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

12、 循环的初始化部分可以声明局部循环变量，循环变量的范围在循环体内部。这些 循环变量遵循在块内有效的一般规则，即用大括号作为程序块，变量在块内声明，不能 与范围外边的变量同名，也不能在循环外引用。图 32 程序流程图控制字体大小 在 HTML 语言中，控制文字大小可使用“” （n 从 16） ，因此，可以使用循环 语句来控制 n 的变化。然后，使用，来显示字体大小渐变的“你好 JSP”2、程序代码（exer3.jsp）显示不同大小字体9你好 JSP你好 JSP3、观察运行结果四、综合设计实验环节 综合思考：结合实验二和实验三，编写 input2.jsp 和 receieve2.jsp，根据变量和

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

14、服务器，也可以从网上免费下载三、实验步骤 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.jsp113、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 contructionLast 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 页面，判断字符串是