使用sitemesh建立复合视图 - 1.hello
发表于:2007-07-01来源:作者:点击数:
标签:
sitemesh是opensymphony团队 开发 的j2ee应用框架之一,旨在提高页面的可维护性和复用性。opensymphony的另一个广为人知的框架为webwork是用作web层的表示框架。他们都是 开源 的,可以在www.sf .net 下找到。 应用于以下大项目的例子:http://opensource.tho
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 sitemesh: |
- 在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> |
- copy所需jar和dtd文件至相应目录,访问的cvs以获取sitemesh最新版本。
sitemesh.jar |
WEB-INF/lib |
sitemesh-decorator.tld |
WEB-INF |
sitemesh-page.tld |
WEB-INF |
- 建立WEB-INF/decorators.xml描述各装饰器页面(可仿照sitemesh例子)。
<decorators defaultdir="/_decorators"> <decorator name="main" page="main.jsp"> <pattern>*</pattern> </decorator> </decorators> |
- 建立装饰器页面 /_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>chen56@msn.com </body> </html> |
- 建立一个的被装饰页面 /index.jsp(内容页面)
<%@ page contentType="text/html; charset=GBK"%> <html> <head> <title>Agent Test</title> </head> <body> <p>本页只有一句,就是本句.</p> </body> </html> |
最后访问index.jsp,将生成如下页面:
而且,所有的页面也会如同index.jsp一样,被sitemesh的filter使用装饰模式修改成如上图般模样,却不用再使用include标签。 |
原文转自:http://www.ltesting.net