JavaEE学习之创建底部头文件和创建顶部头文件

最新推荐文章于 2022-05-18 20:34:27 发布

原创最新推荐文章于 2022-05-18 20:34:27 发布 · 565 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #jsp #web

JavaEE 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何在JavaEE中通过JSP动态地创建和包含顶部header.jsp和底部footer.jsp文件，以减少代码冗余，提高页面复用性。讲解了静态包含和动态包含的区别以及它们在编译和运行时的行为。

创建底部头文件和顶部头文件

在浏览器中，很多网页包含有固定不变的顶部栏和底部栏。拿英雄联盟官网来说，打开官网中的每一个页面，都会有如下的顶部栏和底部栏。
在这里插入图片描述

这个的实现肯定不是每个HTML页面都加一个，这样代码过于重复，那就直接写个HTML文件，来重复调用就好。

在JavaEE中是写成JSP文件。

分别写两个顶部栏和底部栏的jsp文件。可以命名为header.jsp footer.jsp

写好之后在想要调用的网页里面用如下代码调用：

	 <!-- 指令标签 包含头部文件  静态包含 -->
	 <%@include file="header.jsp" %>

	 <!--动作元素 包含底部文件 动态包含-->
	 <jsp:include page="footer.jsp"></jsp:include>

然后在两个标签中间加入其它HTML语句或者小脚本即可。

静态包含和动态包含

 	静态包含和动态包含的区别
 		1、语句不同
 		静态包含：`<%@include file="header.jsp" %>`
 		动态包含：`<jsp:include page="footer.jsp"></jsp:include>`
 		2、包含的时机不同
 			静态：在翻译的时候 jsp->java 直接将jsp中的语句全部拿到了java中

在这里插入图片描述

 			动态：在运行class文件的时候才拿jsp中的语句

在这里插入图片描述

 		3、 被包含的文件是否需要翻译、编译
 			静态包含不需要
 			动态包含需要
 		4、是否允许存在同名的变量
 			静态包含：不允许
 			动态包含：允许