JSP技术实验指导书.docx

《JSP技术实验指导书.docx》由会员分享，可在线阅读，更多相关《JSP技术实验指导书.docx（20页珍藏版）》请在冰豆网上搜索。

JSP技术实验指导书

JSP技术实验指导书

计算机与信息工程学院

实验一动态网页设计基础

实验目的：

1、掌握HTML的常用标签

2、掌握HTML设计基本网页

3、掌握HTML设计网络中常用的表单

4、了解JavaScript的简单应用，

实验环境：

操作系统WindowsXP或更高版本

实验内容：

1、编写一个简单的学生信息注册页面，包括学号、姓名、密码、专业，其中学号、姓名用单行文本框、密码使用密码框、专业使用下拉菜单；

2、使用框架将一个页面均分为四个区域，每个区域显示不同的网页；

3、在文本框输入任意一个整数，求该整数的阶乘。

通过按钮的单击事件，并将结果显示在结果文本框中。

实验步骤：

1、编写一个简单的学生信息注册页面，包括学号、姓名、密码、专业，其中学号、姓名用单行文本框、密码使用密码框、专业使用下拉菜单；如下图所示（要求：

使用表格布局）。

2、使用框架将一个页面均分为四个区域，每个区域显示不同的网页

3、在文本框输入任意一个整数，求该整数的阶乘。

通过按钮的单击事件，并将结果显示在结果文本框中。

注意事项

1、认真填写实验报告

2、遵守实验室各项制度，服从实验指导教师的安排

3、按规定的时间完成实验

说明：

1、实验性质：

验证性

2、建议学时：

3学时

实验二、JSP的开发和运行环境搭建

实验目的：

1、了解JSP开发环境安装与配置；

2、了解JSP开发的一般步骤；

3、熟悉简单JSP页面的开发

实验环境：

操作系统WindowsXP或更高版本

实验内容：

1、环境配置；

2、编写一个JSP页面，计算出100以内的素数。

实验步骤：

1、环境配置

JSP编程使用的Java语言，所以运行JSP程序必须要有JVM的支持，还必须要有Java程序编辑、编译程序（JDK）的支持。

现在企业流行的集成开发环境是Eclipse。

大多数应用程序都需要连接数据库，所以需要DBMS的支持。

JSP应用程序是运行在服务器上的，所以需要Web服务器的支持，在此以Java1.6Update21、Tomcat、MySQL、Eclipse为例，安装配置JSP开发环境。

首先安装JDK：

从Java公司官方网站（）下载JDK，现在最新的是JavaSE6Update22，我们采用的JDK1.6Update21,只需要双击中下载到的EXE文件，点下一步即可安装。

JDK安装好后，需要配置Java的环境变量，步骤如下：

（1）我的电脑->属性->高级选项卡->环境变量，打开“环境变量”对话框，在系统变量中新建以下环境变量：

①JAVA_HOME：

表示JavaSDK的安装目录，其值为：

D:

\ProgramFiles\Java\jdk1.6.0_21（根据自己的实际安装位置进行调整）。

②并修改Path环境变量，在其中增加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

注意：

✧对于Path环境变量是添加，而不要删除原来的内容，否则很多Windows功能不能使用；若有其他程序要用到自己的Java环境变量，请将第③步的内容添加到Path环境变量的最后，以免影响其他程序的运行。

✧字母不区分大小写，大写字母是遵照Java环境变量配置习惯。

（2）测试

打开Windows的命令行窗口（开始->运行，在弹出的窗口中输入cmd回车），输入javac然后回车，若能显示javac的帮助信息，说明JDK安装成功，如下图所示。

图1-1环境变量配置检验

其次安装Tomcat：

在Tomcat官方网站（）上下载Tomcat，现在最新版本是7.x，但还没有Eclipse插件，因此不能集成到Eclipse集成开发环境中，这里使用6.028这个版本。

安装时只需要一路next即可，安装完成后，也不需要设置环境变量，只要在IE浏览器地址栏中输入：

回车，若能出现Tomcat界面说明安装成功，如下图所示。

图1-2tomcat配置检验

最后安装Eclipse：

下载Eclipse安装包，解压即可。

2、编写一个JSP页面，计算出100以内的素数

（1）创建Web项目

