首页 > 基础资料 博客日记

javaweb:使用jsp进行网页的拼接

2023-08-05 18:05:54基础资料围观225

Java资料网推荐javaweb:使用jsp进行网页的拼接这篇文章给大家,欢迎收藏Java资料网享受知识的乐趣

我们会发现在很多网站中跳转多个网页,它们的头部和尾部都有着相同的内容,这就需要用到网页的拼接技术。

今天我们利用jsp实现网页的拼接

既然要实现网页的拼接,我们自然首先要准备好多个网页

在这里我们准备三个网页,一个是网页的头header.jsp,一个是网页的脚footer.jsp,还有一个网页的主体部分body.jsp

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是头</title>
</head>
<body>
<h3>我是网页的头</h3>
</body>
</html>

footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是脚</title>
</head>
<body>
<h3>我是网页的脚</h3>
</body>
</html>

body.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是主体</title>
</head>
<body>
<h1>我是网页的主体</h1>
</body>
</html>

先分别看看三个网页的效果

 

 

 

 

 

 

1.利用jsp的指令实现网页的拼接

 利用jsp的include指令进行网页拼接

<%@ include file="..."%>

修改body.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是主体</title>
</head>
<body>
<%@ include file="common/header.jsp"%>
<h1>我是网页的主体</h1>
<%@ include file="common/footer.jsp"%>
</body>
</html>

拼接后的效果

 

 2.利用jsp的标签进行拼接

利用jsp的include标签进行拼接

<jsp:include page="..."></jsp:include>

修改body.jsp文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是主体</title>
</head>
<body>
<jsp:include page="common/header.jsp"></jsp:include>
<h1>我是网页的主体</h1>
<jsp:include page="common/footer.jsp"></jsp:include>
</body>
</html>

 

 

 

两者看起来拼接效果一模一样,其实是大有不同。利用指令进行拼接是将三个网页拼接成了一个整体,变成了一个网页;而利用标签进行拼接则仍然是三个网页。所以,一般情况下我们使用后者,因为它更加灵活多变。

 

(本文仅作个人学习记录用,如有纰漏,敬请指正)

 


文章来源:https://www.cnblogs.com/jmsstudy/p/16527393.html
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!

标签:

相关文章

本站推荐

标签云