SiteMesh的使用

最新推荐文章于 2018-03-26 10:38:48 发布

躁起来

最新推荐文章于 2018-03-26 10:38:48 发布

阅读量434

点赞数

文章标签： SiteMesh 布局结构

本文链接：https://blog.csdn.net/qq_32930145/article/details/52329416

版权

一、SiteMesh简介

iteMesh是由一个基于Web页面布局、装饰以及与现存Web应用整合的框架。它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观，如一致的导航条，一致的banner，一致的版权，等等。它不仅仅能处理动态的内容，如jsp，php，asp等产生的内容，它也能处理静态的内容，如htm的内容，使得它的内容也符合你的页面结构的要求。甚至于它能将HTML文件象include那样将该文件作为一个面板的形式嵌入到别的文件中去。所有的这些，都是GOF的Decorator模式的最生动的实现。尽管它是由java语言来实现的，但它能与其他Web应用很好地集成。

二、SiteMesh原理

SiteMesh框架是OpenSymphony团队开发的一个非常优秀的页面装饰器框架，它通过对用户请求进行过滤，并对服务器向客户端响应也进行过滤，然后给原始页面加入一定的装饰(header,footer等)，然后把结果返回给客户端。通过SiteMesh的页面装饰，可以提供更好的代码复用，所有的页面装饰效果耦合在目标页面中，无需再使用include指令来包含装饰效果，目标页与装饰页完全分离，如果所有页面使用相同的装饰器，可以是整个Web应用具有统一的风格。

三、SiteMesh简单例子

1.首先引入pom依赖包，如下：

<dependency>
<groupId>opensymphony</groupId>
<artifactId>sitemesh</artifactId>
<version>2.4.2</version>
</dependency>

2.在web.xml配置sitemesh，如下：

<filter>
<filter-name>sitemeshFilter</filter-name>
<filter-class>com.opensymphony.sitemesh.webapp.SiteMeshFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>sitemeshFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

3.在WEB-INF根目录下新建decorators.xml文件，包含以下内容：

<?xml version="1.0" encoding="UTF-8"?>

<decorators defaultdir="/WEB-INF/jsp/common">
<excludes>

<pattern>/static/*</pattern>
<pattern>/cxf/*</pattern>
<pattern>/api/*</pattern>
</excludes>

<decorator name="dashbord" page="INSPINIA_template_new.jsp">

<pattern>/workspace/dashboard</pattern>
<pattern>/awards/personalAward</pattern>
</decorator>
<decorator name="box" page="box_template.jsp">
<pattern>/*/box/*</pattern>
</decorator>
</decorators>

4.INSPINIA_template_new.jsp（装饰者页面）代码如下：

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title><decorator:title default="默认title"/></title>
<decorator:head/>
</head>
<body>
<h2>SiteMesh装饰header</h2>
<hr />
<decorator:body />
<hr />
<h2>SiteMesh装饰footer</h2>
</body>
</html>

5.创建一个被装饰着页面index.jsp,包含以下内容：

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>被装饰（目标）页面title</title>
</head>
<body>
<h4>被装饰（目标）页面body标签内内容。</h4>
<h3>使用SiteMesh的好处?</h3>
<ul>
<li>被装饰（目标）页面和装饰页面完全分离。</li>
<li>做到真正的页面复用，一个装饰页面装饰多个被装饰（目标）页面。</li>
<li>更容易实现统一的网站风格。</li>
<li>还有。。。</li>
</ul>
</body>
</html>

这样就能将被装饰者的页面（index.jsp）填充到装饰着页面上(INSPINIA_template_new.jsp)。

四、总结

从以上的例子，可以看出通过SiteMesh装饰，不需要在每个目标页面中将header和footer等共同文件include进去，被装饰（目标）页面和装饰页面完全分离。

本文只对SiteMesh做一个简单的介绍，SiteMesh可以Velocity,FreeMarker等开源模板工具结合使用，降低页面开发复杂度。

躁起来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SiteMesh的使用

一、SiteMesh简介iteMesh是由一个基于Web页面布局、装饰以及与现存Web应用整合的框架。它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观，如一致的导航条，一致的banner，一致的版权，等等。它不仅仅能处理动态的内容，如jsp，php，asp等产生的内容，它也能处理静态的内容，如htm的内容，使得它的内容也符合你的页面结构的要求。甚至于它能将HTML文件象inc
复制链接

扫一扫