打开Eclipse开发环境，选择File->New->WebProject，或在PackageExplorer中右击选择New->WebProject，在打开的对话框中，输入项目名firstjsp，并选定JavaEE5.0规范支持，点击Finish。

如图1-3所示。

图1-3Eclipse新建Web项目

（1）创建JSP文件

右单击firstjsp项目的WebRoot目录，New->JSP新建JSP页面。

如图1-12所示。

图1-4新建JSP页面

（2）输入文件名number.jsp，并选择“DefaultJSPtemplate”，点击确定。

在页面的标签中，输入以下代码：

<%@pagelanguage="java"contentType="text/html;charset=gb2312"

pageEncoding="gb2312"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">

100以内的素数有：

<%

......//求素数的算法

%>

并保存。

（3）运行

按

按钮启动Tomcat服务器，在IE或其他浏览器的地址栏中输入：

，出现如下界面。

注意事项

1、认真填写实验报告

2、遵守实验室各项制度，服从实验指导教师的安排

3、按规定的时间完成实验

说明：

1、实验性质：

验证性

2、建议学时：

1学时

实验三JSP语法

实验目的：

1、掌握JSP变量/方法，表达式，代码段和注释的使用方法；

2、掌握JSP指令的语法格式及用法；

3、掌握JSP常用动作的语法格式及用法；。

实验环境：

操作系统WindowsXP或更高版本以及配有JSP开发环境的计算机

实验内容：

1、JSP页面结构

2、include指令，创建两个jsp文件分别为a.jsp和b.jsp，将b.jsp页面使用include指令嵌入到a.jsp页面中；

3、include动作，创建两个jsp文件分别为a.jsp和b.jsp，将b.jsp页面使用include动作嵌入到a.jsp页面中；

4、forward动作，在a.jsp页面中使用forward动作将该页面重新定向到b.jsp页面中

实验步骤：

1、JSP页面结构

说明：

以后代码如无特殊说明均写在标签中（JSP代码可以写在网页的任何位置）。

1.1声明变量与方法

新建一JSP页面，输入以下代码。

（1）声明变量

<%!

inti=0;

%>

<%

out.println（"i="+i++）;

%>

刷新你写的页面几次，观察到什么结果，从结果中你得到什么启示？

（2）输入以下代码

<%!

publicintmax（inta,intb）{

if（a>b）{

returna;

}

returnb;

}

%>

<%

out.println（"

3和5中较大的是"+max（3,5）+"

%>

将上面变量和方法的声明，写在out.println（）;代码段之后，再访问你写的JSP页面，观察结果，你得到什么启示？

1.2JSP表达式

在JSP页面中输入以下代码。

<%=max（3,5）%>

<%=（i+a+c）/3%>

<%=date.toString（）%>

<%!

publicintmax（inta,intb）{

if（a>b）{

returna;

}

returnb;

}

inti=3,a=5,c=4;

Datedate=newDate（）;

%>

通过上面的代码，你认为JSP表达式可以出现什么Java元素？

1.3JSP代码段

在JSP页面中输入以下代码，从以下代码的书写中，你发现了什么重要提示？

（<%%>中的代码段，无论写在多少个分离的<%%>标签中，都必须完整，即符合Java语法，比如大括号必须匹配等）

<%

intgrade=80;

switch（grade/10）{

case10:

;

case9:

%>

你的成绩为优秀！

<%

break;

case8:

;

case7:

%>

你的成绩为良好！

<%

break;

case6:

%>

你的成绩为及格！

<%

break;

default:

%>

你的成绩为不及格！

<%}%>

1.4JSP注释

输入以下代码，访问你的JSP查看页面源文件，你看到了什么？

说明什么问题？

--

<%=newDate（）.toString（）%>

-->

<%--

<%=newDate（）.toString（）%>

--%>

2、include指令，创建两个jsp文件分别为a.jsp和b.jsp，将a.jsp页面使用include指令嵌入到b.jsp页面中

2.1include指令

（1）新建a.jsp页面，在页面中输入以下代码，而且只保留如下代码：

<%inta=5,b=8,c=6;

out.println（"

HelloWorld!

%>

（2）编写b.jsp页面，在其中输入以下代码：

<%@includefile="a.jsp"%>

