大二 第八次 jsp动作元素

JSP 动作元素

JSP 动作元素用来控制 JSP 的行为,执行一些常用的JSP 页面动作。通过动作元素可以实现使用多行 Java 代码能够实现的效果,如包含页面文件、实现请求转发等。

<jsp.include>动作元素

在 JSP页面中,为了把其他资源的输出内容插入到当前 JSP 页面的输出内容中,JSP 技术提供了jsp:include动作元素,isp:include动作元素的具体语法格式如下所示。
<jsp:include page=“relativeURL” flush=“true|false”/>在上述语法格式中,page 属性用于指定被引入资源的相对路径;flush 属性用于指定是否将当前页面的输出内容刷新到客户端,默认情况下,flush 属性的值为false。jsp:include包含的原理是将被包含的页面编译处理后将结果包含在页面中。当浏览器第1次请求一个使用包含其他页面的页面时,Web 容器首先会编译被包含的页面,然后将编译处理后的返回结果包含在页面中,之后编译包含页面,最后将两个页面组合的结果回应给浏览器。为了使读者更好地理动作元素,接下来,通过一个案例来演示动作元素的使用,具体如下。
(1)在 chapter06 项目的 WebContent 目录下编写两个 JSP 文件,分别是 included.jsp 和dynamicinclude jsp。其中dynamicinclude.jsp 页面用于引入 included.jsp 页面。
(2)启动 Tomcat 服务器,访问地址“http://localhost:8080/chapter06/dynamiclnclude.jsp"后,发现浏览器首先会显示 dynamiclnclude.jsp 页面中的输出内容,等待 5 秒后,才会显示included.jsp 页面的输出内容。说明被引用的资源 included.jsp 在当前JSP页面输出内容后才被调用。
(3)修改 dynamiclnclude.jsp 文件,将jsp:include动作元素中的flush 属性设置为false,刷新浏览器,再次访问地址“http://locahost:8080/chapter06/dynamiclncude.jsp”,这时,浏览器等待5秒后,将dynamiclnolude.jsp 和included.jsp页面的输出内容同时显示了出来。由此可见,Tomcat调用被引入的资源included.jisp 时,并没有将当前JSP 页面中已输出的内容刷新到客户端。
需要注意的是,虽然 include 指令和<jsp.include>标签都能够包含一个文件,但它们之间有很大的区别,具体如下。
1.<jsp.inclucde>标签中要引入的资源和当前 JSP页面是两个彼此独立的执行实体,即被动太引入的资源必须能够被web容器独立执行,而include指令只能引入遵循jsp格式的文件被引入文件与当前jsp文件需要共同和并才能翻译成一个servlet源文件。
2.<jsp.inclucde>标签中引入的资源是在运行时才包含的,而且只包含运行结果,而include指令引入的资源是在编译时期包含的,包含的是源代码。
3.<jsp.inclucde>标签运行原理与request dispatcher.include()方法类似,即被包含的页面不能改变响应状态码或者设置响应头,而include指令没有这方面的限制。

<jsp.inclucde>动作元素

<jsp.forward>动作元素将当前请求转发到其他 Web 资源(HTML页面、JSP页面和 Servet等),在执行请求转发之后的当前页面将不再执行,而是执行该元素指定的目标页面。其具体语法格式如下所示。
<jsp:forward page=“relativewRt”/>
在上述语法格式中,page 属性用于指定请求转发到的资源的相对路径,该路径是相对于当前JSP 页面的 URL。

案例:传智书城jsp页面

首页设置
在chapter06项目的webcontent目录下,创建一个名称为index.jsp的页面文件,该文件使用jsp.forward动作元素跳转到项目客户端展示的首页。
抽取页面代码
虽然已成功将html文件改为了jsp文件并能够成功访问,但是在index.jsp和register.jsp中包含了大量的重复代码。
通常一个项目中的头部和底部代码是固定的,如果每一个页面都是这样的代码,为使项目十分臃肿,不利于项目的开发和维护,此时可以将项目中的重复代码抽取。到一个新的jsp页面,通过jsp.include指令来引入这些抽取出的jsp页面。

代码及成果展示

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>include</title>
</head>
<body>
<%Thread.sleep(5000);%>
included.jsp内的中文<br/>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE  html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>dynamicInclude page</title>
</head>
<body>
dynamicInclude.jsp 内的中文
<br/>
<jsp:include page="included.jsp" flush="false" />
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>forword page</title>
</head>
<body>
<jsp:forward page="welcome.jsp" />
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
你好,欢迎进入首页,当前访问时间是:
<%
out.print(new java.util.Date());
%>
</body>
</html>
<%@ page language="java" contentType="textcml; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div id="divhead">
	<table cellspacing="0" class="headtable">
		<tr>
			<td>
			<a href="index.jsp">
			<img src="${pageContext.request.contextPath}/client/images/logo.png"width="200" height="60" border="0" />
			</a>
			</td>
			<td style="text-align: right">
			<img src="${pageContext.request.contextPath}/client/images/cart.gif"width="26" height="23" style="margin-botton:-4px"/>&nbsp;
			<a href="#">购物车</a> |
			<a href="#">帮助中心</a> |
			<a href="#">我的帐户</a> |
			<a href="${pageContext.request.contextPath}/client/register.jsp">新用户注册</a>	
			</td>
			</tr>
			</table>
			</div>
