2024年1月12日发(作者：)
实验课指导书
课程名称 动态网页技术JSP
适用专业 计算机科学与技术
电 子 商 务
任课教师 文 晓 棠
开 课 系 信 息 工 程 系
广东商学院华商学院教务处 制
实验项目一
（一）实验项目名称：
JSP开发环境配置与测试
（二）实验学时：
2
（三）实验性质（设计性？综合性？验证性？）
验证性
（四）实验目的
1．掌握JSP开发环境安装与配置；
2. 掌握JSP开发的一般步骤。
（五）实验内容
1．安装与配置JDK，并测试JDK的安装是否成功；
2．安装与启动Tomcat，并通过浏览器访问Tomcat的主页面；
3. 安装Eclipse开发工具，并进行汉化；
4. 在Eclipse中配置web服务器，要求使用外置的Tomcat服务器；
5. 开发并运行JSP程序。
实验条件：
要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat
7.0服务器。
（六）实验重点、难点
JDK环境配置、在Eclipse中配置Tomcat服务器。
（七）具体实验操作过程
1. JSP开发环境配置
JSP 编程使用的 Java 语言，所以运行 JSP 程序必须要有 JVM 的支持，还必须要有Java程序编辑、编译程序（JDK）的支持。现在企业流行的集成开发环境是 Eclipse
或MyEclipse。大多数应用程序都需要连接数据库，所以需要 DBMS 的支持，数据库的安装配置将在后续章节介绍。JSP 应用程序是运行在服务器上的，所以需要Web服务器的支持，在此以JDK1.7、Tomcat 7.0、Eclipse IDE for Java EE 为例，安装配置 JSP
开发环境。
（1）安装JDK
从Java公司官方网站（/technetwork/java/）下载JDK，现在最新的是 JDK 7 Update 5，如果是32位window操作系统，下载后得到的安装文件时，只需要双击中下载到的EXE 文件，点下一步即可安装。JDK 安装好后，需要配置 Java 的环境变量，步骤如下：
1）右击计算机->属性->高级系统设置->高级->环境变量，打开“环境变量”对话框，在用户或系统变量中新建以下环境变量：
①JAVA_HOME：表示Java SDK的安装目录，其值为 ：
D:ProgramFilesJavajdk1.7.0_05（根据自己的实际安装位置进行调整）。
②修改 Path 环境变量，在变量值最前端添加增加“.;%JAVA_HOME%bin;”
③CLASSPATH ： 表 示 Java 要 访 问 的 jar 文 件 所 在 的 目 录 ， 查看是否存在此变量，若存在，则加入 ：“.;%JAVA_HOME%;%JAVA_HOME%“。
注意：
对于 Path 环境变量是添加，而不要删除原来的内容，否则很多 Windows 功能不能使用；若有其他程序要用到自己的 Java 环境变量，请将第③步的内容添加到Path
环境变量的最后，以免影响其他程序的运行。字母不区分大小写，大写字母是遵照 Java
环境变量配置习惯。
2)测试
打开 Windows 的命令行窗口（开始->运行，在弹出的窗口中输入 cmd 回车），输入javac 然后回车，若能显示 javac 的帮助信息，说明 JDK 安装成功，如下图所示。
（2）安装Tomcat服务器
1）下载安装Tomcat
在Tomcat官方网站（/）上下载Tomcat，现在最新版本是 7.0，下载后的文件名为。点击文件，弹出安装向导对话框，安装时只需要一路next即可，其中，安装到选择Java Virtual Machine对话框时选择Java虚拟机路径，这里选择JDK的安装路径。安装到Choose Install Location对话框时，更改为Tomcat的安装路径。
2）启动Tomcat
安装完成后，需要启动Tomcat服务器。在“开始”菜单中选择“所以程序”—“Apache
Tomcat 7.0 Tomcat 7”—“Monitor Tomcat”命令，在任务栏右侧的系统托盘中将出现启动Tomcat图标，在该图标上单击鼠标右键，在打开的快捷键菜单中选择“Start
Service”命令，启动Tomcat。
Tomcat启动后，打开IE浏览器，在地址栏中输入地址localhost:8080访问Tomcat服务器，若出现下图所示页面，则表示Tomcat安装成功。
2、安装JSP开发环境Eclipse
Eclipse可以从官网上下载，进入Eclipse的官网后下载Eclipse 4.2版本，下载后的文件名为，若有新版本也可以下载新版本。
1）将文件解压后，双击文件就可启动Eclipse。
2）解压完成后，启动Eclipse是英文版的，可以去Eclipse官网免费下载Eclipse多国语言包，本书中使用Eclipse4.2版本，即juno版本，所以下载多国语言包时，选择对应的juno超链接，然后下载语言包文件。下载成功后可将其解压，然后使用得到的features和plugins两个文件夹覆盖Eclipse文件夹中同门的这两个文件夹即可。此时启动Eclipse，可看到汉化后的Eclipse启动界面，如下图：
3）每次启动Eclipse时，都需要设置工作空间，用来存放创建的项目。可通过勾选“将此值用作缺省值并且不再询问选项屏蔽对话框”。
3、应用Eclipse开发简单的JSP程序
下面应用Eclipse开发一个简单的JSP程序，开发步骤如下：
（1）启动Eclipse，弹出选择工作空间对话框，设置工作空间存储位置，然后单击确定按钮进入Eclipse开发界面。
（2）依次单击菜单栏中的“文件”—“新建”—“Dynamic Web Project”菜单项，将打开新建动态Web项目对话框，在该对话框的“Project name”文本框中输入项目名称，这里为“firstProject”，在Dynamic Web module version下拉列表中选择“3.0”，其他选项采用默认设置。
（3）单击“下一步”按钮，将打开配置Java应用的对话框，这里采用默认设置。
（4）单击“下一步”按钮，将打开配置Web模块设置对话框，这里采用默认设置。
（5）单击“完成”按钮，完成项目firstProject的创建。
项目创建完成后，就可根据实际需要创建文件，JSP文件或是其他文件。下面将创建一个名称为的JSP文件
（1）在Eclipse的“项目资源管理器”中，选中firstProject节点下的WebContent节点，并单击鼠标右键，在打开的快捷菜单中选择“新建”—JSP file，打开“New JSP
file”对话框，输入文件名“”，其他采用默认设置。
（2）单击“下一步”，打开选择JSP模板对话框，这里采用默认设置。
（3）单击“完成”，完成JSP文件的创建。此时，项目资源管理器中WebContent节点下，将自动添加一个名称为的节点，同时，Eclipse会自动以默认的与JSP文件关联的编辑器文件在右侧的编辑窗口中打开。
（4）将文件中的默认代码修改为以下代码：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
保护环境，从自我作起...
（5）将编辑好的JSP页面保存。
至此，完成了一个简单的JSP程序的创建。
在发布和运行项目前，需要配置Web服务器，如果已经配置好Web服务器，就不需要再重新配置了。配置Web服务器具体步骤如下：
（1）在Eclipse工作台的其他视图中，选中Server视图，在该视图的空白区域单击鼠标右键，在弹出的快捷菜单中选中“New/Server”菜单项，将打开“new server”对话框，在该对话框中展开“Apache”节点，选中该节点下的“Tomcat v7.0 Server”子节点，其他采用默认设置。
（2）单击“下一步”，打开Tomcat服务器安装路径对话框，选择Tomcat的安装路径，其他采用默认设置。
（3）单击“完成”，完成Tomcat服务器配置。
动态Web项目创建完成后，就可以将项目发布到Tomcat并运行该项目。下面将介
绍具体方法：
（1）在“项目资源管理器”中选择项目名称节点，在工具栏上单击“启动”按钮，在弹出的快捷菜单中选择“运行方式”—“Run On Server”，对话框，在该对话框中选择将服务器设置为缺省值，其他采用默认设置。
（2）单击“完成”按钮，即可通过Tomcat运行该项目，运行后的效果如下图：
4、开发第一个应用
问题：这是一个动态Web应用，程序会根据当前用户的访问时间来显示对应的消息，但这仍然是事先人为地编写出各种情况，然后由计算机来根据条件进行判断选择。
参考步骤：
（1）创建一个名为FirstJsp的Web项目。
（2）在WebContent目录下新建一个页面文件，并对该文件进行如下编码：
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page import=",.*" %>
包文件 -->
<%
Date nowday=new Date();
//获取当前日期
//获取日期中的小时
<%
if(hour>=24&&hour<5)
("现在是凌晨!时间还很早,再睡会吧!");
<%--<%=new Date().toString() %>--%>
2. JSP 指令
2.1 include 指令
（1）新建 页面，在页面中输入以下代码，而且只保留如下代码：
<% int a=5, b=8, c=6;
n("
Hello World!
");%>
（2）编写 页面，在其中输入以下代码：
<%@ include file="" %>
并在
中输入以下代码：<%=a+b+c %>（3） 启动 Tomcat 服务器，访问 ，观察结果。
实验项目二
（一）实验项目名称：
JSP语法基础应用v0.2—动作标识的使用
（二）实验学时：
2
（三）实验性质（设计性？综合性？验证性？）
设计性、验证性
（四）实验目的
1. 掌握JSP动作标识的使用
（五）实验内容
1．include动作与include指令的异同
2. inlude动作标识的使用
3. foword动作标识的使用
4. useBean动作标识、setProperty动作标识以及getProperty动作标识的使用
实验条件：
要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat
7.0服务器。
（六）实验重点、难点
1. include动作与include指令的异同；
2. useBean动作标识的使用。
（七）具体实验操作过程
1. include动作与include指令的异同
（1）新建 页面，在页面中输入以下代码，而且只保留如下代码：
<%
int a=5,b=8,c=6;
n("
hello word!
");%>
（2）新建 页面，在其中输入以下代码：
<%@ include file="" %>
<%=a+b+c %>
（3）观察编辑器有什么提示？并想一想，include 指令和 include 动作有什么异同？可以如何修改这个程序？
2. inlude动作标识的使用
在页面中包含一个页面，要求从页面中传递两个参数。
（1）新建页面，在其中输入以下代码
（2）新建页面，在其中输入以下代码
This is page!
<% String str1=ameter("username");
String str2=ameter("password");
%>
<% n(str1+"
");
n(str2+"
");
%>
（3）观察并分析结果
3. foword动作标识的使用
应用Eclipse新建一个Web项目，并在该项目的根目录下创建和文件，要求该项目实行如下功能：当访问文件后，会自动转发到页面。
4. useBean动作标识、setProperty动作标识以及getProperty动作标识的使用
存在一个JavaBean，名字为Student，实现在页面输入学生的学号和姓名，在页面输出学生的学号和姓名。
（1）在项目的 src 目录下新建 包，并在该包在新建类
Student，并输入以下代码
public class Student {
public long id;
public String name;
public Student(){}
// getters and setters……
}
（2）编写 页面，输入以下内容
（3）编写 ，输入以下内容。
scope="session">
学生信息
学号：
姓名:
（4）运行 ，输入学号和姓名并提交，观察结果
实验项目三
（一）实验项目名称：
Request内置对象的应用
（二）实验学时：
2
（三）实验性质（设计性？综合性？验证性？）
设计性、验证性
（四）实验目的
1. 掌握request对象的方法；
2. 掌握HTML标签的使用；
3. 掌握在JSP页面声明、使用方法。
（五）实验内容
1．编写三个JSP页面：、、，实现功能:
校验页面的输入内容并进行页面跳转。
2. 使用request内置对象实现一个计算器。
实验条件：
要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat
7.0服务器。
（六）实验重点、难点
Request内置对象的使用
（七）具体实验操作过程
1、编写三个JSP页面：、、，实现功能:
校验页面的输入内容并进行页面跳转。
1.1 问题描述
编写三个jsp页面：、和，将三个jsp页面保存在同一目录下。页面结构如下：
校验页面的输入内容并进行页面跳转，内容如下：
（1）、当用户不输入用户名和密码，直接点击“登录”时，跳回页面。
（2）、当用户只输入用户名或者只输入密码，就点击“登录”时，跳回页面，并且将用户刚才输入的用户名或密码显示在对应的位置。
（3）、当用户完整输入用户名和密码，点击“登录”时，跳转到，并在该页面显示用户名，以及该用户是第几个用户。
1.2 参考实现过程
（1）设计
参考代码如下：
（2）编写
参考代码如下：
（3）编写
参考代码如下：
（4）测试页面
（5）思考：用户访问次数的记录特点，何时重新计数？用户名如果是中文会出现什么情况？如何解决？
2、使用request内置对象获取Cookie
2.1 问题描述
编写2个页面，分别为和，实现功能：在中创建5个cookie对象，其中有2个需要从接收的请求中的参数中来创建；文件实现获取cookie数组并输出
2.2 参考实现过程
（1）设计页面，参考代码如下：
（2）设计，参考代码如下：
（3）测试页面
首先运行文件，创建cookie，运行的时候需要在请求后设置参数，再运行页面。
实验项目四
（一）实验项目名称：
Session内置对象与response内置对象的使用
（二）实验学时：
2
（三）实验性质（设计性？综合性？验证性？）
设计性、验证性
（四）实验目的
1. 掌握Session内置对象的使用；
2. 熟悉response内置对象的使用；
3. 掌握HTML标签的使用。
（五）实验内容
1．使用Session对象实现猜数字游戏。
2. 使用response对象实现用HTML类型、word类型或excel类型，显示同一个文件。
实验条件：
要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat
7.0服务器。
（六）实验重点、难点
Session内置对象的使用
（七）具体实验操作过程
1、使用Session对象实现猜数字游戏。
1.1 问题描述
实现猜数字的小游戏。当客户访问服务器上的时，随机分配给客户一个1～100之间的整数，然后将这个整数存在客户的session对象中。客户在表单里输入一个整数，来猜测分配给自己的那个整数。客户输入一个整数后，提交给，该页面负责判断这个整数是否和客户session对象中存在的那个整数相
同，如果相同就连接到；如果不相同就连接到或，然后，客户在这些页面再重新提交整数，效果如下图所示：
1.2 参考实现过程
（1）设计页面
（2）设计页面
（3）设计页面
（4）设计页面
（5）设计页面
（6）上机调试，测试页面
（7）思考：本猜数字游戏能否用request内置对象实现？为什么？
2、使用response对象实现用HTML类型、word类型或excel类型，显示同一个文件。
2.1 问题描述
根据要求选择使用HTML类型、word类型或excel类型，显示同一个文件。在页面上选择不同按钮，然后单击“提交”按钮，由文件选择显示类型。效果图如下：
2.2 参考实现过程
（1）页面
（2）页面
（3）文件
（6）上机调试，测试页面
实验项目五
（一）实验项目名称：
JavaBean的应用
（二）实验学时：
2
（三）实验性质（设计性？综合性？验证性？）
设计性、综合性
（四）实验目的
1. 掌握JavaBean的定义
2. 掌握JavaBean的使用
（五）实验内容
1．应用JavaBean制作留言本
2. 应用JavaBean解决中文乱码问题
实验条件：
要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat
7.0服务器。
（六）实验重点、难点
1. JavaBean在JSP页面中的应用
2. JavaBean应用程序的开发
（七）具体实验操作过程
1、应用JavaBean制作留言本
本实例的实现过程详见教材P108.
2、应用JavaBean解决中文乱码问题
设计一个定书程序，实现：可以进行定书功能并查看订单信息。要求：
（1）编写工具JavaBean，解决如下乱码问题
图5-1 输入书的相关信息（）
图5-2 提交后的页面()
图5-3 书的详细信息()
（2）设计三个JSP页面，分别为、、页面和一个值JavaBean，其参考代码如下：
1)页面
2)页面
scope="session"/> 3)页面 scope="session"/> property="bid"/> property="bname"/> property="number"/> property="wr"/> 4)值 package ; public class BookBean { } private String bid; private String bname; private int number; private String wr; …… //此处省略了get方法和set方法 实验项目六 （一）实验项目名称： Servlet的应用 （二）实验学时： 2 （三）实验性质（设计性？综合性？验证性？） 设计性、综合性 （四）实验目的 1. 掌握Servlet的创建 2. 掌握Servlet在程序中的应用 （五）实验内容 1．应用Servlet实现留言板 2. 应用Servlet实现购物车 实验条件： 要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat 7.0服务器。 （六）实验重点、难点 1. Servlet的创建 2. Servlet在程序中的应用 （七）具体实验操作过程 1、应用Servlet实现留言板 本实例的实现过程详见教材P130。 2、应用JavaBean实现购物车 本实例的实现过程详见教材P134。 实验项目七 （一）实验项目名称： JSP访问数据库的应用 （二）实验学时： 2 （三）实验性质（设计性？综合性？验证性？） 验证性、设计性 （四）实验目的 1. 掌握JSP中SQL Server 2008数据库的连接； 2. 掌握JSP中Access数据库的连接； 3. 掌握JSP中MySQL数据库的连接。 （五）实验内容 1．JSP中连接SQL Server 2008数据库； 2. JSP中连接Access数据库； 3. JSP中连接MySQL数据库； 4. 创建Access数据库，配置ODBC数据源，连接数据库。 实验条件： 要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat 7.0服务器、SQL Server 2008、Access、MySQL。 （六）实验重点、难点 1. JSP中连接SQL Server 2008数据库； 2. JSP中连接Access数据库； 3. JSP中连接MySQL数据库。 （七）具体实验操作过程 1、JSP中连接SQL Server 2008数据库 本实例的实现过程详见教材P177页例8-1 2、JSP中连接Access数据库 本实例的实现过程详见教材P178页例8-2 3、JSP中连接MySQL数据库 本实例的实现过程详见教材P178页例8-3 4、创建Access数据库，配置ODBC数据源，连接数据库 4.1 问题描述 创建Access数据库，然后创建一个学生信息表并且录入数据，接着配置ODBC数据源，最后连接该数据库。 4.2 实验参考过程 （1）创建数据库 采用ACCESS数据库，创建一个学生数据库，其中有一个数据表是学生信息数据表。 数据表中信息如下： 字段名称 No Name Sex Age 数据类型 Char Char Char Char 说明 学号 姓名 性别 年龄 期中，将学号no设置为主键，保存为student_info；然后，在该数据表中录入几条记录。 （2）创建该数据库的ODBC数据源 开始-〉控制面板-〉管理工具-〉ODBC数据源 -> 选择系统数据源 点击添加 选择ACCESS数据库 点击完成，出现如下所示 在数据源名中输入：student 点击选择，选择你数据库所在文件夹的位置 点击确定 （3）熟悉语法规则 ① 加载驱动程序的语法如下： e(“bcDriver”) ② 打开数据库连接的语法如下: Connection Connection 对象变量=nection(“jdbc:odbc:ODBC 数据源名称”,”使用者账号”,”密码”) ③ 关闭数据库连接的语法如下： Connection 对象变量.close() （4）参考程序代码 程序代码： <%@ page contentType=”text/html;charset=GB2312”%> <%@ page import=”.*”%> <%@ page language=”java”%>
书号 书名 数量 作者
<%
e("bcDriver");
Connection conDB=nection("jdbc:odbc:student");
%>
已经建立与数据库的连接
<%
();
%>
已经关闭数据库的连接
（5）上机调试
（6）分析结果
实验项目八
（一）实验项目名称：
JSP综合开发实例—个人博客
（二）实验学时：
4
（三）实验性质（设计性？综合性？验证性？）
综合性
（四）实验目的
1. 掌握Java Web项目开发的流程
2. 巩固JSP的语法、JSP内置对象、JavaBean技术、Servlet技术、JSP数据库应用技术等知识。
（五）实验内容
1．应用JSP、JavaBean、Servlet技术开发个人博客
实验条件：
要求准备下列软件：Window 7、Eclipse IDE for Java EE软件、JDK 1.7、Tomcat
7.0服务器、SQL Server 2008数据库。
（六）实验重点、难点
1. 网站总体设计；
2. 数据库设计
3. 文件架构设计
4. 公共类编写；
5. 前台主页面设计
6. 文章显示模块设计
7. 博主登录模块设计
8. 相册管理模块设计
（七）具体实验操作过程
本实验的详细开发过程详见教材P213—P241
福州电脑网_福州电脑维修_福州电脑之家_福州iThome
福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒，软件,硬件,常识.
发布评论