javaweb:使用jsp进行网页的拼接
2023-03-31 10:59:50 时间
我们会发现在很多网站中跳转多个网页,它们的头部和尾部都有着相同的内容,这就需要用到网页的拼接技术。
今天我们利用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>
两者看起来拼接效果一模一样,其实是大有不同。利用指令进行拼接是将三个网页拼接成了一个整体,变成了一个网页;而利用标签进行拼接则仍然是三个网页。所以,一般情况下我们使用后者,因为它更加灵活多变。
(本文仅作个人学习记录用,如有纰漏,敬请指正)
相关文章
- Java设计模式之(七)——装饰器模式
- 物无定味适口者珍,Python3并发场景(CPU密集/IO密集)任务的并发方式的场景抉择(多线程threading/多进程multiprocessing/协程asyncio)
- 牛了!通过 Java 技术手段,获取女朋友定位地址...
- 并发异步编程之争:协程(asyncio)到底需不需要加锁?(线程/协程安全/挂起/主动切换)Python3
- ElasticSearch集群安装及Java客户端使用
- kafka集群搭建及Java客户端使用
- Java-线程池动态修改大小
- Java如何正确地输出日志
- Java实现word、excel、ppt、txt等办公文件在线预览功能
- Jenkins用户权限管理
- 花了30天才肝出来,史上最全面Java设计模式总结,看完再也不会忘
- ansible常用变量
- 类型也是可以包罗万象的interface
- 所有实现IAnimal接口的实例对象
- 面试官问我JVM调优,我忍不住了,哈哈哈哈
- 没人陪你聊天?教你使用java制作专属智能陪聊机器人
- Java Review - 并发编程_Unsafe
- Java的Integer和Integer比较相等
- Java进阶:【集合】HashMap原理简单理解
- 《深入理解Java虚拟机》读书笔记(七)–虚拟机字节码执行引擎(下)