Web开发技术实验指导书Word文档下载推荐.docx

1、实验一 搭建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.j

2、sp。将此文件复制到Tomcat安装目录下的webappsROOT目录下，运行该页面，观察其对应的Servlet源代码。exer1.jsp的代码： % page import=java.util.Date%! Date date; / 数据声明 int sum; public int add（int m,int n） / 方法声明 return m+n; HTMLBODY bgcolor=cyanhtml标记 - FONT size=4P程序片创建Date对象：% Date date=new Date（）; /java程序片 out.println（BR+date）; sum=add（12,3

3、4）;在下一行输出和:%= sum+100 %- Java表达式 -/FONT/BODY/HTML（6）将exer1.jsp文件复制到Tomcat安装目录下的webappsexamples目录下，运行该页面，观察其对应的Servlet源代码。（7）将exer1.jsp文件复制到Tomcat安装目录下的webappswebdav目录下，运行该页面，观察其对应的Servlet源代码。四、实验思考题（1）JDK安装完毕后，需要添加哪些环境变量？（2）在Tomcat安装目录下的webapps文件夹中，新建一文件夹myapp，将exer1.jsp文件复制到Tomcat安装目录下的webappsmyapp

4、目录下，运行该页面（http:8080/myapp/exer1.jsp ），结果如何？若在d:盘根目录建立一个文件夹myweb，将exer1.jsp文件复制到d:myweb目录下, 运行该页面（http:8080/myweb/exer1.jsp ），结果如何？若要正确显示该页面，还应做如何处理？提示：修改conf目录下的server.xml文件。（3）Tomcat默认端口号为8080，如何更改端口号？（4）编写一个JSP页面，用于显示1100的整数和。五、实验报告要求（1）分析JSP的工作原理，说明JSP文件和Servlet的关系（2）根据实验运行情况，对实验步骤和运行结果进行阐述（3）完成实

5、验思考题的解答实验二 JSP页面（1）熟悉典型JSP页面的组成元素，掌握HTML标记和JSP标记的不同（2）掌握在HTML页面中插入JSP脚本（java代码）的方法（2）编写简单的JSP页面，初步掌握JSP网页的设计原理（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（1）打开记事本，输入以下代码，保存为exer2_1.jsp，观察其运行结果exer2_1.jsp：Charset=GB2312BODY int count=0; /被客户共享的count synchronized void setCount（） /synchronized修饰的方法 c

6、ount+;% setCount（）;您是第+count+个访问本站的客户）;（2）JSP中声明类（比较教材P15P16页的声明变量和声明方法）是JSP页面对应的Servlet类的内部类，页面上所有脚本元素都可以创建该类的对象。下面的实例定义一个square类，当客户访问该页面时，服务器创建该类的对象，只要客户给出正方形的边长，就可以求出该正方形的周长和面积，创建并运行exer2_2.jsp，观察运行结果exer2_2.jsp： charset=gb2312htmlbodyp请输入正方形边长form name=form1 method=get action=exer2_2.jspinput t

7、ype=text name=cat value=1submitSubmit送出/form public class square double r; square（double r） this.r=r; double getarea（） return r*r; double getlength（） return r*4;%String s=request.getParameter（double r;if （s!=null） r=Double.valueOf（s）.doubleValue（）;else r=1;square cc=new square（r）;/创建对象方的面积是：%=cc.get

8、area（） %方的周长是：%=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吗？回答：%=99100%（4）在Dreamweaver或FrontPage中利用可视化方法，编写input.jsp和receive.jsp。input.jsp：Font siz

9、e=3FORM action=receive.jsp method=post name=form请输入下列信息：输入您的姓名:INPUT type=name张三/BR选择性别:radioR男 checked=default男 女女 选择您喜欢的歌手:checkboxsuperstar张歌手 张歌手李歌手李歌手刘歌手刘歌手王歌手王歌手INPUT TYPE=hidden这是隐藏信息secret提交/FORMreceive.jsp：% String yourName=request.getParameter（ / 获取text提交的值 String yourSex=request.getParameter（ /获取radio提交的值 String secretMess=request.getParameter（ /获取hidden提交的值 String personName=request.getParameterValues（ /获取checkbox提交的值 您的姓名:+yourName+/P 您的性别:+yourSex+ 您喜欢的歌手: if（personName=null） out.print（一个都不喜欢 else for（int k=0;kpersonName.length;