1.sitemesh官网
http://www.baidu.com/link?url=vOHcgbkFz2ppR8BWjrPn-RXfc5WtmWxxfmYv8Uf_qnB6C4D5p_-7Q3ap4JXnqGoX
2.介绍
SiteMesh框架是OpenSymphony团队开发的一个非常优秀的页面装饰器框架，它通过对用户请求进行过滤，并对服务器向客户端响应也进行过滤，然后给原始页面加入一定的装饰(header,footer等)，然后把结果返回给客户端。通过SiteMesh的页面装饰，可以提供更好的代码复用，所有的页面装饰效果耦合在目标页面中，无需再使用include指令来包含装饰效果，目标页与装饰页完全分离，如果所有页面使用相同的装饰器，可以是整个Web应用具有统一的风格。
3.使用
a.使用eclipse新建web项目,下载sitemesh官方jar包放入到WEB-INF/lib文件夹下
b.WEB-INF文件夹下新建dexorators.xml
1 <?xml version="1.0" encoding="UTF-8"?> 2 <decorators defaultdir="/WEB-INF/layouts/"> 3 <!-- 可设置某些特定页面不使用此装饰 --> 4 <excludes> 5 <pattern>/index.jsp</pattern> 6 </excludes> 7 8 <!-- 设定使用此装饰的页面 page为装饰页面jsp --> 9 <decorator name="default" page="default.jsp"> 10 <pattern>/*</pattern> 11 </decorator> 12 </decorators>
decrators.xml
c.编写装饰文件default.jsp(此处使用了bootstrap，将bootstrap的相关文件放到WebRoot下新建的static文件夹内)
1 <%@ page contentType="text/html;charset=UTF-8"%>
2 <%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
3 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
4
5 <c:set var="ctx" value="${pageContext.request.contextPath}" />
6
7 <!DOCTYPE html>
8 <html>
9 <head>
10 <title>sitemesh示例:<sitemesh:title/></title>
11 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
12 <meta http-equiv="Cache-Control" content="no-store" />
13 <meta http-equiv="Pragma" content="no-cache" />
14 <meta http-equiv="Expires" content="0" />
15
16 <link type="image/x-icon" href="${ctx}/static/images/favicon.ico" rel="shortcut icon">
17 <link href="${ctx}/static/bootstrap/2.3.2/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
18 <link href="${ctx}/static/jquery-validation/1.11.1/validate.css" type="text/css" rel="stylesheet" />
19 <link href="${ctx}/static/styles/default.css" type="text/css" rel="stylesheet" />
20 <script src="${ctx}/static/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
21 <script src="${ctx}/static/jquery-validation/1.11.1/jquery.validate.min.js" type="text/javascript"></script>
22 <script src="${ctx}/static/jquery-validation/1.11.1/messages_bs_zh.js" type="text/javascript"></script>
23
24
25 <sitemesh:head/>
26 </head>
27
28 <body>
29 <div class="container">
30 <%@ include file="/WEB-INF/layouts/header.jsp"%>
31 <div id="content">
32 <sitemesh:body/>
33 </div>
34 <%@ include file="/WEB-INF/layouts/footer.jsp"%>
35 </div>
36 <script src="${ctx}/static/bootstrap/2.3.2/js/bootstrap.min.js" type="text/javascript"></script>
37 </body>
38 </html>
footer.jsp
1 <%@ page language="java" pageEncoding="UTF-8" %> 2 <div id="footer"> 3 Copyright © 2005-2015 <a href="#">My First JSP</a> 4 </div>
header.jsp
1 <%@ page language="java" pageEncoding="UTF-8" %> 2 <div id="footer"> 3 Copyright © 2005-2015 <a href="#">My First JSP</a> 4 </div>
d.写测试的访问jsp页面
login.jsp
1 <%@ page contentType="text/html;charset=UTF-8" %>
2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
3 <c:set var="ctx" value="${pageContext.request.contextPath}"/>
4
5 <html>
6 <head>
7 <title>登录页</title>
8 </head>
9
10 <body>
11 <form id="loginForm" action="${ctx}/login" method="post" class="form-horizontal">
12 <div class="control-group">
13 <label for="username" class="control-label">名称:</label>
14 <div class="controls">
15 <input type="text" id="username" name="username" value="${username}" class="input-medium required"/>
16 </div>
17 </div>
18 <div class="control-group">
19 <label for="password" class="control-label">密码:</label>
20 <div class="controls">
21 <input type="password" id="password" name="password" class="input-medium required"/>
22 </div>
23 </div>
24
25 <div class="control-group">
26 <div class="controls">
27 <label class="checkbox" for="rememberMe"><input type="checkbox" id="rememberMe" name="rememberMe"/> 记住我</label>
28 <input id="submit_btn" class="btn btn-primary" type="submit" value="登录"/> <a class="btn" href="${ctx}/register">注册</a>
29 </div>
30 </div>
31 </form>
32
33 </body>
34 </html>
welcome.jsp
1 <%@ page contentType="text/html;charset=UTF-8" %>
2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
3 <c:set var="ctx" value="${pageContext.request.contextPath}"/>
4
5 <html>
6 <head>
7 <title>登录页</title>
8 </head>
9
10 <body>
11 <form id="welcomeForm" method="post" class="form-horizontal">
12 欢迎
13 </form>
14
15 </body>
16 </html>
e.修改web.xml文件
1 <?xml version="1.0" encoding="UTF-8"?> 2 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" 3 xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 4 version="2.5"> 5 <filter> 6 <filter-name>sitemesh</filter-name> 7 <filter-class> 8 com.opensymphony.module.sitemesh.filter.PageFilter 9 </filter-class> 10 </filter> 11 12 <filter-mapping> 13 <filter-name>sitemesh</filter-name> 14 <url-pattern>/*</url-pattern> 15 </filter-mapping> 16 17 <servlet> 18 <servlet-name>login</servlet-name> 19 <jsp-file>/WEB-INF/views/account/login.jsp</jsp-file> 20 </servlet> 21 <servlet-mapping> 22 <servlet-name>login</servlet-name> 23 <url-pattern>/login</url-pattern> 24 </servlet-mapping> 25 26 <servlet> 27 <servlet-name>welcome</servlet-name> 28 <jsp-file>/WEB-INF/views/account/welcome.jsp</jsp-file> 29 </servlet> 30 <servlet-mapping> 31 <servlet-name>welcome</servlet-name> 32 <url-pattern>/welcome</url-pattern> 33 </servlet-mapping> 34 </web-app>
f.运行测试，查看效果
sitemesh3 推荐博客
http://www.cnblogs.com/luotaoyeah/p/3776879.html
时间： 2024-10-08 06:49:23