转自 SiteMesh的使用

SiteMesh的介绍就不多说了，主要是用来统一页面风格，减少重复编码的。

它定义了一个过滤器，然后把页面都加上统一的头部和底部。

需要先在WEB-INF/lib下引入sitemesh的jar包：http://wiki.sitemesh.org/display/sitemesh/Download 。这里使用2.4版本。

过滤器定义：

在web.xml中

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

    </filter-mapping>

decorators.xml文件：

WEB-INF下新建decorators.xml文件：

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

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

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

    <excludes>

        <pattern>/static/*</pattern>

    </excludes>

    <!-- 用来定义装饰器要过滤的页面 -->

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

        <pattern>/*</pattern>

    </decorator>

</decorators>

不用过滤/static/目录下的文件，然后指定了装饰器：/WEB-INF/layouts/default.jsp。

我用的是Spring MVC，目录结构大致：

default.jsp：

<%@ page contentType="text/html;charset=UTF-8"%>

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

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>

<html>

<head>

<title>QuickStart示例:<sitemesh:title/></title>

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

<meta http-equiv="Cache-Control" content="no-store" />

<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="Expires" content="0" />

<link type="image/x-icon" href="${ctx}/static/images/favicon.ico" rel="shortcut icon">

<link href="${ctx}/sc/bootstrap/2.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />

<link href="${ctx}/sc/jquery-validation/1.11.0/validate.css" type="text/css" rel="stylesheet" />

<link href="${ctx}/css/base/default.css" type="text/css" rel="stylesheet" />

<script src="${ctx}/sc/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>

<script src="${ctx}/sc/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>

<script src="${ctx}/sc/jquery-validation/1.11.0/messages_bs_zh.js" type="text/javascript"></script>

<sitemesh:head/>

</head>

<body>

    <div class="container">

        <%@ include file="/WEB-INF/layouts/header.jsp"%>

        <div id="content">

            <sitemesh:body/>

    </div>

        <%@ include file="/WEB-INF/layouts/footer.jsp"%>

    </div>

    <script src="${ctx}/sc/bootstrap/2.3.0/js/bootstrap.min.js" type="text/javascript"></script>

</body>

</html>

首先引入了SiteMesh标签。

<sitemesh:title/> 会自动替换为被过滤页面的title。

<sitemesh:head/> 会把被过滤页面head里面的东西（除了title）放在这个地方。

<sitemesh:body/> 被过滤的页面body里面的内容放在这里。

在content的上下引入了header和footer。

我们在头部引入了js和css，就可以重用了。

使用：

使用的过程中，几乎感受不到SiteMesh的存在。例如下面的页面：

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

<script type="text/javascript" src="/js/hello.js"></script>

</head>

<body>

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

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

    <ul>

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

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

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

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

    </ul>

</body>

</html>

这就是一个普通的页面，但是被SiteMesh装饰之后，就会自动去掉<html> <body> <head>等元素，然后把相应的东西放在模板对应位置上。

我们来看一下，被SiteMesh装饰过的页面源代码：

<!DOCTYPE html>

<html>

<head>

<title>QuickStart示例:被装饰（目标）页面title</title>

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

<meta http-equiv="Cache-Control" content="no-store" />

<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="Expires" content="0" />

<link type="image/x-icon" href="/SpringMVC/static/images/favicon.ico" rel="shortcut icon">

<link href="/SpringMVC/sc/bootstrap/2.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />

<link href="/SpringMVC/sc/jquery-validation/1.11.0/validate.css" type="text/css" rel="stylesheet" />

<link href="/SpringMVC/css/base/default.css" type="text/css" rel="stylesheet" />

<script src="/SpringMVC/sc/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>

<script src="/SpringMVC/sc/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>

<script src="/SpringMVC/sc/jquery-validation/1.11.0/messages_bs_zh.js" type="text/javascript"></script>

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

<script type="text/javascript" src="/js/hello.js"></script>

</head>

<body>

    <div class="container">

<div id="header">

</div>

        <div id="content">

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

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

    <ul>

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

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

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

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

    </ul>

        </div>

<div id="footer">

    Copyright © 2005-2012 <a href="">spring.org.cn</a>

</div>

    </div>

    <script src="/SpringMVC/sc/bootstrap/2.3.0/js/bootstrap.min.js" type="text/javascript"></script>

</body>

</html>

SiteMesh查看文档 使用sitemesh建立复合视图 - 2.装饰器

SiteMesh中有一个decorator标签，可以轻松解决页面布局的问题

之前解决页面重复布局的时候，使用的是<include>标签，但是需要在每个页面都用他引入其他JSP文件，

而使用decorator标签只需要在配置文件decorators.xml进行相应的配置再加上一个装饰器(其实就是一个JSP页面)即可。

在web.xml文件中加入过滤器定义

	<!-- 过滤器定义 -->

	<filter>

		<filter-name>sitemesh</filter-name>

		<filter-class>com.opensymphony.sitemesh.webapp.SiteMeshFilter</filter-class>

	</filter>

	<filter-mapping>

		<filter-name>sitemesh</filter-name>

		<url-pattern>/*</url-pattern>

	</filter-mapping>

加入的配置文件decorators.xml

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

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

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

    <excludes>

        <pattern>/exclude.jsp</pattern>

        <pattern>/exclude/*</pattern>

    </excludes>

	<!-- 用来定义装饰器要过滤的页面 -->

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

        <pattern>/*</pattern>

    </decorator>

</decorators>

在WebContent/WEB-INF/目录下创建/decorators目录，在这个目录下写main.jsp文件

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

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

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!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">

		<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/main.css"/>

		<title>欢迎使用用户管理系统<decorator:title default="欢迎使用用户管理系统"/></title>

		<decorator:head/>							<!-- 取出被装饰页面的head标签中的内容(除了head标签本身) -->

	</head>

	<body>

		<h1><decorator:title/></h1>		<!-- 取出被装饰页面的title标签中的内容 -->

		<c:if test="${not empty loginUser}">

			<a href="<%=request.getContextPath() %>/user/add">用户添加</a>

			<a href="<%=request.getContextPath() %>/user/users">用户列表</a>

			<a href="<%=request.getContextPath() %>/logout">退出系统</a>

			当前用户:${loginUser.nickname }

		</c:if>

		<hr/>

		<decorator:body/>							<!-- 取出被装饰页面的body标签中的内容 -->

		<div align="center" style="width:100%;border-top:1px solid; float:left;margin-top:10px;">

			CopyRight@2012-2015<br/>

			用户管理系统

		</div>

	</body>

</html>

Spring MVC学习笔记——SiteMesh的使用（转）的更多相关文章

  1. Spring MVC 学习笔记一 HelloWorld

    Spring MVC 学习笔记一 HelloWorld Spring MVC 的使用可以按照以下步骤进行(使用Eclipse): 加入JAR包 在web.xml中配置DispatcherServlet ...

  2. Spring MVC 学习笔记12 —— SpringMVC+Hibernate开发（1）依赖包搭建

    Spring MVC 学习笔记12 -- SpringMVC+Hibernate开发(1)依赖包搭建 用Hibernate帮助建立SpringMVC与数据库之间的联系,通过配置DAO层,Service ...

  3. Spring MVC 学习笔记11 —— 后端返回json格式数据

    Spring MVC 学习笔记11 -- 后端返回json格式数据 我们常常听说json数据,首先,什么是json数据,总结起来,有以下几点: 1. JSON的全称是"JavaScript ...

  4. Spring MVC 学习笔记10 —— 实现简单的用户管理（4.3）用户登录显示全局异常信息

    </pre>Spring MVC 学习笔记10 -- 实现简单的用户管理(4.3)用户登录--显示全局异常信息<p></p><p></p>& ...

  5. Spring MVC 学习笔记9 —— 实现简单的用户管理（4）用户登录显示局部异常信息

    Spring MVC 学习笔记9 -- 实现简单的用户管理(4.2)用户登录--显示局部异常信息 第二部分:显示局部异常信息,而不是500错误页 1. 写一个方法,把UserException传进来. ...

  6. Spring MVC 学习笔记8 —— 实现简单的用户管理（4）用户登录

    Spring MVC 学习笔记8 -- 实现简单的用户管理(4)用户登录 增删改查,login 1. login.jsp,写在外面,及跟WEB-INF同一级目录,如:ls Webcontent; &g ...

  7. Spring MVC 学习笔记2 - 利用Spring Tool Suite创建一个web 项目

    Spring MVC 学习笔记2 - 利用Spring Tool Suite创建一个web 项目 Spring Tool Suite 是一个带有全套的Spring相关支持功能的Eclipse插件包. ...

  8. Spring MVC 学习笔记1 - First Helloworld by Eclipse【& - java web 开发Tips集锦】

    Spring MVC 学习笔记1 - First Helloworld by Eclipse reference:http://www.gontu.org 1. 下载 Spring freamwork ...

  9. Spring MVC 学习笔记（整理）

    SpringMVC学习 1.概述 Spring MVC是一种基于Java实现MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行解耦,基于请求-响应模型帮助我们 ...

随机推荐

  1. 【代码笔记】iOS-正在加载

    一,效果图. 二,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the ...

  2. 初识hive

    由facebook 开源用以帮用户解决海量数据etl,构建于hadoop的 数据仓库. 使用hql作为查询接口 使用hdfs作为底层存储 使用mr作为执行层   1.为什么使用hive?      1 ...

  3. [AlwaysOn Availability Groups]使用Powershell监控AlwayOn健康

    使用Powershell监控AlwayOn健康 1.基本命令概述 AlwayOn Dashboard是很有用的查看整体AG健康状况的工具.但是这个工具不是用于7*24监控的.如果应用程序夜间发送严重的 ...

  4. protobuf的编译安装

    github地址:https://github.com/google/protobuf支持多种语言,有多个语言的版本,本文采用的是在centos7下编译源码进行安装. github上有详细的安装说明: ...

  5. 烂泥：利用awstats分析nginx日志

    本文由ilanniweb提供友情赞助,首发于烂泥行天下 想要获得更多的文章,可以关注我的微信ilanniweb 昨天把nginx的日志进行了切割,关于如何切割nginx日志,可以查看<烂泥:切割 ...

  6. 自定义制作iso镜像

    下载"/etc/yum.repos.d/"下的MondoRescue软件库,文件名为"mondorescue.repo".请为你的Linux OS发行版本下载正 ...

  7. css权重计算方法浅谈

    在这之前只知道css权重的皮毛,比如说:行内权重比头部权重高,头部比外部样式权重高----工作中才知道真正理解css权重重要性.理解权重了才能写出来最优css选择器来.对后面学习less,scss有很 ...

  8. shell 脚本之判断语句 if 详解

    使用 Linux 系统这么长时间,对 shell 脚本也算是比较熟悉.其实不管是搞开发,还是搞运维,shell 脚本都是必备的基本技能.这次抽时间好好总结一下 shell 方面的知识,综合的再学习一下 ...

  9. Linux SVN 搭建(YUM)安装

    安装说明 系统环境:CentOS安装方式:yum install (源码安装容易产生版本兼容的问题)安装软件:系统自动下载SVN软件 Linux svn服务端配置 检查已安装版本 #检查是否安装了低版 ...

  10. Python学习实践-----打印日历

    使用python语言实现在控制台打印日历 输入年.月.日 输出对应日历,指定的日数输出为'--' 程序没有做严格的输入验证,故输入整数即可. 以下为没有优化的源码: print_calendar.py ...