SpringMVC整合Tiles框架

深碍√TFBOYSˉ_ 2022-07-11 07:42 152阅读 0赞

**Tiles组件**

tiles-iconfig.xml

Tiles是一个JSP布局框架。

Tiles框架为创建Web页面提供了一种模板机制，它能将网页的布局和内容分离。它用模板定义网页布局，每个页面模板都是一个简单的 JSP 页，它定义了一些由占位符组成的外形，以放置内容。执行时，Tiles 将会用相应的内容来替换占位符，因此，创建整个页面即形成布局。Tiles框架是建立在JSP的include指令基础上的，但它提供了比JSP的include指令更强大的功能。Tiles框架具有如下特性：

1.         创建可重用的模板

2.         动态构建和装载页面

3.         定义可重用的Tiles组件

4.         支持国际化。

接下来就介绍Tiles框架的基本使用。

<tiles-definitions>标签内主要的子节点就是<definition>标签，这个标签属性如下：

<table style=""> 
 <tbody style=""> 
 <tr style=""> 
 <td style=""> 属性 </td> 
 <td style=""> &nbsp; </td> 
 <td style=""> &nbsp; </td> 
 <td style=""> &nbsp; </td> 
 <td style=""> &nbsp; </td> 
 </tr> 
 <tr style=""> 
 <td style=""> 名称 </td> 
 <td style=""> 是否必须 </td> 
 <td style=""> 值必须 </td> 
 <td style=""> 值类型 </td> 
 <td style=""> 说明 </td> 
 </tr> 
 <tr style=""> 
 <td style=""> name </td> 
 <td style=""> true </td> 
 <td style=""> true </td> 
 <td style=""> java.lang.String </td> 
 <td style=""> 指定将要创建的一个definition&nbsp;bean的访问名称。这个必须有的。 </td> 
 </tr> 
 <tr style=""> 
 <td style=""> template </td> 
 <td style=""> false </td> 
 <td style=""> true </td> 
 <td style=""> java.lang.String </td> 
 <td style=""> 哪一个文件是模板文件，这个模板文件后面会介绍。 </td> 
 </tr> 
 <tr style=""> 
 <td style=""> role </td> 
 <td style=""> false </td> 
 <td style=""> true </td> 
 <td style=""> java.lang.String </td> 
 <td style=""> 如果配置了这个值的话，需要role的值相等，这个definition才被有效访问，这个功能我没有深究，也不推荐使用，建议大家建立自己更完善的权限控制管理。当然欢迎朋友们完善role应用的示例，tiles自带role的示例，有兴趣的人去读一下就明白了。 </td> 
 </tr> 
 <tr style=""> 
 <td style=""> extends </td> 
 <td style=""> false </td> 
 <td style=""> true </td> 
 <td style=""> java.lang.String </td> 
 <td style=""> 继承哪一个definition，值是你要继承的definition的name的值。高使用率的属性。 </td> 
 </tr> 
 <tr style=""> 
 <td style=""> preparer </td> 
 <td style=""> false </td> 
 <td style=""> true </td> 
 <td style=""> java.lang.String </td> 
 <td style=""> 呵，我没使用，如果你要使用的话，要写一个实现他的Prepare接口的类，作用就是在展现你定义的页面前会先执行你的prepare。 </td> 
 </tr> 
 </tbody> 
</table>

**应用程序布局**

我们的目标是我们Spring3HelloWorld应用程序添加页眉，页脚和菜单。以下将是相同的布局。

![102004_EoH7_1762138.gif][]

**所需JAR包**

![102029_Ly4Z_1762138.png][]

上述表中突出显示的jar文件要添加新的Tiles集成项目。

在Spring mvc 中配置Tiles框架

要配置Tiles，在spring-servlet.xml中配置一个TilesConfig的<bean>。打开spring-servlet.xml，并添加下面的代码<beans></beans>标记之间。

