1、问题的提出
在开发Web 应用时,Web页面可能由不同的人参与开发,因此开发出来的界面通常千奇百怪、五花八门,风格难以保持一致。
为了统一界面的风格,Struts 框架提供了一个标签库Tiles 来进行网页的框架布局 。
2、SiteMesh 简介
SiteMesh 是一个网页布局和修饰的框架,利用它可以将网页的内容和页面结构分离,以达到页面结构共享的目的。
Sitemesh是由一个基于Web页面布局、装饰以及与现存Web应用整合的框架。
它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观,如一致的导航条,一致的banner,一致的版权,等等。
它不仅仅能处理动态的内容,如jsp,PHP,asp等产生的内容,它也能处理静态的内容,如htm的内容,使得它的内容也符合你的页面结构的要求。甚至于它能将HTML文件象include那样将该文件作为一个面板的形式嵌入到别的文件中去。
3、开发步骤:
③ 在WEB-INF目录下加入decorators.xml文件
<decorators defaultdir="/decorators"> <!--装饰文件存放的目录-->
<decorator name="main" page="main.jsp"> <!--装饰文件为main.jsp-->
<pattern>/test.jsp</pattern> <!--要被装饰的页面,如是“ /* ”指对WebContent目录下的所有JSP页面进行装饰-->
</decorator>
<decorator name="panel" page="panel.jsp"/>
<decorator name="printable" page="printable.jsp"/>
<pattern>/exclude.jsp</pattern>
<pattern>/exclude/*</pattern>
</excludes>
</decorators>
<sitemesh>
<property name="decorators-file" value="/WEB-INF/decorators.xml"/>
<excludes file="${decorators-file}"/>
<page-parsers>
<parser content-type="text/html" class="com.opensymphony.module.sitemesh.parser.FastPageParser"/>
</page-parsers>
<decorator-mappers>
<mapper class="com.opensymphony.module.sitemesh.mapper.ConfigDecoratorMapper">
<param name="config" value="${decorators-file}"/>
</mapper>
</decorator-mappers>
</sitemesh>
<head>
<title>My Site-<decorator:title default="Welcome!"/></title>
<decorator:head/>
</head>
<body>
<h1><decorator:title default="Welcome to MyHouse"/></h1>
<p><decorator:body/></p>
<p><small>(<a href="#">printable version</a>)</small></p>
</body>
</html>
<head>
<title>Simple Document</title>
</head>
<body>
Hello World!<br/>
</body>
</html>