Web开发技术实验指导书Word文档下载推荐.docx
《Web开发技术实验指导书Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《Web开发技术实验指导书Word文档下载推荐.docx（98页珍藏版）》请在冰豆网上搜索。
实验一搭建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的代码：
<
%@pagecontentType="
text/html;
charset=GB2312"
%>
<
!
--jsp指令标签-->
%@pageimport="
java.util.Date"
%!
Datedate;
//数据声明
intsum;
publicintadd（intm,intn）//方法声明
{returnm+n;
}
HTML>
BODYbgcolor=cyan>
—html标记-->
FONTsize=4>
P>
程序片创建Date对象：
%Datedate=newDate（）;
//java程序片
out.println（"
BR>
"
+date）;
sum=add（12,34）;
在下一行输出和:
%=sum+100%>
--Java表达式-->
/FONT>
/BODY>
/HTML>
（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:
8080/myapp/exer1.jsp），结果如何？
若在d:
盘根目录建立一个文件夹myweb，将exer1.jsp文件复制到d:
\myweb\目录下,运行该页面（http:
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网页的设计原理
（2）编辑工具：
记事本或DreamweaverMX2004、FrontPage2003
（1）打开记事本，输入以下代码，保存为exer2_1.jsp，观察其运行结果
exer2_1.jsp：
Charset=GB2312"
BODY>
intcount=0;
//被客户共享的count
synchronizedvoidsetCount（）//synchronized修饰的方法
{count++;
%setCount（）;
您是第"
+count+"
个访问本站的客户"
）;
（2）JSP中声明类（比较教材P15－P16页的声明变量和声明方法）是JSP页面对应的Servlet类的内部类，页面上所有脚本元素都可以创建该类的对象。
下面的实例定义一个square类，当客户访问该页面时，服务器创建该类的对象，只要客户给出正方形的边长，就可以求出该正方形的周长和面积，创建并运行exer2_2.jsp，观察运行结果
exer2_2.jsp：
charset=gb2312"
html>
body>
p>
请输入正方形边长
formname="
form1"
method="
get"
action="
exer2_2.jsp"
>
inputtype="
text"
name="
cat"
value="
1"
submit"
Submit"
送出"
/form>
publicclasssquare
{doubler;
square（doubler）{this.r=r;
}
doublegetarea（）{returnr*r;
doublegetlength（）{returnr*4;
%>
%
Strings=request.getParameter（"
doubler;
if（s!
=null）
{r=Double.valueOf（s）.doubleValue（）;
else
{r=1;
squarecc=newsquare（r）;
//创建对象
方的面积是：
%=cc.getarea（）%>
方的周长是：
%=cc.getlength（）%>
/body>
/html>
（3）编写exer2_3.jsp，熟悉在“<
%=”和“%>
”之间插入表达式，用于输出表达式计算结果的方法
exer2_3.jsp：
Sin（0.9）除以3等于
%=Math.sin（0.90）/3%>
3的平方是：
%=Math.pow（3,2）%>
12345679乘72等于
%=12345679*72%>
5的平方根等于
%=Math.sqrt（5）%>
99大于100吗？
回答：
%=99>
100%>
（4）在Dreamweaver或FrontPage中利用可视化方法，编写input.jsp和receive.jsp。
input.jsp：
Fontsize=3>
FORMaction="
receive.jsp"
method=postname=form>
请输入下列信息：
输入您的姓名:
INPUTtype="
name"
张三"
/BR>
选择性别:
radio"
R"
男"
checked="
default"
男
女"
女
选择您喜欢的歌手:
checkbox"
superstar"
张歌手"
>
张歌手
李歌手"
李歌手
刘歌手"
刘歌手
王歌手"
王歌手
INPUTTYPE="
hidden"
这是隐藏信息"
secret"
提交"
/FORM>
receive.jsp：
%StringyourName=request.getParameter（"
//获取text提交的值
StringyourSex=request.getParameter（"
//获取radio提交的值
StringsecretMess=request.getParameter（"
//获取hidden提交的值
StringpersonName[]=request.getParameterValues（"
//获取checkbox提交的值
您的姓名:
+yourName+"
/P>
您的性别:
+yourSex+"
您喜欢的歌手:
if（personName==null）
{out.print（"
一个都不喜欢"
}
else
{for（intk=0;
k<
personName.length;
升级会员 