WEB-INF/spring-servlet.xml:
 1 <bean id="viewResolver"  2     class="org.springframework.web.servlet.view.UrlBasedViewResolver"> 
 3     <property name="viewClass"> 
 4         <value> 
 5             org.springframework.web.servlet.view.tiles2.TilesView 
 6         </value> 
 7     </property> 
 8 </bean> 
 9 <bean id="tilesConfigurer"  10     class="org.springframework.web.servlet.view.tiles2.TilesConfigurer"> 
 11     <property name="definitions"> 
 12         <list> 
 13             <value>/WEB-INF/tiles.xml</value> 
 14         </list> 
 15     </property> 
 16 </bean>

通过上面定义的参数.在WEB-INF中写一个tiles的配置文件"tiles.xml"这个xml为我们的web项目定义Tiles

![102126_Kzav_1762138.png][]

WEB-INF/tiles.xml:

1 <?xml version="1.0" encoding="UTF-8" ?> 
 2 <!DOCTYPE tiles-definitions PUBLIC  3        "-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"  4        "http://tiles.apache.org/dtds/tiles-config_2_0.dtd"> 
 5 <tiles-definitions> 
 6     <definition name="base.definition"  7         template="/WEB-INF/jsp/layout.jsp"> 
 8         <put-attribute name="title" value="" /> 
 9         <put-attribute name="header" value="/WEB-INF/jsp/header.jsp" /> 
 10         <put-attribute name="menu" value="/WEB-INF/jsp/menu.jsp" /> 
 11         <put-attribute name="body" value="" /> 
 12         <put-attribute name="footer" value="/WEB-INF/jsp/footer.jsp" /> 
 13     </definition> 
 14   
 15     <definition name="contact" extends="base.definition"> 
 16         <put-attribute name="title" value="Contact Manager" /> 
 17         <put-attribute name="body" value="/WEB-INF/jsp/contact.jsp" /> 
 18     </definition> 
 19   
 20 </tiles-definitions>

在这里，我们有tiles.xml定义模板base.definition。该布局包含的属性，如头，标题，主体，菜单和页脚。然后扩展和布局的新关联页面。我们覆盖默认的布局改变Body和Title的内容。

**创建我们的JSP文件**

![102329_OJ56_1762138.png][]

我们写一个layout.jsp作为我们web项目的布局页面然后引入相应的页面

WEB-INF/jsp/layout.jsp 1 <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>  2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  3 "http://www.w3.org/TR/html4/loose.dtd">  4 <html>  5 <head>  6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  7 <title><tiles:insertAttribute name="title" ignore="true" /></title>  8 </head>  9 <body>  10 <table border="1" cellpadding="2" cellspacing="2" align="center">  11     <tr>  12         <td height="30" colspan="2"><tiles:insertAttribute name="header" />  13         </td>  14     </tr>  15     <tr>  16         <td height="250"><tiles:insertAttribute name="menu" /></td>  17         <td width="350"><tiles:insertAttribute name="body" /></td>  18     </tr>  19     <tr>  20         <td height="30" colspan="2"><tiles:insertAttribute name="footer" />  21         </td>  22     </tr>  23 </table>  24 </body>  25 </html>    WEB-INF/jsp/header.jsp 26 <h1>Header</h1>  WEB-INF/jsp/menu.jsp 27 <span style="font-size: 14px;">Menu  WEB-INF/jsp/footer.jsp <span style="font-size: 14px;">Copyright <code class="xml plain">©</code>Zemo.com 所有工作准备就绪部署就行了

[102004_EoH7_1762138.gif]: /images/20220711/309c3d7dd89c4b5b92fea903772368e2.png
[102029_Ly4Z_1762138.png]: /images/20220711/a5c037888f4f46ec9b0566403351509b.png
[102126_Kzav_1762138.png]: /images/20220711/9ff17be02eed48308a36df35632dbe24.png
[102329_OJ56_1762138.png]: /images/20220711/786c866080314c6e813164b20c3f1fda.png