接着上一篇:使用Apache Tiles3.x构建界面布局(一)继续构建页面布局。


    上一篇示例中已经对页面的公共部分进行了抽取,创建了布局,并且将使用的布局应用的响应页面了。


1.定义definition来改变公共部分

    现在有个新变化,响应页面的footer部分需要发生点变化,这个时候仍然可以通过继承的方式来配置一个definition。

 

  • /WEB-INF/tiles-defs.xml 中新增definition


		
	


 1.1创建响应页面/example/index_override.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>

	


 1.2访问:/tiles/example/index_override.jsp

 使用Apache Tiles3.x构建界面布局(二)_第1张图片

  注意:footer部分发生了改变,使用了tiles.override.definition的footer属性。



 2.响应页面中定义body

  •  /example/home.jsp

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>

	
	
		

这是HOME页面的body

  • Apache Tiles
  • Sitemesh
  • Smarty
  • Freemarker
  • Velocity

   

  访问:/tiles/example/home.jsp

  使用Apache Tiles3.x构建界面布局(二)_第2张图片


 3.通过Servlet来访问definition(tiles.index.definition),可编程式!

   

package secondriver.tiles.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.tiles.Attribute;
import org.apache.tiles.Definition;
import org.apache.tiles.TilesContainer;
import org.apache.tiles.access.TilesAccess;
import org.apache.tiles.request.ApplicationContext;
import org.apache.tiles.request.Request;
import org.apache.tiles.request.servlet.ServletRequest;
import org.apache.tiles.request.servlet.ServletUtil;

public class TilesServlet extends HttpServlet {

	private static final long serialVersionUID = 2721434552222217027L;

	@Override
	protected void service(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {

		ApplicationContext applicationContext = ServletUtil
				.getApplicationContext(getServletContext());

		TilesContainer container = TilesAccess.getContainer(applicationContext);
		Request currentRequest = new ServletRequest(applicationContext,
				request, response);

		Definition definition = container.getDefinition(
				"tiles.index.definition", currentRequest);
		definition.putAttribute("title", new Attribute("通过servlet访问"));
		definition.putAttribute("body", new Attribute(
				"这是通过Servlet处理后的definition."));
		container.render(definition, currentRequest);

		/**
		 * 不需要处理的时候可以直接使用definition的name
		 * 
		 * tiles.index.definition没有定义title属性
		 * 
		 * 而template文件(布局)中用到所以需要在Servlet中进行添加
		 */
		// container.render("tiles.index.definition", currentRequest);

	}
}

  访问:/tiles/tilesservlet

 使用Apache Tiles3.x构建界面布局(二)_第3张图片


 注意:

  •  这里使用了Servlet需要在web.xml中增加Servlet的配置


		tilesservlet
		secondriver.tiles.servlet.TilesServlet
	
	
		tilesservlet
		/tilesservlet
	
  •  在pom.xml中添加servlet-api:

 


			javax.servlet
			servlet-api
			2.5
		



4.通过标签在响应页面上配置definition,并插入到页面中

  

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>


	
	
		通过tiles标签配置的运行时definition
	


 

  访问:/tiles/example/runtime.jsp

  使用Apache Tiles3.x构建界面布局(二)_第4张图片


本文通过多种方式展示了Tiles的使用和其灵活性。另外Tiles还可以和Freemarker,Velocity,Spring,Struts等多种框架集成使用。


具体可以参考官方文档:http://tiles.apache.org/framework/whats-new.html。 

另外更多的示例:http://tiles.apache.org/download.html