[转]使用sitemesh建立复合视图1.hello

[转]使用sitemesh建立复合视图1.hello

转自:http://docs.huihoo.com/java/sitemesh/index.html

sitemesh是opensymphony团队开发的j2ee应用框架之一,旨在提高页面的可维护性和复用性。opensymphony的另一个广为人知的框架为webwork是用作web层的表示框架。他们都是开源的,可以在www.sf.net下找到。

应用于以下大项目的例子:http://opensource.thoughtworks.com/projects/sitemesh.html

sitemesh应用Decorator模式,用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer,现在,在sitemesh的帮助下,我们可以开心的删掉他们了。如下图,你想轻松的达到复合视图模式,那末看完本文吧。

hello 例子:
步骤1:在WEB-INF/web.xml中copy以下filter的定义:
<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>

<taglib>
  <taglib-uri>sitemesh-decorator</taglib-uri>
  <taglib-location>/WEB-INF/sitemesh-decorator.tld</taglib-location>
</taglib>

<taglib>
  <taglib-uri>sitemesh-page</taglib-uri>
  <taglib-location>/WEB-INF/sitemesh-page.tld</taglib-location>
</taglib>

2.copy所需jar和dtd文件至相应目录,访问opensymphony.sourceforge.net的cvs以获取sitemesh最新版本。

sitemesh.jar WEB-INF/lib
sitemesh-decorator.tld WEB-INF
sitemesh-page.tld WEB-INF

3.建立WEB-INF/decorators.xml 描述定义几个装饰器页面 (可仿照sitemesh例子)。
<decorators defaultdir="/decorators">
    <decorator name="main" page="main.jsp">
        <pattern>*</pattern>
    </decorator>
</decorators>
这里只定义了一个 main 装饰器。

4.建立装饰器页面/decorators/main.jsp,就是一个页面的大体框架,相当于页面模板,让其他页面都使用这个模板。
<%@ page contentType="text/html; charset=GBK"%>
<%@ taglib uri="sitemesh-decorator" prefix="decorator" %>

<html>
  <head>
    <title><decorator:title default="装饰器页面..." /></title>
    <decorator:head />
  </head>
  <body>
    sitemesh的例子<hr>
    <decorator:body />
    <hr>[email protected]
  </body>
</html>
5.建立一个的被装饰的页面 /index.jsp(内容页面)
<%@ page contentType="text/html; charset=GBK"%>
<html>
  <head>
    <title>Agent Test</title>
  </head>
  <body>
    <p>本页只有一句,就是本句.</p>
  </body>
</html>
最后访问index.jsp,将生成页面。
------------------------------------------------------------------------------------------
简单地改了改sitemesh自带的例子sitemesh-example

/Files/hijackwust/sitemeshHelloWorld.rar

你可能感兴趣的:([转]使用sitemesh建立复合视图1.hello)