一个SiteMesh的小例子

最新推荐文章于 2017-07-11 11:58:16 发布

ccecwg

最新推荐文章于 2017-07-11 11:58:16 发布

阅读量401

点赞数

分类专栏： SiteMesh

SiteMesh 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

SiteMesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer，现在，在sitemesh的帮助下，我们可以删掉它们了~

下边是创建一个简单实例的步骤：
1 新建一个标准的web project叫sitemesh

在WebRoot下新建一个index.jsp,内容如下
<% @ page contentTyp="text/html; charset=utf-8" %>
this is index.jsp.
it ' s a simple page

接着在webRoot下新建几个目录
style2
login
shared
在login下建立目录style3
然後把index.jsp分别复制到style2，login/style3,shared下

现在访问下边的链接:
http://localhost:8080/sitemesh/index.jsp
http://localhost:8080/sitemesh/style2/index.jsp
http://localhost:8080/sitemesh/login/style3/index.jsp
http://localhost:8080/sitemesh/shared/index.jsp
得到的结果是一样的，那我们如何让这四个相同的index.jsp有不同的样式呢。除了每个里边加入include还有个解决办法，就是sitemesh

2 在opensymphony.sourceforge .net下载sitemesh.jar ,sitemesh-decorator.tld,sitemesh-page.tld三个文件。
复制sitemesh.jar到WEB-INF/lib下，
复制sitemesh-decorator.tld,sitemesh-page.tld到WEB-INF下
把下边这部分加入web.xml
------------------------------------------------------------------------------
<filter>
<filter-name>sitemesh</filter-name>
<filter-class>com.opensymphony.module.sitemesh.filter.PageFilter</filter-class>
</filter>

<filter-mapping>
<filter-name>sitemesh</filter-name>
<url-pattern>style3style3/*</pattern>
</decorator>
</decorators>
--------------------------------------------------------------------------
在WebRoot下新建一个目录decorators
然後在下边建立三个jsp文件,内容如下
------------------------------------------------------------------
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="sitemesh-decorator" prefix="decorator" %>
<html>
<head>
<title><decorator:title default="装饰器页面..." /></title>
<decorator:head />
</head>
<body>
this is style2's header
<hr>
<decorator:body />
<hr>
this is style1's footer
</body>
</html>
------------------------------------------------------------------

<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="sitemesh-decorator" prefix="decorator" %>

<html>
<head>
<title><decorator:title default="装饰器页面..." /></title>
<decorator:head />
</head>
<body>
this is style2's header
<hr>
<decorator:body />
<hr>
this is style2's footer
</body>
</html>

------------------------------------------------------------------
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="sitemesh-decorator" prefix="decorator" %>

<html>
<head>
<title><decorator:title default="装饰器页面..." /></title>
<decorator:head />
</head>
<body>
this is style3's header
<hr>
<decorator:body />
<hr>
this is style3's footer
</body>
</html>
------------------------------------------------------------------
再次访问
http://localhost:8080/sitemesh/index.jsp
http://localhost:8080/sitemesh/style2/index.jsp
http://localhost:8080/sitemesh/login/style3/index.jsp
http://localhost:8080/sitemesh/shared/index.jsp
学习SiteMesh其实很容易！

ccecwg

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个SiteMesh的小例子

SiteMesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer，现在，在sitemesh的帮助下，我们可以删掉它们了~下边是创建一个简单实例的步骤
复制链接

扫一扫

专栏目录