Tiles 是一种JSP布局框架，主要目的是为了将复杂的jsp页面作为一个的页面的部分机能，然后用来组合成一个最终表示用页面用的，这样的话，便于对页面的各个机能的变更及维护。 Tiles使得struts在页面的处理方面多了一种选择。并且更容易实现代码的重用。

Tiles增加了layout的概念，其实就是把一个页面划分为几块。通常的来说一个页面大概可以划分为如下几块：

head页面头部：存放一个运用的公共信息：logo等，如果是网站可能是最上面的一块。

menu页面菜单：放置一个运用中需要使用的菜单，或者在每一个页面都使用的连接。

footer页面尾部：如版权信息等。

body页面主题内容：每个页面相对独立的内容。

如果按上面的划分那对每一个页面我们只要写body里面的内容，其他的就可以共享重用。

如果大多数页面的布局基本相同我们甚至可以使用一个jsp文件根据不同的参数调用不同的body。

Tiles有一个配置文件：tiles-defs.xml

tiles-defs.xml定义了每一个页面的组成元素和形式。

下面我将说明如下所示的一个tiles-defs.xml文件

tiles-defs.xml

这里的title是标题，logo是界面上最左上角的标志，质量管理系统有两级菜单，mainMenu是主菜单，是不变的，而subMenu是子菜单，六个模块就有六个子菜单，是随模块而变化的。messages是错误信息。

这里的common.testManage是测试管理模块的意思，这就是一个模块对应一个subMenu。

这是说一个模块下有多个功能点，每个功能点下的左侧菜单是相同的，因此leftBody就是这个左侧菜单，变化的只是rightBody右侧部分而已。下面还有详解。

/layout/ mainLayout.jsp

-----------------------------------------------------------------

…

在web.xml里面配置tiles对应的taglib的配置如下：

web.xml

在struts-config.xml里面配置tiles-defs.xml

Struts-config.xml

如果已经配置好tiles-defs.xml，接下来就可以在jsp文件中使用这些定义了。

有如下的方式使用tiles

插入setting.projectInfo标记的一页

taglibs.jsp里包括这么一句话：

根据tiles-defs.xml里的setting.projectInfo设置

知道leftBody是/WEB-INF/pages/common/body/projectinfoleftbd.jsp页面，而rightBody是/WEB-INF/pages/common/body/projectinforightbd.jsp页面。所以我们只需要建立projectinfoleftbd.jsp和projectinforightbd.jsp页面的就OK了，

而左侧部分就是项目设定中的菜单，因为项目设定中又包括很多子页，所以在整个项目设定中的左侧菜单是不变的，变的只有右侧主体部分，而projectinforightbd.jsp这个页面即项目设定中的一个项目基本信息的子页，项目设定中有多个这样的子页，这些页是在tiles-defs.xml配置的，比如说

leftBody是相同的，都为projectinfoleftbd.jsp，变化的只有rightBody。

Java基于WEB的开发中，在用户界面方面简化开发的工具上，大家的选择习惯性的受一些知名框架的影响去左右。我也不例外，最早时受struts的影响，使用了tiles，并且很愿意使用这种Tiles的用户界面开发习惯，并且在我的开发团队当中推广这种模式。我觉得采用这种界面开发方法会给我们团队带来一些便利：

1、美工界面工作可以让更懂用户感受的商务人员与美工交流；

2、技术人员专注于业务模型的实现；

3、使WBS做得可以更细，测试也可以做得很细；

4、以上所有工作可以并行

5、有效的组织项目Views层文件管理，方便团队协作。

也许是因为鼎鼎大名的WebWork使用了SiteMesh、鼎鼎大名的Struts在2也使用了SiteMesh，我发现网上对于Tiles2的应用交流相对较少了，而对于SiteMesh的推荐较多。而我在前期研发J10引擎过程中，对于SiteMesh和Tiles2都进行了应用和比较，以便于把这一种我偏爱的方式能够继续在我的团队当中采用，在测试和应用了几个案例后，我最后确定加入了Tiles2的开源框架作为用户界面的项目组“标准模式”，基于：

1、项目团队成员一直使用Struts 1的tiles，有助于让成员低培训成本进入应用状态；

2、tiles2的配置相对于SiteMesh更加快捷简单；

3、tiles2的应用更加简单。

tiles可以方便的应用在任何jsp、servlet的项目中，下面我对tiles的应用进行一下介绍，如果有不足的地方，欢迎朋友们进行交流。

1、准备

我比较建议大家先花十分钟时间读一下他的Getting Started和quickstart文档，很有益。

2、配置tiles-def.xml

如果你曾经使用过tiles，下面这个配置文件很熟吧？如果你没用过，呵，对你来说也是很好理解的吧。

Xml代码

实际上一般按我的例子中的就足够用了，OK，我们继续吧。

3、配置web.xml

多么easy的事情啊，打开你的web.xml，用你的鼠标copy & paster下面的代码并放到你的web.xml的节点下。

Xml代码

org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG /WEB-INF/tiles-defs.xml org.apache.tiles.web.startup.TilesListener

org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG这是配置tiles的配置文件，可以配置多个文件，文件之间用逗号分隔即可，文件格式完全相同只是看你团队的WBS需要作调整即可。listener节点是配置一个tiles的监听器——如果你前面花了十分钟时间读了一下tiles官方的Quick start文档的话，也许你还记得，在Configuration一节介绍了很多个配置方式，你可以随自己喜好选择使用servlet、listener、filter之一。

4、框架页layout.jsp

Html代码

特别注意其中和两个节点，getAsString如下：

属性名乐是否必须值必须值类型说明nametruetruejava.lang.String

属性名称，引用definition attribute的名称

ignorefalsetrueboolean

如果设为true，如果发生异常什么的，就给出空白内容。默认为false，会给出cause。

rolefalsetruejava.lang.String

别用了吧，有兴趣的人去看吧，不推荐使用。

insertAttribute的属性如下：

属性名称必须值必须值类型说明namefalsetruejava.lang.String

要插入的属性名称，如果value有值，将被忽略.

valuefalsetruejava.lang.Object

如果有值，会被直接使用，一般我不太直接用，如果直接用的话，一般也是直接给一个jsp文件的相对content路径。

flushfalsefalseboolean

在插入这个页面前先把out stream进行一次flush干净操作。

ignorefalsetrueboolean

同getAsString的解释。

rolefalsetruejava.lang.String

不推荐使用。说n次了。下同

preparerfalsetruejava.lang.String同上

因为我用了一个表格作范例，用表格区格开了body、footer、header、info的定义。其中info是否展现，又采用了c标签和EL语句。你要想写个更简单的页面例子，也可以，为了方便理解，我拿一个tiles官方的layout大家看一下：

Html代码

5、Hello World一下

header.jsp

Html代码

info.jsp

Html代码

body.jsp

Java代码

footer.jsp

Html代码

6、页面标签

在页面当中直接用标签，功能相当强大，我就不多介绍了，直接用一个最通用的例子吧，更多的例子，大家看官方example吧。

hello.jsp

Html代码

OK，部置出去，有没有看到大大的“Hello world”。

7、我更推荐的方法是在你的Java业务代码中使用

在你可访问ServetRequest对象的业务代码最后加入：

Java代码

//获得Tiles容器

TilesContainer container = TilesAccess.getContainer(request.getSession().getServletContext());

//渲染页面，成功执行后，就显示用户界面了。

container.render(def, request,response);