SiteMesh页面装饰器的使用步骤

转载 2015年12月22日 16:51:42

SiteMesh 是一个网页布局和修饰的框架,利用它可以将网页的内容和页面结构分离,以达到页面结构共享的目的

SiteMesh是OpenSymphony团队开发的JEE框架之一,它是一个非常优秀的页面装饰器框架,它通过对所有的用户请求进行过滤,并对服务器向客户端响应也进行过滤,从而给原始的服务器响应加入一定的装饰,可以是header,footer等,然后将经过装饰后的页面送回浏览者.对于被装饰的页面而言,它无需知道自身被谁装饰,也无从知道自身被谁装饰,SiteMesh通过配置文件来配置指定的装饰器,用于过滤某些页面,则该装饰器会装饰这些页面,从而提供更好的页面效果,通过SiteMesh的页面装饰,可以提供更好的代码复用,所有的页面装饰效果耦合在目标页面中,无需使用include指令来显式包含装饰效果,目标页面与装饰页面完全分高.提供更好的解耦,而且可以应用中所有的页面都使用相同的装饰页面,整个Web应用会有更统一的风格,会提供更好的整体效果.

SiteMesh通过Filter来截取request和response,然后给原始的页面加入一定的装饰,再把结果返回给客户端.



目录结构:



1、往j2ee项目中添加SiteMesh开发包

下载地址:http://pan.baidu.com/s/1kTA76sB


2、在web.xml中添加SiteMesh 的配置文件

<span style="background-color: rgb(255, 255, 255);"></span><pre name="code" class="html"><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、创建一个decorators.xml在WEB-INF下

<span style="background-color: rgb(255, 255, 255);"></span><pre name="code" class="html"><?xml version="1.0" encoding="UTF-8"?>
<decorators defaultdir="/WEB-INF/views">
	<!-- 默认装饰页面, 在需要装饰的页面增加<meta name="decorator" content="default"/> -->
	<decorator name="default" page="layouts/default.jsp" />
	<!-- 下面可以写多个 -->
	
</decorators>


4、在defaultdir对应的目录下创建html(也可以是jsp),如:取名为default.jsp

5、将default.jsp配置成装饰器,并告诉SiteMesh什么样的路径将使用该装饰器

</pre><pre name="code" class="html"><%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/inc/taglibs.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>
		<sitemesh:title default="XXX"></sitemesh:title>--管理系统
	</title>
	<%@include file="/WEB-INF/views/inc/meta.jsp" %>
	<sitemesh:head/>
</head>
<body>
<jsp:include page="/WEB-INF/views/inc/header.jsp" />
<div class="container-fluid">
	<div class="row">
		<div class="col-md-2 left">
			<jsp:include page="/WEB-INF/views/inc/left.jsp" />
         </div>
		<div class="col-md-10">
			<sitemesh:body/>
		</div>	
	</div>
</div>
</body>
</html>


6、建立一个index.jsp使用装饰器

在<head>标签中引用<meta name="decorator" content="default"/>  即可

</pre><div></div><pre name="code" class="html"><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="inc/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>管理系统</title>
	<meta name="decorator" content="default"/>
</head>
<body>
	hello world
</body>
</html>


7、这样就基本上配置完成了,以后所有的页面就不需要写一些不变的(如一个网站的头部,左部,下部),只关注右边

      以后在页面中只需要引入<meta name="decorator" content="default"/>  ,SiteMesh就会自动把头部,左部,下部装饰到你写的页面中。这样就可以再你建立的jsp页面中

<body>标签内写你自己的代码了


转发地址http://m.blog.csdn.net/blog/kpchen_0508/41281749

sitemesh定义多个装饰器

sitemesh定义多个装饰器
  • educast
  • educast
  • 2015-11-02 10:03:23
  • 1340

【sitemesh】Jsp的装饰器组件sitemesh

姑且不论这东西到底有没有用,毕竟Jsp页面编程完全可以利用JSP的include命令,像传统网页编程一样,先写好几个页眉页脚header.html、footer.html、banner.html之类,...
  • yongh701
  • yongh701
  • 2015-05-16 10:34:48
  • 1829

页面装饰器框架-SiteMesh应用Decorator模式

sitemesh
  • zhang07040028
  • zhang07040028
  • 2016-08-19 14:09:48
  • 522

spring-boot集成sitemesh装饰器

spring-boot-sitemesh, 依赖spring-boot-parent spring-boot EasyUi SiteMesh 项目启动访问路径 http://localho...
  • li6151770
  • li6151770
  • 2016-10-10 21:44:04
  • 4904

Springboot集成sitemesh装饰器

装饰器的作用主要是把一些公共的资源(比如JS,CSS等)无侵入式的引入到页面中,在没有装饰器的概念之前,我们可能需要在每个JSP页面引入页头页尾以及大量的脚本样式文件等,导致页面很臃肿。 在老的Spr...
  • wangdw1984
  • wangdw1984
  • 2017-07-17 20:31:47
  • 1684

Struts2 使用SiteMesh做网页布局

简单来讲SiteMesh就是用来做网页母版 Layout分层的。   SiteMesh官方网站给出的最新版本是SiteMesh Version 2.4.1,但是下载不下来!!下载页面NOT...
  • z69183787
  • z69183787
  • 2015-07-18 20:42:24
  • 784

关于sitemesh装饰器的使用方式

decorator.xml 放在WEB-INF下面 /login.* /css/*
  • aini593612180
  • aini593612180
  • 2017-06-29 11:50:22
  • 110

Sitemesh3的配置和使用

sitemesh也就是我们平时说的装饰器框架,其实作用和jsp的include方法差不多,但是博主也百度了各种差别,看到有一篇博客说的挺好。 首先来看一下百科的定义:SiteMesh 是一个网页布...
  • shouldnotappearcalm
  • shouldnotappearcalm
  • 2017-03-07 19:55:28
  • 440

sitemesh/decorators装饰器与jsp页面中include的区别

今天研究了一下项目中使用的装饰器框架:sitemesh 相同点:都能提高公共模块的复用性,提高开发效率。 不同点:include需要把需要用到的jsp文件写死到每一个jsp文件中,而sitemes...
  • reggergdsg
  • reggergdsg
  • 2016-02-29 18:21:14
  • 3874

sitemesh3装饰器无法装饰“.action”请求的问题

decorator.xml中配置装饰器页面的pattern路径配置准确,jsp请求的页面没有问题,只有.action请求的页面无法装饰。那就可能是sitemesh的filter配置顺序的问题了 解决...
  • zhang07040028
  • zhang07040028
  • 2016-09-05 17:03:25
  • 449
收藏助手
不良信息举报
您举报文章:SiteMesh页面装饰器的使用步骤
举报原因:
原因补充:

(最多只允许输入30个字)