没有合适的资源?快使用搜索试试~ 我知道了~
《JSP程序设计》实验指导.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 115 浏览量
2022-06-17
01:23:33
上传
评论
收藏 432KB DOC 举报
温馨提示
试读
19页
《JSP程序设计》实验指导
资源推荐
资源详情
资源评论
实验一: 动态网页设计基础
一.实验目的
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>
<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 页面都含有一个导航条,以便让用户方便地单击超链接访问这三个页面,要求这
三个页面通过使用 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>
</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)two.jsp、three.jsp 和 error.jsp 的具体要求
要求 two.jsp 和 three.jsp 能输出 one.jsp 传递过来的值,并显示一幅图像,该图像的宽和
高刚好是 one.jsp 页面传递过来的值。error.jsp 页面能显示有关的错误信息和一幅图像。
三.实验软件
JDK5.0、Tomcat5.0
四.实验步骤
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 所示)
图 1-9 显示错误信息
5.参考代码
代码仅供参考,学生可按照实验要求,参考本代码编写代码。
JSP 页面参考代码
one.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<HEAD>
<jsp:include page="head.txt"/>
</HEAD>
<HTML>
<BODY bgcolor=yellow>
<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");
if(num==null)
{ num="0";
剩余18页未读,继续阅读
资源评论
老帽爬新坡
- 粉丝: 82
- 资源: 2万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功