decorators.xml的用法

发布时间：2020-12-16 08:17:01 所属栏目：百科来源：网络整理

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

简介：
sitemesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header,stylesheet,scripts and footer，现在，在sitemesh的帮助下，我们可以开心的删掉他们了
一、在WEB-INF/web.xml中copy以下filter的定义:

 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
 
 
<filter>
    filter-name>sitemeshFilter</filter-name>
    filter-class>com.opensymphony.sitemesh.webapp.SiteMeshFilterfilter-class>
filter>
filter-mapping>
    url-pattern>/a/*url-pattern>
filter-mapping>

二、在WEB-INF下，建立一个decorators.xml配置文件，如下：

  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
 
 
<?xml version="1.0" encoding="UTF-8"?>
decorators defaultdir="/static">
    <!-- 默认装饰页面,在需要装饰的页面增加<meta name="decorator" content="default"/> -->
    decorator name="blank" page="layouts/blank.jsp" />
    "default" "layouts/default.jsp" />
decorators>

其中
blank.jsp页面代码如下：

  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
 
 
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<!DOCTYPE html>
html style="overflow-x:auto;overflow-y:auto;">
head>
    title>sitemesh:title/>title><!-- - Powered By JeeSite -->
    <%@include file="/static/include/head.jsp" %>
    sitemesh:head/>
head>
body>
    sitemesh:body/>
body>
html>

default.jsp代码如下：

  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
  
  18
  
  19
  
  20
  
  21
  
  22
  
  23
  
  24
  
  25
  
  26
  
  27
  
  28
  
  29
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
  
  18
  
  19
  
  20
  
  21
  
  22
  
  23
  
  24
  
  25
  
  26
  
  27
  
  28
  
  29
 
 
<%@ page contentType=title>
    <%@include file="/static/include/head.jsp" %>       
    body id="<sitemesh:getProperty property='body.id'/>" class="<sitemesh:getProperty property='body.class'/>" "<sitemesh:getProperty property='body.style'/>">
    sitemesh:body/>
    script type="text/javascript">//<!-- 无框架时，左上角显示菜单图标按钮。 if(!(self.frameElement && self.frameElement.tagName=="IFRAME")){ $("body").prepend("<i id="btnMenu" class="icon-th-list" style="cursor:pointer;float:right;margin:10px;"></i><div id="menuContent"></div>"); $("#btnMenu").click(function(){ top.layer.open({ type: 2,area:['300px','350px'],content: 'get:${ctx}/sys/menu/treeselect;JSESSIONID=<shiro:principal property="sessionid"/>' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com','no'] }); //top.$.jBox('get:${ctx}/sys/menu/treeselect;JSESSIONID=<shiro:principal property="sessionid"/>',{title:'选择菜单',buttons:{'关闭':true},width:300,height: 350,top:10}); //if ($("#menuContent").html()==""){$.get("${ctx}/sys/menu/treeselect",function(data){$("#menuContent").html(data);});}else{$("#menuContent").toggle(100);} }); }//--> script>
 其中<%@include file=”/static/include/head.jsp” %>中的head.jsp页面就是所有js或者css公用引用的页面，例如： 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
 
 
<%@ page contentType="text/html;charset=UTF-8" %>meta http-equiv="Content-Type" content="text/html;charset=utf-8" />"author" "http://www.jeeplus.org/"/>
"renderer" "webkit">"X-UA-Compatible" "IE=9,IE=10" />
"Expires" "0">"Cache-Control" "no-cache">"no-store">
<!-- 引入jquery插件 -->
src="${ctxStatic}/jquery/jquery-2.1.1.min.js" "text/javascript">"${ctxStatic}/jquery/jquery-migrate-1.1.1.min.js" script>
    "text/javascript" "${ctxStatic}/TableDnD/jquery.tablednd.js">script>
<!-- 引入依赖的第三方插件 -->
"${ctxStatic}/slimscroll/jquery.slimscroll.min.js">"${ctxStatic}/jquery-validation/1.14.0/jquery.validate.min.js" "${ctxStatic}/jquery-validation/1.14.0/localization/messages_zh.min.js" "${ctxStatic}/jquery-validation/1.14.0/additional-methods.min.js" link href="${ctxStatic}/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css" rel="stylesheet" />
"${ctxStatic}/jquery-jbox/2.3/jquery.jBox-2.3.min.js" "${ctxStatic}/pace/pace.min.js">"${ctxStatic}/metisMenu/jquery.metisMenu.js">script>
...... 
 以上是decorators.xml主要配置文件，根据这个配置文件的注释可以看出，需要在每一个需要引用公共js或者css的地方添加注释的一行代码，如下： 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
 
 
 
 
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
 
 
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/static/include/taglib.jsp"%>
html>
title>通知管理title>
    <!-- 这一行代码是重点 -->
    "decorator" "default"/>

"gray-bg"> 
 其中content=“default”中的“default”对应“decorators.xml”配置文件中的“ name”属性值。 通过上面的配置，在加载完的页面，点击右键查看源代码可以看到加载完页面会出现head.jsp页面的代码。
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!