Apache Tiles是表现层的布局引擎。
在通常我们用jsp页面做布局时,通常会用<jsp:include page=”“/>或者<%@include file=”“%>将多个页面组合在一起。但页面一多,而且需要每个页面都要使用上述的标签包含其他通用页面。这样不方便维护,而apache tile解决了这个问题。
下面介绍一个使用Apache Tiles的示例
Maven导入包
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-extras</artifactId>
<version>3.0.7</version>
</dependency>
- 配置TilesConfigurer
TilesConfigurer用于定位和加载tile并协同生成tiles视图
java config配置方法
@Bean
public TilesConfigurer tilesConfigurer(){
public TilesConfigurer tilesConfigurer(){
TilesConfigurer tilesConfigurer=new TilesConfigurer();
tilesConfigurer.setDefinitions("/WEB-INF/layout/tiles.xml");//接收list数组,每一项表示一个Tile定义的xml文件
return tilesConfigurer;
}
}
2.配置TilesViewResolver
TilesViewResolver用于将逻辑视图名转换为真正的tiles视图
@Bean
public TilesViewResolver tilesViewResolver(){
return new TilesViewResolver();
}
3.写一个Tile定义文件,位于WEB-INF/layout文件夹下。
每一个<definition>元素都定义了一个Tile,它最终引用的是一个JSP模板。在名为base的Tile中,模板引用的是“/WEB-INF/layout/page.jsp”。某个模板可能还会引用其他的jsp模板,使这些模板嵌入到主模板中。对于base Tile,他引用的是一个头部jsp模板和尾部jsp模板。
<?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" template="/WEB-INF/layout/page.jsp">
<put-attribute name="header" value="/WEB-INF/layout/header.jsp"></put-attribute>
<put-attribute name="footer" value="/WEB-INF/layout/footer.jsp"></put-attribute>
</definition>
<definition name="home" extends="base">
<put-attribute name="body" value="/WEB-INF/view/home.jsp"></put-attribute>
</definition>
<definition name="registerForm" extends="base">
<put-attribute name="body" value="/WEB-INF/view/registerForm.jsp"></put-attribute>
</definition>
<definition name="profile" extends="base">
<put-attribute name="body" value="/WEB-INF/view/profile.jsp"></put-attribute>
</definition>
<definition name="spittles" extends="base">
<put-attribute name="body" value="/WEB-INF/view/spittles.jsp"></put-attribute>
</definition>
<definition name="spittle" extends="base">
<put-attribute name="body" value="/WEB-INF/view/spittle.jsp"></put-attribute>
</definition>
</tiles-definitions>
主布局模板:引用其他模板来创建试图 (page.jsp)
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2017/5/27
Time: 1:56
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<html>
<head>
<title>Spittr</title>
</head>
<body>
<div id="header">
<tiles:insertAttribute name="header"></tiles:insertAttribute>
</div>
<div id="body">
<tiles:insertAttribute name="body"></tiles:insertAttribute>
</div>
<div id="footer">
<tiles:insertAttribute name="footer"></tiles:insertAttribute>
</div>
</body>
</html>
再看之前的tiles.xml配置,发现base中没有为设置body属性,那上面的<tiles:insertAttribute name=”body”></tiles:insertAttribute>的body属性从何而来。
其实你会发现其他的tile元素它继承了base,并在其中设置了body属性,意味这body对应的jsp模板是动态变化的,实现了布局的效果。
下面启动服务器,访问:http://localhost:9090/page/spitter