在传统 JSP 中,想要实现页面布局管理比较麻烦,为了解决在 JSP 中布局的问题,出现了很多开源软件,比如 Apache Tiles 和 SiteMesh 就是其中比较优秀的。但是使用开源软件实现布局或多或少会产生一些性能问题,有没有办法在不依赖第三方开源软件的情况下,使用 JSP 本身来实现页面布局呢?
JSP 2.0 引入了 Fragment 技术,使用 Fragment 技术可以在 JSP 中实现类似 Tiles 和 SiteMesh 的页面布局管理。
下面的例子说明了如何使用 Fragment 实现页面布局。
1、首先在 WEB-INF/tags 文件夹中创建 template.tag 文件:
<%@tag description="template 1" pageEncoding="UTF-8"%>
<%@attribute name="header" fragment="true" %>
<%@attribute name="footer" fragment="true" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<jsp:invoke fragment="header"/>
<jsp:doBody/>
<jsp:invoke fragment="footer"/>
</body>
</html>
在 tag 文件头部申明了两个 attribute 分别是 header 和 footer。在 <body> 标签中调用了这两个 attribute 所对应的 fragment。jsp:invoke 和 jsp:doBody 中的具体内容会被 jsp 中的内容替换。现在编写 index.jsp。
2、创建 index.jsp 文件
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="t" tagdir="/WEB-INF/tags/"%>
<t:template>
<jsp:attribute name="header">
这里的内容显示在头部。
</jsp:attribute>
<jsp:attribute name="footer">
这里的内容显示在尾部。
</jsp:attribute>
<jsp:body>
这里显示正文内容:Hello World!
</jsp:body>
</t:template>
jsp:attribute 标签中的内容将会替换 template.tag 中 jsp:invoke 的内容,name 属性对应 fragment 属性。
如果访问 index.jsp 页面,可以看到显示的内容会按照 template.tag 中设计的样式来进行布局。
文章来源:
http://www.aptusource.org/2014/03/jsp-layout/
分享到:
相关推荐
通过使用Fragment来实现VR开发播放器左右分屏实现,用来转载3D模型的是Viodeview。
用Fragment实现的横竖屏不一样的布局,详情Android 一个例子来解读Fragment实现横竖屏不同的布局http://blog.csdn.net/xiaanming/article/details/9254749
FragmentManager+Fragment实现微信界面布局
android平板电脑开发,使用Fragment实现页面的局部跳转,像管理系统一样,点击左边的连接实现右边页面的跳转
Fragment实现切换界面 点击下方的每一个布局 实现跳转
在android 2.x时代,我们可能会地使用ActivityGroup来实现这种,但是随着jelly bean的市场份额超过50%,我们会发现有一种新的组建出现了,它叫Fragment...而这种底部选项卡的风格界面的实现也由ActivityGroup转向了...
实现了以Fragment和Viewpager结合做页面导航的功能
利用fragment实现仿微信的Tab功能
Android Fragment
使用Fragment实现仿微信界面的实现
使用fragment实现微博,QQ底栏。 使用了radiobutton和fragment实现。 实现了双击返回键退出。
一学就会 简单的fragment 布局
使用Fragment实现对话框使用Fragment实现对话框使用Fragment实现对话框使用Fragment实现对话框使用Fragment实现对话框
通过listview和fragment实现仿京东的分类。
Fragment实现Banner(广告轮播)
viewPager + fragment实现基础的页面滑动效果,Fragment+Fragment实现滑动
使用ViewPager和Fragment实现底部导航滑动Demo,可直接复用
本小例子用于博客:http://www.cnblogs.com/scetopcsa/p/3930733.html 使用Android 的Fragment 实现模拟的 新闻阅读
Fragment实现tab实例,非常不错的源码,希望能大家分享