tiles2

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、准备
我比较建议大家先到http://tiles.apache.org花十分钟时间读一下他的Getting Started和quickstart文档，很有益。然后点击http://www.apache.org/dyn/closer.cgi/tiles/v2.0.5/tiles-2.0.5-bin.tar.gz下载这份tiles-2.0.5(GA)版本。

 

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

<?xml version="1.0" encoding="UTF-8" ?>
<br><!DOCTYPE tiles-definitions PUBLIC
<br>       "-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"
<br>       "http://tiles.apache.org/dtds/tiles-config_2_0.dtd">
<br>
<br><tiles-definitions>
<br>
<br>  <!-- 全局配置  -->
<br>  <definition name="layout" template="/views/layout/layout.jsp">
<br>      <put-attribute name="title"  value="tiles2用户界面简单示例"/>
<br>      <put-attribute name="header" value="/views/layout/header.jsp"/>
<br>      <put-attribute name="info" value="/views/layout/info.jsp"/>
<br>      <put-attribute name="body"   value="/views/layout/body.jsp"/>
<br>      <put-attribute name="footer"   value="/views/layout/footer.jsp"/>
<br>  </definition>
<br>  <!--示例进行一个扩展配置-->
<br>  <definition name="business.list" extends="layout">
<br>    <put-attribute name="title" value="广告效果分析"/>
<br>    <put-attribute name="body" value="/views/business/adEffect.jsp"/>
<br>  </definition>
<br></tiles-definitions>
<br>

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE tiles-definitions PUBLIC

       "-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"

       "http://tiles.apache.org/dtds/tiles-config_2_0.dtd">



<tiles-definitions>



  <!-- 全局配置  -->

  <definition name="layout" template="/views/layout/layout.jsp">

      <put-attribute name="title"  value="tiles2用户界面简单示例"/>

      <put-attribute name="header" value="/views/layout/header.jsp"/>

      <put-attribute name="info" value="/views/layout/info.jsp"/>

      <put-attribute name="body"   value="/views/layout/body.jsp"/>

      <put-attribute name="footer"   value="/views/layout/footer.jsp"/>

  </definition>

  <!--示例进行一个扩展配置-->

  <definition name="business.list" extends="layout">

  	<put-attribute name="title" value="广告效果分析"/>

  	<put-attribute name="body" value="/views/business/adEffect.jsp"/>

  </definition>

</tiles-definitions>

 

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

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

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

 

3、配置web.xml

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

    <context-param>
<br>        <param-name>
<br>            org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG
<br>        </param-name>
<br>        <param-value>
<br>            /WEB-INF/tiles-defs.xml
<br>        </param-value>
<br>    </context-param>
<br>
<br>    <listener>
<br>        <listener-class>
<br>            org.apache.tiles.web.startup.TilesListener
<br>        </listener-class>
<br>    </listener>
<br>
<br>

	<context-param>

		<param-name>

			org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG

		</param-name>

		<param-value>

			/WEB-INF/tiles-defs.xml

		</param-value>

	</context-param>



	<listener>

		<listener-class>

			org.apache.tiles.web.startup.TilesListener

		</listener-class>

	</listener>

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

