您的位置：首页 > 其它

翻译]SiteMesh介绍 (转)

2007-07-02 10:33 99 查看

注：sitemesh，一个不错的tiles替代方案，比tiles做的更漂亮优雅。本文是sitemesh官方推荐的入门文档，本来想自己翻译的，突然发现有人先行一步了，就转过来看吧。 以前我通常使用旧式的方法来建立自己的web应用：手工排版，仔细使用每一个字节使其工作在Unicode下，同时使用make文件来适应不同的CPU……或许现在我们可以换一种方式。尽管我从没有感觉到需要使用assembly (CISC or RISC)来建立web应用，但也会偶尔觉得我的开发伙伴的工作相当繁琐。特别是我发现很多的开发者在痛苦的寻求一种比较好的方式来控制web应用的基本模块：例如那些页头、页尾、导航栏、打印页面、手持设备的轻量级页面，以及其他更多的问题。到了最后，令人惊异的是大部分人都采用了落后的includes和复制粘贴方式。根据经验，我可以采用在 java.net 上开源的servlet 过滤器 <a href="http://www.opensymphony.com/sitemesh/">SiteMesh</a>n来简单明了并优雅的解决这些问题。作为一种替代新的templating语言（XSLT）或部署您的页面到新的系统的解决方法，应用SiteMesh可以相当容易处理你的页面，这一切只需要普通的HTML，JSP，servlet(包括Struts)，以及其他常用的技术。<h2 id="How_Does_It_Work">工作原理</h2>SiteMesh利用了一种很少人知道的servlet规范实现了一种页面过滤器。设想一下，现在有一个简单的jsp页面用来返回当前的日期和时间。通常这个页面请求来到应用服务器，页面被处理，最后处理结果返回到web浏览器。SiteMesh作为一个页面过滤器，在页面被处理之后，返回web浏览器之前，对页面做了一些附加的操作。这个变化简单描述为图一和图二所示的附加步骤。 <img title="点击看大图http://today.java.net/images/2004/03/sitemesh_fig1.gif" style="CURSOR: pointer" height="202" alt="Figure 1" src="http://today.java.net/images/2004/03/sitemesh_fig1.gif" width="520" /> 图一：普通页面处理情况<img title="点击看大图http://today.java.net/images/2004/03/sitemesh_fig2.gif" style="CURSOR: pointer" height="202" alt="Figure 2" src="http://today.java.net/images/2004/03/sitemesh_fig2.gif" width="520" /> 图二：SiteMesh对页面处理情况现在看一个简单的例子。<pre><code><html> <head> <title>Simple Document</title> </head> <body> Hello World! <%= 1+1 %> </body> </html></code></pre>你会发现这个页面有一个title和body（类似普通的HTML页面）。你也会发现一小段JSP代码——它将会如同你期望的那样被处理。同时你可以使用任何你想使用的JSP语法和特性来替换这一小段代码。 现在来看一个简单的SiteMesh "装饰（decorator）"页面。列表2显示了一个被SiteMesh调用的JSP页面。<pre><code><%@ taglib uri="sitemesh-decorator" prefix="decorator" %> <html> <head> <title> My Site - <decorator:title default="Welcome!" /> </title> <decorator:head /> </head> <body> <h1><decorator:title default="Welcome!" /></h1> <decorator:body /> (<a href="?printable=true">printable version</a><img class="smiley" title=";)" alt=";)" src="http://blog.51766.com/images/smileys/wink.gif" /> </body> </html></code></pre>查看这个装饰器（decorator），我们能看到一些有趣的东西。首先，在第一行申明了一个SiteMesh标签库。这个标签库包含了与原始页面一起工作时所需的所有东西。你能看到我们使用了两个SiteMesh的装饰标签（declared tags）， <code><decorator:title></code> 和 <code><decorator:body></code> 。不要惊讶于标签<decorator:title>在原始页面中显示<title>标签中的内容， <code><decorator:body></code> 中的内容也是如此。我们在这个页面的HEAD和BODY元素都使用了同一个title标签。（We're making a few fairly radical changes to the page, including repeating the title both in the <code>HEAD</code> element as well as the <code>BODY</code>. ）同时，我们还增加了一个到可打印版本页面的链接。作为对照，图三显示了原始处理页面，图四显示了被修饰过的处理页面。留意被装饰页面在浏览器窗口显示的标题文字和HTML内容。同时也可以看到增加了一个可打印页面的链接——这个我们回头再说。 <img height="186" alt="Figure 3" src="http://today.java.net/images/2004/03/sitemesh_fig3.gif" width="309" /> 图三：原始未修饰页面<img height="299" alt="Figure 4" src="http://today.java.net/images/2004/03/sitemesh_fig4.gif" width="309" /> 图四：被修饰页面很明显，对比起使用include（例如<jsp:include page="foo.jsp" flush="true" />）来说，以这样的方式使用页头、页尾系统结构要清晰得多。这种方式更易移植、更易理解，同时也鼓励了JSP页面不再使用导航或其他类似的表现层代码。我发现在JSP页面中使用装饰器和CSS的组合比标准HTML的标签更容易去除格式信息。<h2 id="Installing_SiteMesh">安装SiteMesh</h2>注意下面的屏幕截图是基于Windows XP Professional， <a href="http://jakarta.apache.org/tomcat/index.html">Tomcat 5.0.19</a>，和Java 2 SDK 1.4.2_03的环境之上的。在这里我假定你的Tomcat已经安装完毕并且可以正常工作了。你或许会有一些混淆，但我们已经成功地在Tomcat 4.1 和 WebLogic 测试过，同时 SiteMesh 也支持大部分的web应用服务器。 本文描述的SiteMesh 2.0.1可以在 <a href="https://sitemesh.dev.java.net/servlets/ProjectDocumentList?folderID=542">下载</a>到。在java.net 上SiteMesh's 的项目库中有四个文件可以下载。sitemesh-2.0.1.jar 是其核心 JAR 文件， sitemesh-2.0.1-sources.zip 的作用正如同其名字所述， sitemesh-example.war 则提供了一个复杂的例子用来显示一些SiteMesh的高级特性。为了使描述更加简单，我们从<a href="https://sitemesh.dev.java.net/files/documents/887/2097/sitemesh-example.war">sitemesh-blank.war</a> 文件开始。将该WAR文件放入Tomcat 的webapps 目录，WAR包将自动解压显示内容（SoSo注：这里的前提是你的tomcat已经开始工作），如图五所示。<img height="255" alt="Figure 5" src="http://today.java.net/images/2004/03/sitemesh_fig5.gif" width="201" /> 图五： SiteMesh_blank.WAR解开后的内容我们花点时间描述一下这些文件的作用。<h5 id="web_xml">web.xml</h5>首先，WEB-INF/web.xml 文件显示如列表3，这些语句用来安装SiteMesh 过滤器和标签库。如果你决定在一个已有的Web应用中使用SiteMesh，你必须把这些语句添加到你的WEB-INF/web.xml 文件中。<pre><code><?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app>  <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>*.jsp</url-pattern> </filter-mapping> <taglib> <taglib-uri>sitemesh-page</taglib-uri> <taglib-location>/WEB-INF/sitemesh-page.tld</taglib-location> </taglib> <taglib> <taglib-uri>sitemesh-decorator</taglib-uri> <taglib-location>/WEB-INF/sitemesh-decorator.tld</taglib-location> </taglib>  </web-app></code></pre>注意：这里需要注意一下<code>url-pattern</code>的写法-- 如果使用的是Tomcat 5（而不是 Tomcat 4 ），需要将默认的*修改如*.jsp的形式。最新的servlet规范不再支持*样式。<h5 id="decorators_xml">decorators.xml</h5>WEB-INF/decorators.xml 文件用来将一个装饰器名字同一个专门的JSP装饰文件绑定。作为一个例子，这里将JSP装饰文件minimal.jsp同一个称为handheld的装饰器绑定起来。<pre><code><decorators defaultdir="/decorators"> <decorator name="main" page="main.jsp"> <pattern>*</pattern> </decorator> <decorator name="panel" page="panel.jsp"/> <decorator name="printable" page="printable.jsp"/> </decorators></code></pre>正如我们在代码列表里看到的一样，我们定义了三个装饰器，他们分别绑定了三个类似的JSP页面。我们可以看到一个默认装饰器（main.jsp），它将被默认运用于所有文件。缺省的，SiteMesh使用下面的逻辑来选择使用哪一个装饰器：<table cellspacing="12" cellpadding="6" width="200" align="right" border="0"> <tbody> <tr> <td valign="top" bgcolor="#efefef"> 这个逻辑在sitemesh-2.0.1.jar 包的 \com\opensymphony\module\sitemesh\factor\sitemesh-default.xml 文件里被描述。你可以针对诸如：客户端操作系统，web浏览器，用户代理等在WEB-INF\sitemesh.xml文件里，通过一个变量覆盖这个行为。(You can override this behavior with a wide variety of <a href="http://www.opensymphony.com/sitemesh/api/com/opensymphony/module/sitemesh/mapper/package-summary.html">built-in mappers </a>for things like language, client operating system, web browser/user agent, etc. by creating a WEB-INF\sitemesh.xml file. ）可以在sitemesh-example.war 找到例子。 </td> </tr> </tbody></table><ol> <li>页面是否使用meta装饰器标签（meta decorator tag）特别指定了一个装饰器？ </li> <li>页面是否是一个框架集（是的话则不应用装饰器）？ </li> <li>页面是否使用了<code>printable=true</code> 参数（是的话则使用打印装饰器） </li> <li>页面时候使用装饰器文件名特别指定了一个装饰器？ </li> <li>页面是否匹配 decorators.xml 文件里描述的样式？ </li></ol>通常第一条规则仅用来确定该装饰器是否被使用（Conceptually, the first rule that evaluates to true determines the decorator that is used. ）在上面的例子中，当出现<code>printable=true</code> 参数的时候，装饰器<code>printable.jsp</code> （规则 #3）替代了 <code>main.jsp</code> （规则 #5）。在SiteMesh中，这些规则被描述为 mappers。<h5 id="decorators_jsp">decorators/*.jsp</h5>这三个decorators目录下的文件是decorators.xml文件中描述的不同装饰器JSP文件。上面是一个简单的装饰器例子，在后面我们将讨论更复杂的示例。<h5 id="sitemesh_jar">sitemesh-2.0.1.jar</h5>这是SiteMesh最主要的二进制文件，通常被安装在 WEB-INF/lib 目录下。可以在<a href="http://www.opensymphony.com/sitemesh/api">www.opensymphony.com/sitemesh/api</a> 找到这个库的javadoc。<h5 id="tld">*.tld</h5>SiteMesh使用两个标签库，但大多数人都只需要sitemesh-decorator.tld。你可以在 <a href="http://www.opensymphony.com/sitemesh/tags.html">www.opensymphony.com/sitemesh/tags.html</a> 找到相应的文档。我们已经讲述了最主要的标签：head，title和body。在下一章我们来讨论剩下的标签：getProperty。 <h2 id="Advanced_SiteMesh">SiteMesh高级特性</h2>SiteMesh的一个重要特性是使用原始HTML的meta标签（例如<meta name="foo" content="bar">）从基础页面传递信息到装饰器。作为一个例子，下面我们使用一个meta标签来定义HTML页面的作者。 <pre><code><html> <meta name="author" content="test@example.com"> <head> <title>Simple Document</title> </head> <body> Hello World! <%= 1+1 %> </body> </html></code></pre>我们定义一个“smart”装饰器来研究meta标签，如果出现这个标签，则可以得到一个相应的HTML：<pre><code><%@ taglib uri="sitemesh-decorator" prefix="decorator" %> <decorator:usePage id="myPage" /> <html> <head> <title>My Site - <decorator:title default="Welcome!" /> </title> <decorator:head /> </head> <body> <h1><decorator:title default="Welcome!" /></h1> <h3> <a href="mailto:<decorator:getProperty property="meta.author" default="staff@example.com" />"> <decorator:getProperty property="meta.author" default="staff@example.com" /> </a></h3><hr /> <decorator:body /> (<a href="?printable=true">printable version</a><img class="smiley" title=";)" alt=";)" src="http://blog.51766.com/images/smileys/wink.gif" /> </body> </html></code></pre>可以看到我们使用了getProperty标签的一个默认属性——如果没有指定author，我们就设定其为staff。如果你决定使用这个模型储存页面的meta数据，你或许需要和你的开发伙伴一起来确定将使用什么标签以及如何使用他们。简单的，你或许想要使用meta标签来描述诸如页面作者及时间戳之类的东西。更复杂一些，你或许会想像XML文件一样标准化的管理你的站点导航，同时使用meta标签来通过页面节点转到装饰器。（At the complex end, you may do things like standardize on an XML file to manage your site navigation and use a <code>meta</code> tag to pass the page's node to the decorator. ）图六显示了应用上面的装饰器JSP页面之后生成的结果。<img height="359" alt="Figure 6" src="http://today.java.net/images/2004/03/sitemesh_fig6.gif" width="392" /> 图六：meta标签显示这些页面属性非常强大，并且拥有着很多不同的特性，并不仅止于meta标签（<a href="http://www.opensymphony.com/sitemesh/api/com/opensymphony/module/sitemesh/HTMLPage.html"> 常用页面特性列表</a>）。使用SiteMesh一段时间之后，你就会开始思考HTML和JSP作为一种简单标记语言的机制——接近最原始的HTML——无需操作就可以完整的切换到XML/XSL 或其他模版引擎。<h2 id="Summary">小结</h2>综上所述，SiteMesh 提供了一个强大、易用、易结合的机制来使用页面模版。可以想象，它将会有很广泛的用户群。例如，你可以定义一个装饰器针对不同的浏览器输出额外的页面调试信息（和特定web浏览器结合之后将产生一个特别的功能，你可以强制指定使用某一种用户代理）。你也可以定义一个装饰器产生stripped-down XML输出，用来进行简单的自动化测试。你甚至可以使用装饰器从其他页面提取内容，例如输出到一些简单的门户容器。从sitemesh-blank.war入手比较容易，但我建议学习 sitemesh-example.war 以获取更多的特性和思想。不论你如何使用SiteMesh，我都发现它将大量的代码从表现层中移到我的装饰器中，而无需学习一种新的编程语言或是模版系统。 对了，作为最后的补充，如果你仍然对组合建立web页面感兴趣，可以查看<a href="http://home.worldonline.dk/viksoe/asmil.htm">home.worldonline.dk/viksoe/asmil.htm</a> 。祝好运并享受编程的乐趣！<div class="pgfoot">( 发表于 2006年03月30日,09:26 ) <a class="entrypermalink" title="日志固定链接" href="http://blog.51766.com/page/zy?entry=1143682180134">固定链接</a> <a class="entrycommentslink" href="http://blog.51766.com/comments/zy/Weblog/1143682180134#comments">评论 [2]</a> </div><div class="trackbackUrl">反向跟踪 URL: http://blog.51766.com/trackback/zy/Weblog/1143682180134 </div><div class="comments" id="comments"><div class="comments-head">评论:</div> <div class="comment" id="comment1">没有明显的感觉到他的强大caqiautumn 发表于 2006年04月28日, 11:31 <a class="entrypermalink" title="评论固定链接" href="http://blog.51766.com/comments/zy/Weblog/1143682180134#comment1">#</a> </div><div class="comment" id="comment2">呵呵，对一个事务的理解，站的高度不一样，看到的也不一样，虽然看着是很小的差别，确实一次巨大的提升。 SiteMesh 和 tiles 不是一个级别的东东 </div></div> 阅读更多

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航