<%@ page language="java" contentType="textcml; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div id="divmenu">
<a href="#">文学</a> 
		<a href="#">生活</a> 
		<a href="#">计算机</a> 
		<a href="#">外语</a> 
		<a href="#">经管</a>
		<a href="#">励志</a> 
		<a href="#">社科</a> 
		<a href="#">学术</a> 
		<a href="#">少儿</a>
		<a href="#">艺术</a> 
		<a href="#">原版</a> 
		<a href="#">科技</a> 
		<a href="#">考试</a> 
		<a href="#">生活百科</a> 
		<a href="#" style="color:#FFFF00">全部商品目录</a>		
</div>
<div id="divsearch">
<form action="#" id="searchform">
	<table width="100%" border="0" cellspacing="0">
		<tr>
			<td style="text-align:right; padding-right:220px">
				Search 
				<input type="text" name="textfield" class="inputtable" id="textfield" value="请输入书名"
				onmouseover="this.focus();"
				onclick="my_click(this, 'textfield');"
				onBlur="my_blur(this, 'textfield');"/> 
				<a href="#">
					<img src="${pageContext.request.contextPath}/client/imagesrchbutton.gif" border="0" style="margin-bottom:-4px" onclick="search()"/> 
				</a>
			</td>
		</tr>
	</table>
</form>
</div>
<%@ page language="java" contentType="textcml; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div id="divfoot">
		<table width="100%" border="0" cellspacing="0" >
			<tr>
				<td rowspan="2" style="width:10%">
					<img src="${pageContext.request.contextPath}/client/images/logo.png" width="195" height="50"
					style="margin-left:175px" />
				</td>
				<td style="padding-top:5px; padding-left:50px">
					<a href="#">
						<font color="#747556"><b>CONTACT US</b></font> 
					</a>
				</td>
			</tr>
			<tr>
				<td style="padding-left:50px">
					<font color="#CCCCCC">
						<b>COPYRIGHT 2015 &copy; BookStore All Rights RESERVED.</b> 
					</font>
				</td>
			</tr>
		</table>
	</div>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户注册</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/client/css/main.css" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/client/js/form.js"></script>

</head>
<body class="main">
	<!-- 1.网上书城顶部 start -->
<%@include file="head.jsp" %>
	<!-- 网上书城顶部  end -->

	<!--2. 网上书城菜单列表  start -->
<%@include file="menu_search.jsp" %>
<!-- 网上书城菜单列表  end -->

<!-- 3.网上书城首页轮播图  start -->
<div id="divcontent" align="center">
<form
action="${pageContext.request.contextPath}/client/registersuccess.jsp"
method="post" onsubmit="return checkForm();">

		<table width="900px" border="0" cellspacing="0">
			<tr>
				<td width="497">
				
					<img src="${pageContext.request.contextPath}/client/images/billboard.gif" width="497" height="38" />
					<table cellspacing="0" class="ctl">
						<tr>
							<td width="485" height="29">
                            尊敬的网上书城用户,   <br />
  为了让大家有更好的购物体验,325日起,当日达业务关小黑屋回炉升级!<br />具体开放时间请留意公告,感谢大家的支持与理解,祝大家购物愉快!<br />
        323<br />
        传智播客 网上书城系统管理部<br />
                            </td>
						</tr>
					</table>
				</td>
				<td style="padding:5px 15px 10px 40px">
					<table width="100%" border="0" cellspacing="0">
						<tr>
							<td>
								<img src="${pageContext.request.contextPath}/client/images/hottitle.gif" width="126" height="29" />
							</td>
						</tr>
					</table>
					<table width="100%" border="0" cellspacing="0">
						<tr>						
							<td style="width:80; text-align:center">
								<a href="#">
								<img src="${pageContext.request.contextPath}/client/bookcover/105.jpg" width="102" height="130" border="0" />
								</a>
								<br /> 
							</td>		
							<td style="width:80; text-align:center">
								<a href="#">
								<img src="${pageContext.request.contextPath}/client/bookcover/106.jpg" width="102" height="130" border="0" />
								</a>
								<br /> 
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
<!-- 公告板和本周热卖  end -->	

<!--5. 网上书城底部 start -->
<%@include file="foot.jsp" %>
	<!-- 网上书城底部  end -->
</body>
</html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2020080605045 袁雪华 大数据2005

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值