Apache Tiles 学习（三）、Apache Tiles的基本使用

时间 2019-11-08

原文原文链接

一、概述

对于一个新的技术，了解其基本的概念和和原理是学好该技术的基础。 html

二、Tiles的概念

Tiles 是复合视图模式（Composite View pattern）的一个实现。Tiles将该模式添加到本身的概念中是该模式具体化。Tiles的实现是以复合式模式为理论，概念包括：Template，Attribute和Definition。视图助手模式的实现是View Preparer 概念。 java

接下来说解相关的概念：Template，Attribute,Definition和View Preparer。 web

2.一、模板：Template

在Tiles中，模板（Template）是一个页面的布局部分。你能将一个页面结构当作是由不一样的须要填补空白组成。 spring

例如，考虑这个“典型布局”页面结构。 apache

你可以将该结构复制到一个新建的JSP页面中，以下所示
app

template.jsp
框架

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<table>
  <tr>
    <td colspan="2">
      <tiles:insertAttribute name="header" />
    </td>
  </tr>
  <tr>
    <td>
      <tiles:insertAttribute name="menu" />
    </td>
    <td>
      <tiles:insertAttribute name="body" />
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <tiles:insertAttribute name="footer" />
    </td>
  </tr>
</table>

注意：一个模板（Template）能够没有属性（attributes）,这种状况下该模板能够直接使用。有属性的话就要先定义属性才能使用，否则的话就会在解析jsp页面的时候报错。 webapp

2.二、属性：Attribute

属性是模板中的空白，它在你的应用程序中被填充到模板中。属性能够是如下三种类型： jsp

string:属性是string的话，会将string直接呈如今页面。
template:属性是一个模板（Template），有无属性都行。若是有属性的话，你也要将他们填充后再呈现页面。
definition:它是一个可重复使用组成的页面，包含全部的属性来填充以呈现页面。

2.三、定义：definition

定义是呈现给最终用户的组合物；本质上，一个定义是由一个模板和彻底或部分填充的属性组成的。说白了就是：一个定义是由一个模板和属性组成的。布局

若是全部的“属性”都填充了，它将能够呈现给最终用户。
若是不是全部的属性都填充了，这个定义称为“抽象定义”（abastract definition）,它能够被用做“父定义”，让其余“定义”继承，失去的“属性”能在运行时填充。

例如，你能够按以前看过的“典型模板”建立建立一个页面，修改Tiles的配置文件，以下：

<definition name="myapp.homepage" template="/layouts/classic.jsp">
  <put-attribute name="header" value="/tiles/banner.jsp" />
  <put-attribute name="menu" value="/tiles/common_menu.jsp" />
  <put-attribute name="body" value="/tiles/home_body.jsp" />
  <put-attribute name="footer" value="/tiles/credits.jsp" />
</definition>

2.四、视图助手：View Preparer

有时候一个定义在呈现以前须要“预处理”。例如，显示一个menu时，menu的结构必须被建立而且已经保存在request范围内。

为了达到“预处理 ”，视图助手将会被用到，视图助手将在呈现定义以前被调用，所以在将“定义”呈现所需的东西都会被正确的“预处理 ”。

三、建立和使用Tiles 页面

安装tiles和学习了Tiles的一些概念后，是时候建立一些页面了。如下你将学习到建立可重用的页面和完整页面的步骤。

3.一、建立一个模板

咱们使用“典型布局”页面结构：

建立一个JSP页面做为这个布局并将其保存在/layouts/classic.jsp文件中

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<html>
  <head>
    <title><tiles:getAsString name="title"/></title>
  </head>
  <body>
        <table>
      <tr>
        <td colspan="2">
          <tiles:insertAttribute name="header" />
        </td>
      </tr>
      <tr>
        <td>
          <tiles:insertAttribute name="menu" />
        </td>
        <td>
          <tiles:insertAttribute name="body" />
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <tiles:insertAttribute name="footer" />
        </td>
      </tr>
    </table>
  </body>
</html>

在这个模板中有5个属性：title（string类型的属性），header，menu,body和footer。

3.二、建立组成页面

在这个阶段，你须要建立4个用于替换以前建立模板中的 header,menu,body和footer属性的JSP页面。

你能够放置任何你想放的东西在这个页面中，他们仅仅是一个测试。

3.三、建立一个定义

默认状况，“定义”文件是/WEB-INF/tiles.xml。若是你使用的是CompleteAutoloadTilesListener,tiles将会使用webapp目录下按/WEB-INF/tiles*.xml匹配或classpath下按/META-INF/tiles*.xml匹配的任何文件做为“定义 ”文件；若是发现多个，tiles将会合并这些文件到一块儿。

但如今，咱们使用默认状况并建立/WEN-INF/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="myapp.homepage" template="/layouts/classic.jsp">
    <put-attribute name="title" value="Tiles tutorial homepage" />
    <put-attribute name="header" value="/tiles/banner.jsp" />
    <put-attribute name="menu" value="/tiles/common_menu.jsp" />
    <put-attribute name="body" value="/tiles/home_body.jsp" />
    <put-attribute name="footer" value="/tiles/credits.jsp" />
  </definition>
</tiles-definitions>

3.四、渲染定义

建立完定之后，你就能渲染它了。

经过使用<tiles:insertDefinition />标签，将定义插入一个JSP页面。

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

其余状况，你能够直接使用response来渲染定义，经过使用Tiles 容器

TilesContainer container = TilesAccess.getContainer(
        request.getSession().getServletContext());
container.render("myapp.homepage", request, response);

经过使用Tiles提供的Rendering Utilities。例如，若是你已经配置了TilesDispatchServlet，你能经过请求：http://example.com/webapp/myapp.homepage.tiles来渲染“定义”。

经过使用支持的框架（struts,spring等）来渲染“定义”。

参考：

官方文档

【做者申明】转载请注明原文地址，本文翻译至Apache官方文档。