《JSP程序设计》实验指导
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
%>
<BR><img src="b.jpg" width="<%=s%>" height="<%=s%>" ></img>
</FONT>
</BODY>
</HTML>
error.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<HEAD> <jsp:include page="head.txt"/>
实验三: JSP 内置对象
一．实验目的 1．掌握表单的提交 2．掌握常用内置对象的使用方法。 二．实验内容 1．编写一个用户登录页面、用户选择商品页面、用户结算页面模拟用户购物过程 三．实验软件 JDK5.0、Tomcat5.0 四．实验步骤 参考代码： 1. 建立一个 Web 应用，在主页面实现登录见面，在其中输入用户名，密码，发送到登录
实验一: 动态网页设计基础
一．实验目的 1．掌握 HTML 常见标记 2．熟悉 JavaScript 脚本 3. 熟悉 div+css 布局 二．实验内容 1．编写一个个人简历页。 2．使用 CSS 对上述页面重新布局、美化 三．实验软件 JDK5.0、Tomcat5.0 四．实验步骤 参考案例：用户注册表单实现 1．在 Tomcat 的 Webapps/root 下新建如下 reg.html 文件 <html> <head> <title>表单输入验证示例</title> <script type="text/javascript"> function validate(){ var userName=document.forms[0].userName.value; if(userName.length<=0) alert("用户名不能为空！"); else{ alert("验证通过，表单可以提交！"); document.forms[0].submit(); } } </script> </head> <body> <form action="" method="post"> 用户名：<input type="text" name="userName"></input><br> 密码：<input type="password" name="password"></input><br> 重新输入密码:<input type="password" name="rePassword"></input><br> 性别：<input type="radio" name="sex" value="男">男 <input type="radio" name="sex" value="女">女<br> 出生日期：<select name="birth"> <option value="0">－请选择－</option> <option value="1981">1981</option> <option value="1982">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option>
</HEAD>
<HTML>
<BODY bgcolor=yellow>
<P><Font size=2 color=red>
This is three.jsp.
</Font>
<Font size=3>
<%
String s=request.getParameter("number");
out.println("<BR>传递过来的值是"+s);
</table>
（1）one.jsp 的具体要求 要求 one.jsp 页面有一个表单，用户使用该表单可以输入一个 1～100 之间的整数，并提
交给该页面；如果输入的整数在 50～100 之间（不包括 50）就转向 three.jsp，如果在 1～50 之间就转向 two.jsp；如果输入不符合要求就转向 error.jsp。要求 forward 标记在实现页面转 向时，使用 param 子标记将整数传递到转向的 two.jsp 或 three.jsp 页面，将有关输入错误传 递到转向的 error.jsp 页面。
验证页面，登录成功，显示成功提示，登录失败，显示失败页面。 2. 在登录成功之后，在成功页面中显示当前站点的被访问的次数，如果同一用户已经登录，
多次刷新此页面，不重计数。 <%//10秒后一个session自动失效，也就是10秒后再次刷新页面认为是一次新的登录。//获 取系统生成的会话id。
String userSessionId=session.getId(); String storedSessionId=(String)session.getAttribute("storedSessionId");
图 1-9 显示错误信息
5．参考代码
代码仅供参考，学生可按照实验要求，参考本代码编写代码。 JSP 页面参考代码
one.jsp
<%@ page contentType="text/html;charset=GB2312" %> <HEAD>
<jsp:include page="head.txt"/> </HEAD> <HTML> <BODY bgcolor=yellow>
if(num==null)
{ num="0";
}
try
{
int n=Integer.parseInt(num);
if(n>=1&&n<=50)
{
%>
<jsp:forward page="two.jsp" >
<jsp:param name="number" value="<%=n%>" />
</jsp:forward>
//站点访问次数处理 //如果以前没有用户访问，此次为第一次访问，则设置计数器值为1 if(application.getAttribute("webVisitedCount")==null){
application.setAttribute("webVisitedCount","1"); session.setAttribute("storedSessionId",userSessionId); out.println("欢迎,您是第1位访客！");
<jsp:param name="mess" value="<%=e.toString()%>" />
</jsp:forward>
<% }
%>
</BODY>
</HTML>
two.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<HEAD>
<jsp:include page="head.txt"/>
页面都含有一个导航条，以便让用户方便地单击超链接访问这三个页面，要求这三个页面通 过使用 include 动作标记动态加载导航条文件 head.txt。
导航条文件 head.txt 的内容如下所示：
head.txt
<%@ page contentType="text/html;charset=GB2312" %> <table cellSpacing="1" cellPadding="1" width="60%" align="center" border="0" > <tr valign="bottom"> <td><A href="one.jsp"><font size=3>one.jsp 页面</font></A></td> <td><A href="two.jsp"><font size=3>two.jsp 页面</font></A></td> <td><A href="three.jsp"><font size=3>three.jsp 页面</font></A></td> </tr> </Font>
<% }
else if(n>50&&n<=100)
{
%>
<jsp:forward page="three.jsp" >
<jsp:param name="number" value="<%=n%>" />
</jsp:forward>
<% }
}
catFra Baidu bibliotekh(Exception e)
{
%>
<jsp:forward page="error.jsp" >
<option value="1986">1986</option> </select>年<br> 兴趣：<input name="habit" type="checkbox" value="1">音乐</input> <input name="habit" type="checkbox" value="2">动漫</input> <input name="habit" type="checkbox" value="3">电影</input><br> <input type="button" value="提交" onClick="validate()"/> <input type="reset" value="取消" /> </form> </body> </html> 2．测试 reg.htm 文件 在 IE 浏览器中输入 http://127.0.0.1:8080/reg.html
实验二: JSP 基础语法
一．实验目的 1．掌握 JDK 的安装配置 2．熟悉 Tomcat 的配置 3．测试 JSP 的运行环境 4．掌握 JSP 的页面的基本结构 5.掌握 JSP 的指令标记和动作标记
二．实验内容 编写四个 JSP 页面：one.jsp 、two.jsp、three.jsp 和 error.jsp。one.jsp 、two.jsp 和 three.jsp
（2）two.jsp、three.jsp 和 error.jsp 的具体要求 要求 two.jsp 和 three.jsp 能输出 one.jsp 传递过来的值，并显示一幅图像，该图像的宽和
高刚好是 one.jsp 页面传递过来的值。error.jsp 页面能显示有关的错误信息和一幅图像。 三．实验软件 JDK5.0、Tomcat5.0 四．实验步骤
</HEAD> <HTML>
<BODY bgcolor=yellow> <P><Font size=5 color=red>
This is error.jsp. </Font> <Font size=2> <%
String s=request.getParameter("mess"); out.println("<BR>传递过来的错误信息"+s); %> <BR><img src="c.jpg" width="120" height="120" ></img> </FONT> </BODY> </HTML>
%>
<BR><img src="a.jpg" width="<%=s%>" height="<%=s%>" ></img>
</FONT>
</BODY>
</HTML>
three.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<HEAD>
<jsp:include page="head.txt"/>
<FORM action="" method=get name=form> 请输入 1 至 100 之间的整数：<INPUT type="text" name="number"> <BR> <INPUT TYPE="submit" value="送出" name=submit>
</FORM>
<%
String num=request.getParameter("number");
one.jsp（效果如图 1-6 所示）
图 1-6 使用 include 动作标记加载导航条
two.jsp（效果如图 1-7 所示）
图 1-7 得到 param 子标记传递来的值
three.jsp（效果如图 1-8 所示）
图 1-8 得到 param 子标记传递来的值
error.jsp（效果如图 1-9 所示）
</HEAD>
<HTML>
<BODY bgcolor=yellow>
<P><Font size=2 color=blue>
This is two.jsp.
</Font>
<Font size=3>
<%
String s=request.getParameter("number");
out.println("<BR>传递过来的值是"+s);