`
y806839048
  • 浏览: 1116982 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

sitemesh

阅读更多
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>
<dispatcher>REQUEST</dispatcher>
<dispatcher>FORWARD</dispatcher>
<dispatcher>INCLUDE</dispatcher>
</filter-mapping>





/decorators.xml  与web.xml路劲一致


<?xml version="1.0" encoding="UTF-8"?>
<decorators defaultdir="/WEB-INF/layouts/">
<!-- 配置不需要渲染的路径  -->
<excludes>
<pattern>/static/*</pattern>
<pattern>/resources/*</pattern>
<pattern>/WEB-INF/views/error/*</pattern>
<pattern>/WEB-INF/views/success.jsp</pattern>
<pattern>/*!coflowTrack*</pattern>
<pattern>/WEB-INF/views/coflow/*</pattern>
</excludes>

<!-- 政务业务首页列表使用的模板  -->
<decorator name="zwww" page="/views/decorator/layout.jsp">
<!-- <pattern>/views/zwww/*</pattern> -->
<pattern>/views/zwww/index.jsp</pattern>
<pattern>/views/zwww/zygl/**/list.jsp</pattern>
<pattern>/views/zwww/gjgl/**/list.jsp</pattern>
<pattern>/views/zwww/tjfx/**/list.jsp</pattern>
<pattern>/views/zwww/tjfx/**/tab.jsp</pattern>
<pattern>/views/zwww/xtgl/**/list.jsp</pattern>
<pattern>/views/zwww/until/**/list.jsp</pattern>
<pattern>/views/zwww/flex/**/list1.jsp</pattern>
</decorator>
</decorators>


layout.jsp



<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../../resources/common.jsp"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="sitemesh-page" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="sitemesh-decorator" %>
<!DOCTYPE html>
<html>
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<title>${headline}</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<sitemesh-decorator:head />

<link href="${basePath}/resources/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="${basePath}/resources/css/typical/typecal.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/resources/zwww/css/zwww.css" rel="stylesheet" />
</head>
<body >
<!-- 页眉 -->
<layout:panel id="header" height="80px" bgimage="${stylePath}/images/topBg.png">
<layout:panel id="logo" floats="left" width="32%" bgimage="${stylePath}/images/logoPic.png" bgrepeat="no-repeat" bgposition="center center"/>

<layout:panel id="navs" floats="left" width="auto" borderLeft="1px solid #1266ae" borderRight="1px solid #1266ae">
<layout:panel id="boxs" floats="left" width="auto" borderLeft="1px solid #258dbf" borderRight="1px solid #258dbf">
<layout:panel floats="left" width="auto">
<a href="${ctx}/views/zwww/index.jsp" class="navs-link"><span class="menus menu00">&nbsp;</span></a>
</layout:panel>

<layout:panel floats="left" width="auto" cls="has-pulldown">
<a href="javascript:;" class="navs-link has-pulldown-special"><span class="menus menu01">&nbsp;</span></a>
<div class="pulldown app-url">
<div class="content">
<div class="float-left drop-l"></div>
<div class="float-left drop-c">
<a class="li" href="">
<span class="icon zy01"></span> <span class="text">全网运行图</span>
</a>
<a class="li" href="">
<span class="icon zy02"></span> <span class="text">专网资源图</span>
</a>
<a class="li" href="">
<span class="icon zy03"></span> <span class="text">当前告警</span>
</a>
<a class="li" href="">
<span class="icon zy04"></span> <span class="text">事件关联</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/until/keyval/list.jsp','资源管理-key-vlaue');">
<span class="icon zy09"></span> <span class="text">key-vlaue</span>
</a>
</div>
<div class="float-left drop-r"></div>
</div>
</div>
</layout:panel>

<layout:panel floats="left" width="auto" cls="has-pulldown">
<a href="javascript:;" class="navs-link has-pulldown-special"><span class="menus menu02">&nbsp;</span></a>
<div class="pulldown app-url">
<div class="content">
<div class="float-left drop-l"></div>
<div class="float-left drop-c">
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/wlsb/list.jsp','资源管理-网络设备');">
<span class="icon zy01"></span> <span class="text">网络设备</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/fwqjcc/list.jsp','资源管理-服务器及存储');">
<span class="icon zy02"></span> <span class="text">服务器存储</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/aqsb/list.jsp','资源管理-安全设备');" >
<span class="icon zy03"></span> <span class="text">安全设备</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/jfjg/list.jsp','资源管理-机房及机柜');" >
<span class="icon zy04"></span> <span class="text">机房</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/jgjg/list.jsp','资源管理-机房及机柜');" >
<span class="icon zy04"></span> <span class="text">机柜</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/gxll/list.jsp','资源管理-光纤链路');">
<span class="icon zy05"></span> <span class="text">光纤链路</span>
</a>

<a class="li" href="">
<span class="icon zy06"></span> <span class="text">用户节点</span>
</a>
<a class="li" href="">
<span class="icon zy07"></span> <span class="text">工程师</span>
</a>
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/zygl/ipgl/list.jsp','资源管理-IP地址');">
<span class="icon zy08"></span> <span class="text">IP地址</span>
</a>

<a class="li" href="">
<span class="icon zy09"></span> <span class="text">文档</span>
</a>

</div>
<div class="float-left drop-r"></div>
</div>
</div>
</layout:panel>
<layout:panel floats="left" width="auto" cls="has-pulldown">
<a href="javascript:;" class="navs-link has-pulldown-special"><span class="menus menu03">&nbsp;</span></a>
<div class="pulldown app-url">
<div class="content">
<div class="float-left drop-l"></div>
<div class="float-left drop-c">
<a class="li" onclick="menuClick(this,'${ctx}/views/zwww/gjgl/wlgj/list.jsp','告警管理-网络告警');">
<span class="icon zy01"></span> <span class="text">网络告警</span>
</a>
<a class="li" onClick="menuClick(this,'${ctx}/views/zwww/gjgl/aqgj/list.jsp','告警管理-安全告警');">
<span class="icon zy02"></span> <span class="text">安全告警</span>
</a>
<a class="li" onClick="menuClick(this,'${ctx}/views/zwww/gjgl/gzgd/list.jsp','告警管理-事件工单');">
<span class="icon zy03"></span> <span class="text">事件工单</span>
</a>
<a class="li" onClick="menuClick(this,'${ctx}/views/zwww/gjgl/sjgd/list.jsp','告警管理-故障事件');">
<span class="icon zy03"></span> <span class="text">故障工单</span>
</a>
</div>
<div class="float-left drop-r"></div>
</div>
</div>
</layout:panel>
<layout:panel floats="left" width="auto" cls="has-pulldown">
<a href="javascript:;" class="navs-link has-pulldown-special"><span class="menus menu04">&nbsp;</span></a>
<div class="pulldown app-url">
<div class="content">
<div class="float-left drop-l"></div>
<div class="float-left drop-c">
<a class="li" href="">
<span class="icon zy01"></span> <span class="text">统计汇总</span>
</a>
<a class="li" onClick="menuClick(this,'${ctx }/views/zwww/tjfx/zytj/tab.jsp','统计分析-资源统计');">
<span class="icon zy02"></span> <span class="text">资源统计</span>
</a>
<a class="li" onClick="menuClick(this,'${ctx}/views/zwww/tjfx/wlgj/list.jsp','统计分析-网络告警统计');">
<span class="icon zy03"></span> <span class="text">网络告警</span>
</a>
<a class="li" onClick="menuClick(this,'${ctx}/views/zwww/tjfx/aqgj/list.jsp','统计分析-安全告警统计');">
<span class="icon zy03"></span> <span class="text">安全告警</span>
</a>
<a class="li" href="">
<span class="icon zy03"></span> <span class="text">工单统计</span>
</a>
<a class="li" href="">
<span class="icon zy03"></span> <span class="text">关联分析</span>
</a>
</div>
<div class="float-left drop-r"></div>
</div>
</div>
</layout:panel>
<layout:panel floats="left" width="auto" cls="has-pulldown">
<a href="javascript:;" class="navs-link has-pulldown-special"><span class="menus menu05">&nbsp;</span></a>
<div class="pulldown app-url">
<div class="content">
<div class="float-left drop-l"></div>
<div class="float-left drop-c">
<a class="li" href="${ctx}/views/zwww/xtgl/jkgl/list.jsp">
<span class="icon zy01"></span> <span class="text">接口管理</span>
</a>
<a class="li" href="">
<span class="icon zy02"></span> <span class="text">关联管理</span>
</a>
<a class="li" href="">
<span class="icon zy03"></span> <span class="text">用户管理</span>
</a>
<a class="li" href="">
<span class="icon zy04"></span> <span class="text">审计日志</span>
</a>
</div>
<div class="float-left drop-r"></div>
</div>
</div>
</layout:panel>
</layout:panel>
</layout:panel>

<layout:panel floats="right" id="info" width="15%">
<table width="90%" height="100%" border="0" cellpadding="0" cellspacing="0" align="right">
<tr>
<td align="center"><a class="config">设置</a></td>
<td align="center"><a class="logout">退出</a></td>
</tr>
</table>
</layout:panel>
</layout:panel>

<!-- 面包屑 -->
<layout:panel id="crumbs" height="30px">
<ul id="breadcrumb"></ul>
</layout:panel>

<!-- 页中 -->
<layout:panel id="center" fixheight="145">
<sitemesh-decorator:body/>
</layout:panel>

<!-- 页脚 -->
<layout:panel id="footer" height="35px" bgcolor="rgb(27, 122, 204)" align="center" valign="true">${copyright}</layout:panel>

<script type="text/javascript">
var urlparam = "${param.urlparam}";
$(function(){
if(urlparam){
$("#breadcrumb").crumb(urlparam.split("-")[0], urlparam.split("-")[1]);
} else {
$("#breadcrumb").crumb("系统首页");
}
});

function menuClick(obj,url,place){
obj.href = url+"?urlparam="+encodeURI(place);
}

$(".has-pulldown").hover(
function(){
var num = $(this).find(".li").length;
if(num){
$(this).find(".pulldown").width(num*86+36);
}
$(this).find(".has-pulldown-special").addClass("hover");
$(this).find(".pulldown").show();
},function(){
$(this).find(".pulldown").hide();
$(this).find(".has-pulldown-special").removeClass("hover");
}
);

</script>
</body>
</html>





jar





分享到:
评论

相关推荐

    页面装饰器(sitemesh)实例源代码

    页面装饰器(Sitemesh)是一种广泛用于Web应用的开源框架,它的主要功能是提供页面布局和装饰功能,使得开发者可以方便地实现统一的页面头部、尾部、侧边栏等元素,从而提高网站的整体风格一致性。在本实例中,我们...

    SiteMesh教程及SiteMesh官方文档翻译

    ### SiteMesh教程及SiteMesh官方文档翻译 #### 使用SiteMesh简化网页布局 SiteMesh是一款用于Web应用程序中的页面布局和装饰的框架。它采用Decorator模式,通过过滤器(filter)拦截请求和响应,将不同的页面组件...

    sitemesh框架简单例子

    Sitemesh是一款强大的Web页面布局和装饰框架,它主要用于帮助开发者实现网站的统一外观和感觉。这个框架的主要功能是将页面的主体内容与页眉、页脚、侧边栏等通用部分分离,使得在大量网页中保持一致的设计风格变得...

    siteMesh demo+文档

    SiteMesh 是一个开源的Web应用程序布局和装饰框架,主要用于解决Web应用中的页面布局问题。它通过拦截HTTP请求,将页面内容与预定义的布局模板相结合,实现统一的页面头部、底部和侧边栏等元素,从而提高网站的整体...

    java sitemesh 页面框架

    Java Sitemesh是一个开源的页面布局和装饰框架,它的主要目标是帮助开发者统一网站的外观和感觉,提高代码复用性,并简化页面的复杂性。Sitemesh通过将页面分为内容区域和装饰模板来实现这一目标,使得开发者可以...

    sitemesh-2.2.1.jar sitemesh-2.2.1.jar

    **sitemesh-2.2.1.jar** 是一个用于Web应用程序界面布局的开源框架,由OpenSymphony团队开发。Sitemesh的主要功能是提供页面装饰能力,它可以帮助开发者统一网站的外观和感觉,实现页面模板和内容的分离。通过在...

    SiteMesh

    SiteMesh 是一个开源的Web应用程序框架,主要用于帮助开发者实现页面布局和装饰功能。它通过拦截HTTP请求,将页面内容与布局模板相结合,从而提供了一种简单有效的方式来管理和控制Web应用的外观和感觉。在Web开发中...

    sitemesh3-demo

    【sitemesh3-demo】是一个基于Sitemesh3框架的示例项目,旨在展示如何在Web应用程序中有效地实现页面布局和装饰功能。Sitemesh是一个开源的Java Web应用框架,主要用于增强网页的外观和结构,通过定义装饰模板,可以...

    sitemesh3官方下载包

    **Sitemesh3** 是一个开源的网页布局和装饰框架,用于Java Web应用程序。它主要目的是帮助开发者统一网站的外观和感觉,通过提供一种简单的方式来装饰(或模板化)整个Web应用中的页面。Sitemesh3是Sitemesh项目的第...

    sitemesh jar包机tld文件

    在Java Web开发中,SiteMesh是一个非常流行的页面布局框架,它可以帮助开发者轻松地实现网站的统一外观和感觉,以及提供页面装饰功能。标题中的“sitemesh jar包”指的是SiteMesh框架的核心库文件,它是SiteMesh功能...

    springMVC与sitemesh的结合

    而Sitemesh则是一个页面布局和装饰框架,主要用于处理Web应用中的页面布局问题,比如统一头部、底部和侧边栏,提升用户体验并简化开发。 将Spring MVC与Sitemesh结合使用,可以实现更高效的Web应用开发。以下是对这...

    Sitemesh 3 的使用及配置

    ### Sitemesh 3 的使用及配置 #### 一、Sitemesh 3 简介 Sitemesh 是一个非常实用的Web页面布局与修饰框架,它通过Servlet中的Filter来实现网页的装饰功能,类似于ASP.NET中的“母版页”技术。这种技术允许开发者...

    freemarker 与sitemesh 整合例子

    Freemarker和Sitemesh是两个在Web开发中常用的开源技术。Freemarker是一个模板引擎,主要用于生成动态HTML或其他文本格式的输出,而Sitemesh则是一个页面布局和装饰框架,用于统一网站的外观和感觉。这两者的整合...

    sitemesh技术的应用.doc

    标题:Sitemesh技术的应用 描述与标签:Sitemesh技术的应用 Sitemesh技术是Web开发领域中一种用于页面装饰的重要工具,尤其在Java Web应用程序中被广泛应用。其核心功能在于能够统一网站的外观风格,使不同功能...

    spring mvc sitemesh velocity整合

    在本项目中,Spring MVC与两个额外的技术——Sitemesh和Velocity进行了整合,增强了应用的模板渲染和页面布局能力。 Sitemesh 是一个开源的Web应用装饰器框架,主要用于统一网站的页面布局和样式。通过Sitemesh,...

    sitemesh布局知识点汇总

    ### Sitemesh布局知识点汇总 #### 一、Sitemesh简介 Sitemesh是一个非常实用且功能强大的Web页面布局和装饰框架,适用于多种Web应用程序,包括但不限于Java(JSP)、PHP、ASP等技术栈下的应用。它能够有效地帮助...

    SiteMesh教程.pdf

    SiteMesh是一种用于Java Web应用的装饰器设计模式框架,主要通过拦截Web页面请求,动态地将装饰页面如头部(header)、底部(footer)、样式表(stylesheet)和脚本文件(scripts)等页面元素与实际页面组合在一起,...

    sitemesh-3.0.1-javadoc

    SiteMesh是一个网页布局和装饰框架以及Web应用程序集成框架,可帮助创建由页面组成的网站,这些页面需要一致的外观,导航和布局方案。 SiteMesh会拦截对通过Web服务器请求的任何静态或动态生成的HTML页面的请求,...

Global site tag (gtag.js) - Google Analytics