并在中输入以下代码：

<%=a+b+c%>

（3）启动Tomcat服务器，访问b.jsp，观察结果。

3、include动作，创建两个jsp文件分别为a.jsp和b.jsp，将b.jsp页面使用include动作嵌入到a.jsp页面中

新建a.jsp页面，在其中输入以下代码：

includepage="b.jsp">

include>

<%=a+b+c%>

观察编辑器有什么提示？

并想一想，include指令和include动作有什么异同？

4、forward动作，在a.jsp页面中使用forward动作将该页面重新定向到b.jsp页面中。

注意事项

1、认真填写实验报告

2、遵守实验室各项制度，服从实验指导教师的安排

3、按规定的时间完成实验

说明：

1、实验性质：

验证性

2、建议学时：

4学时

实验四JSP内置对象

实验目的：

1、了解HTTP协议和HTTP消息格式

2、掌握JSP内置对象request、response、session、application、out的作用及使用方法

3、理解request、response、session对象的生命周期和在web设计中的重要性

实验环境：

操作系统WindowsXP或更高版本以及配有JSP开发环境的计算机。

实验内容：

1、编写一个页面显示九九乘法表

2、设计两个JSP页面a.jsp和b.jsp，a.jsp页面使用表单提交数据给b.jsp页面，要求a.jsp通过text方式提交一个字符串给b.jsp，b.jsp页面获取a.jsp提交的字符串，并使用Java表达式显示这个字符串及其长度。

3、请编写JSP页面inputNumber.jsp和getNumber.jsp。

inputNumber.jsp页面使用表单通过text方式提交一个数字给getNumber.jsp页面，getNumber.jsp计算并显示这个数的平方和立方

实验步骤：

1、编写一个页面显示九九乘法表

<%@pagelanguage="java"contentType="text/html;charset=gb2312"

pageEncoding="gb2312"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">

九九乘法表：

<%

......//算法

%>

2、设计两个JSP页面a.jsp和b.jsp，a.jsp页面使用表单提交数据给b.jsp页面，要求a.jsp通过text方式提交一个字符串给b.jsp，b.jsp页面获取a.jsp提交的字符串，并使用Java表达式显示这个字符串及其长度。

a.jsp

<%@pagelanguage="java"contentType="text/html;charset=gb2312"

pageEncoding="gb2312"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">

//创建a.jsp页面的表单

b.jsp

<%@pagelanguage="java"contentType="text/html;charset=gb2312"

pageEncoding="gb2312"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">

//在b.jsp页面接收a.jsp页面提交的信息

3、请编写JSP页面inputNumber.jsp和getNumber.jsp。

inputNumber.jsp页面使用表单通过text方式提交一个数字给getNumber.jsp页面，getNumber.jsp计算并显示这个数的平方和立方。

inputNumber.jsp

<%@pagelanguage="java"contentType="text/html;charset=gb2312"

pageEncoding="gb2312"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">

......//创建inputNumber.jsp页面的表单

getNumber.jsp

<%@pagelanguage="java"contentType="text/html;charset=gb2312"

pageEncoding="gb2312"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">

......//接收inputNumber.jsp页面提交的数据并计算平方和立方

注意事项

1、认真填写实验报告

2、遵守实验室各项制度，服从实验指导教师的安排

3、按规定的时间完成实验

说明：

1、实验性质：

验证性

2、建议学时：

4学时

实验五JavaBean与表单处理

实验目的：

1、掌握如何创建一个JavaBean；

2、掌握使用JavaBean技术处理表单。

实验环境：

操作系统WindowsXP或更高版本以及配有JSP开发环境的计算机。

实验内容：

创建三个文件Info.jsp、showInfo.jsp和show.java，其中Info.jsp让用户输入信息，showInfo.jsp页面则是利用show.java这个JavaBean中的方法将用户输入的信息一一显示。

要求在

setProperty>动作元素下分别使用property=”*”和property=”Property”param=”ParamName”两种方式设置JavaBean中的属性。

图4-1Info.jsp页面

实验可参考教材P186例7-6

图4-2showInfo页面结果

注意事项：

1、认真填写实验报告

2、遵守实验室各项制度，服从实验指导教师的安排

3、按规定的时间完成实验