Tiles框架

Tiles —— 瓷砖

别笑，它真的就是这个意思，Tiles框架描述的就是，每一个页面可以分割成不同的部分，就好像瓷砖一样，可以进行拼接，达到展示不同效果的目的。

Tiles简介

一般情况下，Tiles包含如下几个部分

看这个布局就能大概理解一下：
Header——头部
Menu——菜单
Body——主题内容
Footer——尾部

那么Tiles是如何起到刚才提到的拼接作用的呢？

比如我们的Body中有一个链接可以跳转到另一个Body中，那么就可以这么实现

可以看到，出了Body部分有所变动，其他位置没有任何改变，这就是Tiles的神奇之处，我们可以只改变页面中的局部，而不用新建一个页面，包含着大量重复的部分。

所以Tiles实现的就是所谓的——页面复用

我们看一个小demo，来看一下Tiles是如何起效的吧。

小demo

GitHub项目地址

项目结构图

这里直说关键内容。

先看spring-web.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context.xsd
    http://www.springframework.org/schema/mvc
    http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">

    <context:annotation-config/>

    <!-- 扫描service包下所有使用注解的类型 -->
    <context:component-scan base-package="com.yubotao.controller"/>

    <!-- 2.静态资源默认servlet配置，将静态请求转由web容器处理
               (1)加入对静态资源的处理：js,gif,png
               (2)允许使用"/"做整体映射
            -->
    <mvc:annotation-driven/>

    <mvc:default-servlet-handler/>

    <!--<mvc:resources mapping="" location=""/>-->

    <!-- 3.配置jsp 显示ViewResolver ，根据前后缀获取view物理文件路径-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!--<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>-->
        <property name="prefix">
            <value>/WEB-INF/jsp/</value>
        </property>
        <property name="suffix">
            <value>.jsp</value>
        </property>
    </bean>

    <!--对tiles配置进行解析-->
    <bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
        <property name="viewClass">
            <value>org.springframework.web.servlet.view.tiles3.TilesView</value>
        </property>
        <property name="order" value="1"/>
    </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>

</beans>

整个Tiles的请求流程和访问jsp很类似，不过这里差别就在视图渲染那里，对于jsp起效的是

<!-- 3.配置jsp 显示ViewResolver ，根据前后缀获取view物理文件路径-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!--<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>-->
        <property name="prefix">
            <value>/WEB-INF/jsp/</value>
        </property>
        <property name="suffix">
            <value>.jsp</value>
        </property>
    </bean>

而访问Tiles布局起效的部分是

<!--对tiles配置进行解析-->
    <bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
        <property name="viewClass">
            <value>org.springframework.web.servlet.view.tiles3.TilesView</value>
        </property>
        <property name="order" value="1"/>
    </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>

这里我们使用TilesConfigurer类对tiles布局的文件进行了定位，也就是我们配置的tiles布局文件tiles.xml。
这里有这么个类UrlBasedViewResolver，它其实是InternalResourceViewResolver的父类，在jsp渲染器中，相当于
UrlBasedViewResolver使用了InternalResourceViewResolver作为缺省的view对象，然后进行视图渲染，如果理解这个过程，那么tiles部分的也就很好理解了。

UrlBasedViewResolver将TilesView作为相应的view对象进行渲染，所以我们才能够使用对应的tiles布局进行展示。

web.xml这个文件没什么改动，依旧是以DispatcherServlet作为前置处理器即可。

然后我们看到我们之前在spring-web.xml文件中定义了一个tiles的布局文件tiles.xml，我们看看它的内容都有啥

<?xml version="1.0" encoding="UTF-8" ?>
<!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" >
        <put-attribute name="title" value="Real Title"/>
        <put-attribute name="header" value="/WEB-INF/jsp/header.jsp"/>
        <put-attribute name="menu" value="/WEB-INF/jsp/menu.jsp"/>
        <put-attribute name="body" value=""/>
        <put-attribute name="footer" value="/WEB-INF/jsp/footer.jsp"/>
    </definition>

    <definition name="tiles1" extends="base.definition" template="/WEB-INF/jsp/base1.jsp">
        <put-attribute name="title" value="IIIIIIIII~Index"/>
        <put-attribute name="body" value="/WEB-INF/jsp/body1.jsp"/>
    </definition>

    <definition name="tiles2" extends="base.definition" template="/WEB-INF/jsp/base2.jsp">
        <put-attribute name="title" value="Indexxxxxxxxx~"/>
        <put-attribute name="body" value="/WEB-INF/jsp/body2.jsp"/>
    </definition>

</tiles-definitions>

我们可以看到该配置文件中涉及的标签只有一个<definition>布局标签。
我们看到第一个<definition>布局块是基础块，下面的两个都使用了extends继承了该布局块，如果没有覆盖相关内容的话，就默认使用基础块中的内容；然后另外一个关键字template表示目标布局，比如这里我在tiles1布局中，将目标布局设为base1.jsp，那我就可以直接在base1.jsp中使用tiles标签以及定义好的tiles1布局。

最后总结下来，配置tiles的关键是在spring-web.xml中配置tiles view的专门的视图解析器，然后要配置tiles布局文件，在该文件中配置对应的布局信息，然后需要注意的一点是，在继承了基础布局的tiles布局还需要有一个目标jsp页面承载这个布局内容。

一个包冲突问题

原来，是Spring包和tiles包有冲突
tiles2支持的是Spring的3-4之间的包
而tiles3才支持Spring4以上的

成果展示

先看我们的body1

再看body2

我们看一下如果tiles和jsp混用的时候，是有如下报错的

所以这里最需要注意的就是，Controller接口中返回的String类型，对于tiles布局，返回的应该是对应的tiles配置文件中的布局名，如上面demo中的tiles1或tiles2.