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""">
Inserttitlehere100以内的素数有：
<%
......//求素数的算法
%>
并保存。
（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""">
Inserttitlehere九九乘法表：
<%
......//算法
%>
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""">
Inserttitlehere//创建a.jsp页面的表单
b.jsp
<%@pagelanguage="java"contentType="text/html;charset=gb2312"
pageEncoding="gb2312"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">
Inserttitlehere//在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""">
Inserttitlehere......//创建inputNumber.jsp页面的表单
getNumber.jsp
<%@pagelanguage="java"contentType="text/html;charset=gb2312"
pageEncoding="gb2312"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""">
Inserttitlehere......//接收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、按规定的时间完成实验
升级会员 