4、框架页layout.jsp

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<br><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<br><html xmlns="http://www.w3.org/1999/xhtml">
<br>    <head>
<br>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<br>        <title><tiles:getAsString name="title" /></title>
<br>        <meta name="description" content="信息提示" />
<br>    </head>
<br>    <body>
<br>        <table border="0" width="950" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<br>            <tr>
<br>                <td>
<br>                    <tiles:insertAttribute name="header" />
<br>                </td>
<br>            </tr>
<br>            <tr>
<br>                <td>
<br>                    <%--
<br>                    /* 主要信息和操作界面
<br>                     *
<br>                     */
<br>                    --%>
<br>                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
<br>                        <c:if test="${info!=null }">
<br>                            <tr>
<br>                                <td>
<br>                                    <tiles:insertAttribute name="info" />                           </td>
<br>                            </tr>
<br>                        </c:if>
<br>                        <tr>
<br>                            <td>
<br>                                <tiles:insertAttribute name="body" />
<br>                            </td>
<br>                        </tr>
<br>                  </table>
<br>                    <%--
<br>                    //主信息和操作界面结束。
<br>                     --%>
<br>                </td>
<br>            </tr>
<br>            <tr>
<br>                <td>
<br>                    <tiles:insertAttribute name="footer" />
<br>                </td>
<br>            </tr>
<br>    </table>
<br>    </body>
<br></html>
<br>

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title><tiles:getAsString name="title" /></title>

		<meta name="description" content="信息提示" />

	</head>

	<body>

		<table border="0" width="950" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

			<tr>

				<td>

					<tiles:insertAttribute name="header" />

				</td>

			</tr>

			<tr>

				<td>

					<%--

					/* 主要信息和操作界面

					 *

					 */ 

					--%>

					<table width="100%" border="0" cellpadding="0" cellspacing="0">

						<c:if test="${info!=null }">

							<tr>

								<td>

									<tiles:insertAttribute name="info" />							  </td>

							</tr>

						</c:if>

						<tr>

							<td>

								<tiles:insertAttribute name="body" />

							</td>

						</tr>

				  </table>

					<%--

					//主信息和操作界面结束。

					 --%>

				</td>

			</tr>

			<tr>

				<td>

					<tiles:insertAttribute name="footer" />

				</td>

			</tr>

	</table>

	</body>

</html>

  

 特别注意其中<tiles:insertAttribute>和<tiles:getAsString>两个节点，getAsString如下：

属性
名乐	是否必须	值必须	值类型	说明
name	true	true	java.lang.String	属性名称，引用definition attribute的名称
ignore	false	true	boolean	如果设为true，如果发生异常什么的，就给出空白内容。默认为false，会给出cause。
role	false	true	java.lang.String	别用了吧，有兴趣的人去看吧，不推荐使用。

insertAttribute的属性如下：

属性
名称	必须	值必须	值类型	说明
name	false	true	java.lang.String	要插入的属性名称，如果value有值，将被忽略.
value	false	true	java.lang.Object	如果有值，会被直接使用，一般我不太直接用，如果直接用的话，一般也是直接给一个jsp文件的相对content路径。
flush	false	false	boolean	在插入这个页面前先把out stream进行一次flush干净操作。
ignore	false	true	boolean	同getAsString的解释。
role	false	true	java.lang.String	不推荐使用。说n次了。下同
preparer	false	true	java.lang.String	同上

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

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<br>
<br><table  border="2"  width="300"  bordercolor="Gray">
<br>  <tr>
<br>    <td  bgcolor="Blue"><strong><tiles:getAsString name="title"/></strong></td>
<br>  </tr>
<br>  <tr>
<br>    <td><tiles:insertAttribute name="header"/></td>
<br>  </tr>
<br>  <tr>
<br>    <td><tiles:insertAttribute name="body"/></td>
<br>  </tr>
<br></table>

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>



<table  border="2"  width="300"  bordercolor="Gray">

  <tr>

    <td  bgcolor="Blue"><strong><tiles:getAsString name="title"/></strong></td>

  </tr>

  <tr>

    <td><tiles:insertAttribute name="header"/></td>

  </tr>

  <tr>

    <td><tiles:insertAttribute name="body"/></td>

  </tr>

</table>           

 5、Hello World一下

header.jsp

<div align="center"><b><i>This is a header</i></b></div>

<div align="center"><b><i>This is a header</i></b></div>

 info.jsp

<div align="center" style="font-color:red;"><b>%{info}</b></div>

<div align="center" style="font-color:red;"><b>%{info}</b></div>

 body.jsp

<h3>Hello World!</h3>

<h3>Hello World!</h3>

 footer.jsp

<div align="center"><b><i>This is a footer</i></b></div>

<div align="center"><b><i>This is a footer</i></b></div>

 6、页面标签

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

hello.jsp

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<br>
<br><tiles:insertDefinition name="layout" />

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>



<tiles:insertDefinition name="layout" />

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

 

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

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

//获得Tiles容器
<br>TilesContainer container = TilesAccess.getContainer(request
<br>                .getSession().getServletContext());
<br>//渲染页面，成功执行后，就显示用户界面了。
<br>container.render(def, request,response);
<br>

//获得Tiles容器

TilesContainer container = TilesAccess.getContainer(request

                .getSession().getServletContext());

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

container.render(def, request,response);

  

OK，如果有问题，欢迎指出和交流。