1. 程式人生 > >頁面裝飾器框架-SiteMesh應用Decorator模式

頁面裝飾器框架-SiteMesh應用Decorator模式

通過SiteMesh的頁面裝飾,可以提高更好的程式碼複用,以下是配置使用的簡單記錄:

1.下載jar包:sitemesh-2.3.jar,將jar複製到lib目錄下

2.web.xml檔案中配置sitemesh的Filter

<!-- 配置裝飾器filter -->
  <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>/jsp/*</url-pattern>
  </filter-mapping>

3.新建一個decorators.xml檔案:

<decorators defaultdir="/WEB-INF/jsp">
    
    <!-- 配置裝飾器頁面-->
    <decorator name="decorator" page="/jsp/decorator.jsp" >
        <!-- 配置需要追加裝飾器的頁面 -->
        <pattern>/jsp/*</pattern>
    </decorator>
    
    <!-- 配置不需要追加裝飾的頁面 -->
    <excludes>
        <pattern>/jsp/decorator*</pattern>
    </excludes>
</decorators>

4.新建裝飾頁面decorator.jsp

  1. <%@ page contentType="text/html;charset=UTF-8"%>
    <%@ include file="/WEB-INF/jsp/common/taglibs.jspf"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <body>
  3.     <!--頭部  -->
  4.     <divalign="center"
    >
  5.         <h1>頭部資訊:   
  6.             <sitemesh:writeproperty='title'/>
  7.         </h1>
  8.     </div>
  9.     <hr>
  10.     <!--左側選單欄  -->
  11.     <divclass="conbgbtm">
  12.         <divclass="leftbox">
  13.             <ul>
  14.                 <li><ahref="#">選單1</a></li>
  15.                 <li><ahref="#">選單2</a></li>
  16.                 <li><ahref="#">選單3</a></li>
  17.             </ul>
  18.         </div>
  19.         <sitemesh:writeproperty='body'></sitemesh:write>
  20.     </div>
  21.     <hr>
  22.     <divalign="center">
  23.         <span>Copyright © 2012-2013 廊坊資訊科技提高班 版權所有</span>
  24.     </div>
  25. </body>
  26. </html>