安徽农业大学《Web开发技术》JSP版课程配套教材《Web开发技术》实验指导书（JSP版）刘 波 编写安徽农业大学信息与计算机学院通信工程2008年2月目 录实验一 搭建JSP运行的实验环境 1实验二 JSP页面 2实验三 显示不同大小的“你好JSP” 6实验四 JSP指令和动作 8实验五 Tag文件的代码复用 11实验六 中文显示服务器端日期 13实验七 JSP内置对象 18实验八 session对象 22实验九 简易留言板 27实验十 JSP中使用Java Bean 30实验十一 JSP中的文件操作 40实验十二 JSP中使用数据库 47实验十三 Java Servlet 64实验十四 网上书店 69实验报告………………………………………………………………………..761实验一 搭建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的代码：<%@ page contentType="text/html;charset=GB2312" %> <%@ page import="java.util.Date" %> <%! Date date; // 数据声明 int sum; public int add(int m,int n) // 方法声明 { return m+n; } %>
程序片创建Date对象： <% Date date=new Date(); //java程序片 out.println("
"+date); sum=add(12,34); %>
在下一行输出和:
<%= sum+100 %>
（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://localhost:8080/myapp/exer1.jsp ），结果如何？若在d:盘根目录建立一个文件夹myweb，将exer1.jsp文件复制到d:\myweb\目录下, 运行该页面（http://localhost: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网页的设计原理二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具：记事本或Dreamweaver MX 2004、FrontPage 2003（3）Tomcat服务器，也可以从网上免费下载三、实验步骤（1）打开记事本，输入以下代码，保存为exer2_1.jsp，观察其运行结果exer2_1.jsp：<%@ page contentType="text/html;Charset=GB2312" %>
<%! int count=0; //被客户共享的count synchronized void setCount() //synchronized修饰的方法 { count++; } %> <% setCount(); out.println("您是第"+count+"个访问本站的客户"); %>（2）JSP中声明类（比较教材P15－P16页的声明变量和声明方法）是JSP页面对应的Servlet类的内部类，页面上所有脚本元素都可以创建该类的对象。
下面的实例定义一个square类，当客户访问该页面时，服务器创建该类的对象，只要客户给出正方形的边长，就可以求出该正方形的周长和面积，创建并运行exer2_2.jsp，观察运行结果exer2_2.jsp：<%@ page contentType="text/html; charset=gb2312" %>
请输入正方形边长
<%! 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("cat");double r;if (s!=null) {r=Double.valueOf(s).doubleValue();}else {r=1;}square cc=new square(r);//创建对象%>方的面积是：<%=cc.getarea() %>方的周长是：<%=cc.getlength() %>（3）编写exer2_3.jsp，熟悉在“<%=”和“%>”之间插入表达式，用于输出表达式计算结果的方法exer2_3.jsp：<%@ page contentType="text/html;charset=GB2312" %>
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：<%@ page contentType="text/html;Charset=GB2312" %>
receive.jsp：<%@ page contentType="text/html;Charset=GB2312" %> <% String yourName=request.getParameter("name"); // 获取text。