J2EE sitemesh使用

maven包含sitemesh:

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

3.x的版本:

1 <dependency>

2   <groupId>org.sitemesh</groupId>

3   <artifactId>sitemesh</artifactId>

4   <version>3.0.0</version>

5 </dependency>

sitemesh工作原理：

SiteMesh是基于Servlet的filter的，即过滤流。它是通过截取response，并进行装饰后再交付给客户。

其中涉及到两个名词：装饰页面(decorator page)和 "被装饰页面(Content page)" , 即 SiteMesh通过对Content Page的装饰，最终得到页面布局和外观一致的页面，并返回给客户

sitemesh运行环境需要：servlet, JDK 。

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

使用：

1.在[web-app]/WEB-INF/新建一个decorators.xml文件，包含以下内容：

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

<decorators defaultdir="/WEB-INF/decorators">

 <!-- 此处用来定义不需要过滤的页面 -->

 <excludes>

     <pattern>*/static/*</pattern>

    <pattern>*Ajax*</pattern>

    <pattern>*/upload/*</pattern>

    <pattern>*/login*</pattern>

 </excludes>

<!-- 需要装饰 -->

<decorator name="default" page="default.jsp">

    <pattern>/*</pattern>

</decorator>

</decorators>

上面配置文件指定了装饰器页面所在的路径

/WEB-INF/decorators

，并指定了一个名为default的装饰器（路径为装饰器路径下面的default.jsp).

2.在[web-app]/WEB-INF/web.xml添加以下内容：

    <!-- 装饰器filter -->

    <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>/*</url-pattern>

        <dispatcher>REQUEST</dispatcher>

        <dispatcher>FORWARD</dispatcher>

    </filter-mapping>

3.在[web-app]下创建一个decorators文件夹，在该文件下再创建一个装饰页面default.jsp，包含以下内容：

需要注明的是，在装饰器开始部分需要引入标记库

用到decorator标记的装饰器需要引入

<%@taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%>

用到page标记的装饰器需要引入

<%@taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="page"%>

<%@ 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>

<meta charset="UTF-8">

 <!-- 从被装饰页面获取title标签内容,并设置默认值-->  

 <title> <decorator:title default="默认title" /> </title>  

 <!-- 从被装饰页面获取head标签内容 -->  

        <decorator:head/>

    </head>  

    <body>  

       <h2>SiteMesh装饰header</h2>  

       <hr />  

    <!-- 从被装饰页面获取body标签内容 -->  

    <decorator:body />  

       <hr />  

       <h2>SiteMesh装饰footer</h2>  

    </body>  

</html>

4.在[web-app]下创建被装饰页面sitemeshTest.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>

最后输出的html如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  

<html>  

 <!-- 第一个装饰页面 -->  

    <head>

<meta charset="UTF-8">

 <!-- 从被装饰页面获取title标签内容,并设置默认值-->  

 <title> 被装饰（目标）页面title </title>  

 <!-- 从被装饰页面获取head标签内容 -->  

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  

    </head>  

    <body>  

       <h2>SiteMesh装饰header</h2>  

       <hr />  

    <!-- 从被装饰页面获取body标签内容 -->  

 <h4>被装饰（目标）页面body标签内内容。</h4>  

 <h3>使用SiteMesh的好处?</h3>  

 <ul>  

     <li>被装饰（目标）页面和装饰页面完全分离。</li>  

     <li>做到真正的页面复用，一个装饰页面装饰多个被装饰（目标）页面。</li>  

      <li>更容易实现统一的网站风格。</li>  

      <li>还有。。。</li>  

     </ul>  

       <hr />  

       <h2>SiteMesh装饰footer</h2>  

    </body>  

</html>

从以上的例子，可以看出通过SiteMesh装饰，不需要在每个目标页面中将header和footer等共同文件include进去，被装饰（目标）页面和装饰页面完全分离。本文只对SiteMesh做一个简单的介绍，SiteMesh可以Velocity,FreeMarker等开源模板工具结合使用，降低页面开发复杂度。

sitemesh 3.x使用：http://www.cnblogs.com/mailingfeng/archive/2011/12/21/2296105.html

使用 SiteMesh2 时为每个页面指定不同的 body id 值

SiteMesh 是一个很好的 Java Web 模板框架，它的思维方式与通常的模板实现(比如 Tiles 或 include)有些区别。SiteMesh 模板一旦配置好后，在编辑内容页时可以忽视它的存在。可以它是被动，内容页中的输出被抽取到模板中，一般的模板为主动的把自己某部分内容去填充模板。

在站点中应用样式或 JS 代码时很可能会依赖于每个页面的 <body> 的 id，比如：

body#archive primary{….} /** 样式 **/
$(“body#archive”).bgColor=’red’; //JS

所以就要求每个页面有不同的 body id 值。在很多 SiteMesh 的例子中页面渲染后 body 都没有 id 值的，或是相同的 id 值。

其实原本是想用 SiteMesh 3 的，当前仍为 Alpha 版，SiteMesh 3 比 SiteMesh 2 要更简单，装饰文件可以不是 jsp，但是要为每个页面设置不同的 body.id 时死活都没成功，它怎么都不认可 <body <sitemesh:write property=’body.id’/>> 这样的写法。所以不得再到 SiteMesh 2 里去寻求解决办法，也难怪，本来 Alpha 就是个内测版，极不成熟的。

SiteMesh 2 的最新版本是 2.4.1，2009-3-15 出品的，项目主页在：http://www.opensymphony.com/sitemesh。
SiteMesh 3 的最新版本是 3.0 Alpha 1，更新日期为 2009-9-6 日，http://www.sitemesh.org，目前被墙中。

那就来看在 SiteMesh 2 中怎么为每个页面指定不同的 body.id 值，有两种办法，都是在模板文件中配置，假如 decorators.xml 文件中的配置如下：

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

<decorators defaultdir="/decorators">

<decorator name="main" page="main.jsp">

<pattern>/*</pattern>

</decorator>

</decorators>

那么在写 /decorators/main.jsp 文件的 <body> 标签时可有两种写法：

1. 直观的取被渲染页的 body.id 值赋给 id 属性:

2. 把被渲染页 body 的 id 属性及值一起搬过来：

<body<decorator:getProperty property=”body.id” writeEntireProperty=”true” />>

用了 writeEntireProperty 属性，会把被渲染页的属性名及其值一起搬过来，并且在属性之前会加个空格。

现在在内容页(前面称作被渲染页中) 的 <body> 标签就应该加上自己的 id 值了，被渲染后，这个 body.id 被搬到装饰页中 <body> 标签中，也就是当前页面的 body.id 了。

比如，被渲染的 index.jsp 页面中的 <body> 写作：<body id=”body-id-of-index-jsp”>，执行之后看到的页面的 body.id 就是 body-id-of-index-jsp 了。

使用Sitemesh对Spring架构进行站点布局

SiteMesh基本用法及示例

J2EE sitemesh使用的更多相关文章

Tiles & SiteMesh
Tiles & SiteMesh 这两天在给公司的新项目搭框架,在配tiles框架的时候发现一个小问题: 比如开发团队一共5人,每人10个页面,如果按照简单的tiles框架配置方法,每个 ...
J2EE开发之常用开源项目介绍
主要就我所了解的J2EE开发的框架或开源项目做个介绍,可以根据需求选用适当的开源组件进行开发.主要还是以Spring为核心,也总结了一些以前web开发常用的开源工具和开源类库 1持久层: 1)Hibe ...
SiteMesh学习入门
http://www.java3z.com/cwbwebhome/article/article2/2962.html?id=1668 demo下载简介: sitemesh应用Decorat ...
J2EE开发常用开源框架技术（转）
1持久层:1)Hibernate这个不用介绍了,用的很频繁,用的比较多的是映射,包括继承映射和父子表映射对于DAO在这里介绍个在它基础上开发的包bba96,目前最新版本是bba96 2.0它对Hib ...
J2EE开发常用开源框架技术(转)
主要就我所了解的J2EE开发的框架或开源项目做个介绍,可以根据需求选用适当的开源组件进行开发.主要还是以Spring为核心,也总结了一些以前web开发常用的开源工具和开源类库 1持久层:1)Hiber ...
j2EE经典面试题
1. hibernate中离线查询去除重复项怎么加条件? dc.setResultTransformer(Criteria.DISTINCT_ROOT_ENTITY); 2. http协议及端口,sm ...
转：SiteMesh简介
OS(OpenSymphony)的SiteMesh是一个用来在JSP中实现页面布局和装饰(layout and decoration)的框架组件,能够帮助网站开发人员较容易实现页面中动态内容和静态装饰 ...
SiteMesh：一个优于Apache Tiles的Web页面布局、装饰框架
一.SiteMesh项目简介 OS(OpenSymphony)的SiteMesh是一个用来在JSP中实现页面布局和装饰(layout and decoration)的框架组件,能够帮助网站开发人员较容 ...
J2EE 项目读写分离
先回答下 1.为啥要读写分离? 大家都知道最初开始,一个项目对应一个数据库,基本是一对一的,但是由于后来用户及数据还有访问的急剧增多, 系统在数据的读写上出现了瓶颈,为了让提高效率,想读和写不相互影响 ...

随机推荐

checkbox 全選、取消全選、反選
在寫一個全選.取消全選.反選的功能時. 未來元素[type='checkbox'],在使用了jquery-1.11.1.min.js版本的jquery時: 功能版本1: 存在的問題,當使用了attr時 ...
PDO操作
1.创建实例与取结果集 <? $db = new PDO('mysql:host=localhost;dbname=test', $user, $pass); $rs = $db->que ...
Android之Fragment学习笔记①
Android Fragment完全解析,关于碎片你所需知道的一切一. 什么是FragmentFragment(碎片)就是小型的Activity,它是在Android3.0时出现的.Fragment ...
ext在web工程目录导致myeclipse内存溢出问题
分类: Extjs2013-01-24 00:01 2068人阅读评论(2) 收藏举报当在eclipse中的web工程中增加了extjs4,出现An internal error occurre ...
https://github.com/akullpp/awesome-java
java stack https://github.com/akullpp/awesome-java
LINQ延迟查询的例子
//linq延迟查询.两次查询结果不同 List<string> l = new List<string>() { "aaa", "bbb&quo ...
UNION 查询中的排序
MSSQL 不允许在UNION查询中使用 ORDER BY 因此,当我们需要这种功能的时候,就需要绕一些弯路. 比如有一张学生表student 和教师表 teacher , 我们要查询所有的教师学生的 ...
Http请求工具
package cn.com.test; import java.io.BufferedReader; import java.io.IOException; import java.io.Input ...
【Android测试】【随笔】与 “美丽说” 测试同事交流
◆版权声明:本文出自胖喵~的博客,转载必须注明出处. 转载请注明出处:http://www.cnblogs.com/by-dream/p/5405432.html 分享者简介雪晗,3年+测试经验,现 ...
mongoDB 安装配置
1. 配置文件: 建立配置文件 :mongodb.conf dbpath=D:\mongoDb\data\db #配置数据库目录路径,预先手动创建db目录 logpath=D:\mongoDb\dat ...

J2EE sitemesh使用

J2EE sitemesh使用的更多相关文章

随机推荐

热门专题