spring3 集成tiles3 -

个人专属

浏览: 65826 次
性别:
来自: 杭州

最近访客更多访客>>

刘文不是

wangrusheng5200

leayaya

oezx

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

spring3 集成tiles3

截止目前最新的Tiles版本是Tiles3。
如今，网站一般分为可重复使用的模板正在呈现不同的网页之间的的。例如，一个网站中包含的页眉，页脚，菜单等项目仍然通过了该网站相同，并给它一个共同的外观和感觉。这是很难很难的代码在每一个网页，如果以后需要改变是不是所有的页面需要修改。因此，我们使用模板化机制。我们创建一个共同的页眉，页脚，菜单页，其中包括在每一页。

TilesSupport插件允许模板和组件。事实上，这两种机制是相似的：你定义页面的某些部分（a ”Tile”）组装建立另一部分或整页。 A部分参数，使动态内容，并且可以在Java语言中的一种方法。 Tiles是用来保持一致的外观和感觉整个Web应用程序的所有网页模板系统。增加模板的可重用性和减少代码重复。

是指在一个中央配置文件的网站的一个共同的布局，这种布局可以延长Web应用程序的所有网页

需要有以下几个基本jar包：

1.首先在Spring - servlet.xml 中定义Tiles ,需要添加以下代码：
<bean id="viewResolver"
    class="org.springframework.web.servlet.view.UrlBasedViewResolver">
    <property name="viewClass">
    <value>
    org.springframework.web.servlet.view.tiles3.TilesView
    </value>
    </property>
    </bean>

    <bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
    <property name="definitions">
    <list>
    <value>/WEB-INF/tiles.xml</value>
    </list>
    </property>
    </bean>

注意：如果tiles 版本是2 的，代码中org.springframework.web.servlet.view.tiles3.TilesView 改成-->org.springframework.web.servlet.view.tiles2.TilesView

org.springframework.web.servlet.view.tiles3.TilesConfigurer 改成--> org.springframework.web.servlet.view.tiles2.TilesConfigurer

2.定义tiles.xml
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE tiles-definitions PUBLIC
       "-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
       "http://tiles.apache.org/dtds/tiles-config_3_0.dtd">

<tiles-definitions>

    
    <definition name="base.definition" template="/jsp/templates/layout.jsp">
        <put-attribute name="title" value="" type="string" />
        <put-attribute name="header" value="/jsp/templates/header.jsp" />
        <put-attribute name="footer" value="/jsp/templates/footer.jsp" />
        <put-attribute name="menu" value="/jsp/templates/menu.jsp" />
        <put-attribute name="body" value="" />
    </definition>

    <definition name="contact" extends="base.definition">
        <put-attribute name="body" value="/jsp/contact.jsp" />
    </definition>
</tiles-definitions>

这里，tiles.xml我们定义一个模板base.definition。此布局包含的头，标题，身体，菜单和页脚等属性。布局是那么的联系页面的扩展和新的定义。我们已经覆盖默认的布局，并改变了机构和标题的内容。

这里，tiles.xml我们定义一个模板base.definition。此布局包含的头，标题，身体，菜单和页脚等属性。我们已经覆盖默认的布局，并改变了机构和标题的内容。

3.创建视图，这里主要讲下layout.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table border="1" cellpadding="2" cellspacing="2" align="center">
    <tr>
        <td height="30" colspan="2"><tiles:insertAttribute name="header" />
        </td>
    </tr>
    <tr>
        <td height="250"><tiles:insertAttribute name="menu" /></td>
        <td width="350"><tiles:insertAttribute name="body" /></td>
    </tr>
    <tr>
        <td height="30" colspan="2"><tiles:insertAttribute name="footer" />
        </td>
    </tr>
</table>

</body>
</html>

4.效果如下