《Web开发技术》实验指导书的模板(JSP版)

《Web开发技术》实验指导书模板

（JSP版）

目录

实验一搭建JSP运行的实验环境 (1)

实验二JSP页面 (3)

实验三显示不同大小的“你好JSP” (7)

实验四JSP指令和动作 (10)

实验五Tag文件的代码复用 (12)

实验六中文显示服务器端日期 (14)

实验七JSP内置对象 (19)

实验八session对象 (23)

实验九简易留言板 (28)

实验十JSP中使用Java Bean (31)

实验十一JSP中的文件操作 (41)

实验十二JSP中使用数据库 (48)

实验十三Java Servlet (66)

实验十四网上书店 (71)

实验报告 (76)

实验一搭建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。将此文件复制到Tomcat安装目录下的webapps\ROOT目录下，运行该页面，观察其对应的Servlet源代码。

exer1.jsp的代码：

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

<%@ page import="java.util.Date" %>

<%! Date date; // 数据声明

int sum;

public int add(int m,int n) // 方法声明

{ return m+n;

}

%>

程序片创建Date对象：

<% Date date=new Date(); //java程序片

out.println("
"+date);

sum=add(12,34);

%>

在下一行输出和:

<%= sum+100 %>

（6）将exer1.jsp文件复制到Tomcat安装目录下的webapps\examples目录下，运行该页面，观察其对应的Servlet源代码。

（7）将exer1.jsp文件复制到Tomcat安装目录下的webapps\webdav目录下，运行该页面，观察其对应的Servlet源代码。

四、实验思考题

（1）JDK安装完毕后，需要添加哪些环境变量？

（2）在Tomcat安装目录下的webapps文件夹中，新建一文件夹myapp，将exer1.jsp文件复制到Tomcat安装目录下的webapps\myapp目录下，运行该页面（http://localhost:8080/myapp/exer1.jsp），结果如何？

若在d:盘根目录建立一个文件夹myweb，将exer1.jsp文件复制到d:\myweb\目录下, 运行该页面（http://localhost:8080/myweb/exer1.jsp），结果如何？

若要正确显示该页面，还应做如何处理？提示：修改conf目录下的server.xml文件。（3）Tomcat默认端口号为8080，如何更改端口号？

（4）编写一个JSP页面，用于显示1～100的整数和。

五、实验报告要求

（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）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003

（3）Tomcat服务器，也可以从网上免费下载

三、实验步骤

（1）打开记事本，输入以下代码，保存为exer2_1.jsp，观察其运行结果

exer2_1.jsp：

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

<%! int count=0; //被客户共享的count

synchronized void setCount() //synchronized修饰的方法

{ count++;

}

%>

<% setCount();

out.println("您是第"+count+"个访问本站的客户");

%>

（2）JSP中声明类（比较教材P15－P16页的声明变量和声明方法）是JSP页面对应的Servlet类的内部类，页面上所有脚本元素都可以创建该类的对象。下面的实例定义一个square类，当客户访问该页面时，服务器创建该类的对象，只要客户给出正方形的边长，就可以求出该正方形的周长和面积，创建并运行exer2_2.jsp，观察运行结果

exer2_2.jsp：

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

请输入正方形边长

<%! public class square

{ double r;

square(double r) {this.r=r;}

double getarea() {return r*r;}

double getlength() {return r*4;}