頁面裝飾器框架-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.     <div align="center">  
  5.         <h1 >頭部信息:   
  6.             <sitemesh:write property='title' />   
  7.         </h1>    
  8.     </div>  
  9.     <hr>     
  10.      
  11.     <!--左側菜單欄  -->  
  12.     <div class="conbgbtm">  
  13.         <div class="leftbox">  
  14.             <ul>  
  15.                 <li><a href="#">菜單1</a></li>  
  16.                 <li><a href="#">菜單2</a></li>  
  17.                 <li><a href="#">菜單3</a></li>  
  18.             </ul>  
  19.         </div>  
  20.         <sitemesh:write property='body'></sitemesh:write>  
  21.     </div>  
  22.     <hr>  
  23.               
  24.     <div align="center">  
  25.         <span>Copyright © 2012-2013 廊坊信息技術提高班 版權所有</span>  
  26.     </div>  
  27.       
  28. </body>  
  29. </html>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章