教你搭建Tiles工程-HelloTiles（附源碼）

標籤：tiles   jsp模板   頁面架構   

    1. 添加Tiles的jar依賴

<dependency><groupId>org.apache.tiles</groupId><artifactId>tiles-api</artifactId><version>3.0.4</version></dependency><dependency><groupId>org.apache.tiles</groupId><artifactId>tiles-core</artifactId><version>3.0.4</version></dependency><dependency><groupId>org.apache.tiles</groupId><artifactId>tiles-jsp</artifactId><version>3.0.4</version></dependency><dependency><groupId>org.apache.tiles</groupId><artifactId>tiles-el</artifactId><version>3.0.4</version></dependency><dependency><groupId>org.apache.tiles</groupId><artifactId>tiles-extras</artifactId><version>3.0.4</version></dependency>  <dependency><groupId>org.apache.tiles</groupId><artifactId>tiles-servlet</artifactId><version>3.0.4</version></dependency>

    2. 配置web.xml，使用Tiles監聽器，配置載入tiles容器

<?xml version="1.0" encoding="UTF-8"?><web-app id="pum" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">  <display-name>Archetype Created Web Application</display-name>    <context-param><param-name>org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG</param-name><param-value>         /WEB-INF/tiles.xml       </param-value></context-param>  <listener>    <listener-class>org.apache.tiles.extras.complete.CompleteAutoloadTilesListener</listener-class></listener><welcome-file-list><welcome-file>index.jsp</welcome-file></welcome-file-list></web-app>

    3. 定義模板的結構，並使用JSP表現這個結構。

       3.1 模板的結構

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/49/D8/wKioL1Qb4a6gYVWwAACg1S4p2Zo947.jpg" title="layout.png" alt="wKioL1Qb4a6gYVWwAACg1S4p2Zo947.jpg" />

    3.2 建立HelloTiles.jsp檔案

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

    

    4. 在web下建立tiles.xml，定義Tiles模板

<?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="/WEB-INF/layouts/classic.jsp">    <put-attribute name="title" value="Tiles tutorial homepage" />    <put-attribute name="header" value="/WEB-INF/tiles/banner.jsp" />    <put-attribute name="menu" value="/WEB-INF/tiles/common_menu.jsp" />    <put-attribute name="body" value="/WEB-INF/tiles/home_body.jsp" />    <put-attribute name="footer" value="/WEB-INF/tiles/credits.jsp" />  </definition></tiles-definitions>

    5. 項目結構圖

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/49/D8/wKioL1Qb4mmD2MzcAAFSlD6A1aE307.jpg" title="Directory.png" alt="wKioL1Qb4mmD2MzcAAFSlD6A1aE307.jpg" />

   

     6. 源碼：http://pan.baidu.com/s/1eQ5q3QU

本文出自 “塵風隨影的天空” 部落格，請務必保留此出處http://favccxx.blog.51cto.com/2890523/1555197

教你搭建Tiles工程-HelloTiles（附源碼）