使用Sitemesh实现复合视图：教程详解

需积分: 10 44 浏览量更新于2024-09-13 收藏 112KB DOC 举报

"sitemesh教程，使用sitemesh实现页面装饰模式，简化视图构建" sitemesh是一个开源的Web应用程序界面布局框架，它通过应用Decorator模式帮助开发者统一网站的外观和感觉，使得页面头部（head）、内容（content）和横幅（banner）等元素能够轻松地组合成一个完整的视图。在传统的网页开发中，我们通常会在每个JSP页面中使用include标签来包含诸如header、stylesheet、scripts和footer等共享元素。然而，sitemesh允许我们摆脱这种繁琐的方式，通过设置filter和配置文件，实现页面的自动化装饰。 1. 配置sitemesh - 在`WEB-INF/web.xml`中添加sitemesh的filter定义。这一步是将sitemesh的PageFilter类注册到Servlet容器中，以监听所有请求。如： ```xml <?xml version="1.0" encoding="GBK"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4"> <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> </web-app> ``` - 将sitemesh的库文件（如`sitemesh-2.3.jar`）复制到`WEB-INF/lib`目录下，以便项目能够引用。 2. 创建装饰器配置 - 创建`WEB-INF/decorators.xml`文件，用来描述各个装饰器页面。例如： ```xml <decorators defaultdir="/decorators"> <decorator name="main" page="main.jsp"> <pattern>*</pattern> </decorator> </decorators> ``` 这个配置表明，所有请求（由`<pattern>*</pattern>`匹配）都将使用名为"main"的装饰器，对应的装饰页面是`main.jsp`。 3. 理解Decorator模式 - Decorator模式在sitemesh中的作用是动态地给对象增加新的功能，而不影响其他对象。在这个例子中，它用于在每个请求的响应中插入布局模板，如header、footer等，而无需在每个JSP页面中显式包含这些元素。 4. 装饰器页面的结构 - 装饰器页面（如`main.jsp`）通常包含固定的头部、侧边栏、尾部等元素，以及一个区域来展示被装饰的原始内容。在`main.jsp`中，可以使用`<sitemesh:property>`标签来插入原始内容，例如： ```jsp <%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %> ... <html> <head>  <sitemesh:head/> </head> <body> <div id="header">  </div> <div id="content"> <sitemesh:property name="body"/> </div> <div id="footer">  </div> </body> </html> ``` 5. 自定义装饰规则 - 如果需要为特定URL或页面使用不同的装饰器，可以在`decorators.xml`中添加额外的`<decorator>`标签，并设置更具体的`<pattern>`。 6. 使用sitemesh的优点 - 提高代码复用性，减少重复代码。 - 更容易维护和更新网站的整体样式。 - 更方便地实现全局导航和布局。 - 支持动态装饰，可以根据用户角色或请求参数选择不同的装饰器。通过以上步骤，你可以开始使用sitemesh来构建整洁、统一的网站视图，提高开发效率并降低维护成本。不过，需要注意的是，虽然sitemesh是一个强大的工具，但也要根据项目需求和团队习惯谨慎选择是否使用，有时候过度的抽象和封装可能会增加学习曲线和复杂性。

 应用  模式，用  截取  和 把页面

组件  结合为一个完整的视图。通常我们都是用 

标签在每个  页面中来不断的包含各种 

，现在，在  的帮助下，我们可以开心的删掉他们了。如下图，

你想轻松的达到复合视图模式，那末看完本文吧。

一、在 WEB-INF/web.xml 中 copy 以下 lter 的定义:

 !"#$%&

'()**  ***+

))**''' ', "*+!!*-./0(

)/)**  ***+

)**  ***+*'(1+12 

+ 2&&

33(&*(&

33333(

&     4"5*(

&

33*&33("&

33333(&*(&

33333(&*6*(&

33*("&*'(&二、copy 所需 sitemesh-2.3.jar 到

下载后可阅读完整内容，剩余6页未读，立即下载

epxnb

粉丝: 0
资源: 9

使用Sitemesh实现复合视图：教程详解

SiteMesh教程及SiteMesh官方文档翻译

SiteMesh教程.doc

SiteMesh教程.pdf

SiteMesh教程详解与实战应用

sitemesh教程-页面装饰技术原理及应用

SiteMesh教程：入门与配置指南

SiteMesh教程与实战：简化网页布局

SiteMesh教程：打造企业级web站点一致外观

sitemesh使用教程

sitemesh简单教程页面装配器

最新资源