{"id":2034,"date":"2011-04-15T15:13:15","date_gmt":"2011-04-15T09:43:15","guid":{"rendered":"http:\/\/JitendraZaa.com\/blog\/?p=2034"},"modified":"2011-04-15T15:13:15","modified_gmt":"2011-04-15T09:43:15","slug":"tutorial-of-simple-jsp-tiles-application-without-struts","status":"publish","type":"post","link":"https:\/\/www.jitendrazaa.com\/blog\/java\/jsp\/tutorial-of-simple-jsp-tiles-application-without-struts\/","title":{"rendered":"Tutorial of Simple JSP Tiles application without Struts"},"content":{"rendered":"

There are very few resources available on internet which explains step by step integration of tiles in simple jsp page.
\nApache Tiles\u00e2\u201e\u00a2<\/a> is a templating framework built to simplify the development of web application user interfaces.<\/p>\n

Tiles allows authors to define page fragments which can be assembled into a complete page at runtime. These fragments, or tiles, can be used as simple includes in order to reduce the duplication of common page elements or embedded within other tiles to develop a series of reusable templates. These templates streamline the development of a consistent look and feel across an entire application.<\/p>\n

Ste p1 : <\/strong>Download the Tiles jar file from here<\/a>.<\/p>\n

Step 2 : <\/strong>Add following jar files in the lib folder of the web application.<\/p>\n

commons-beanutils-1.8.0.jar
\ncommons-digester-2.0.jar
\njcl-over-slf4j-1.5.8.jar
\nlog4j-over-slf4j-1.6.1.jar
\nservlet-api.jar
\nslf4j-api-1.5.8.jar
\nslf4j-jdk14-1.5.8.jar
\ntiles-api-2.2.2.jar
\ntiles-core-2.2.2.jar
\ntiles-jsp-2.2.2.jar
\ntiles-servlet-2.2.2.jar
\ntiles-servlet-wildcard-2.2.2.jar
\ntiles-template-2.2.2.jar<\/p><\/blockquote>\n

Step 3: <\/strong>Create following jsp pages:
\nbanner.jsp, common_menu.jsp, credits.jsp, cssPath.jsp, home_body.jsp and SideBar.jsp.<\/p>\n

Step 4: <\/strong>Create a master layout page.<\/p>\n

\n<%@ taglib uri="http:\/\/tiles.apache.org\/tags-tiles" prefix="tiles"%>\n<html>\n<head>\n<title><tiles:getAsString name="title" \/>\n<\/title>\n<tiles:insertAttribute name="cssFile"><\/tiles:insertAttribute>\n<\/head>\n<body>\n\t<div id="wrapper">\n\t\t<div id="menu">\n\t\t\t<tiles:insertAttribute name="menu" \/>\n\t\t<\/div>\n\n\t\t<div id="header">\n\t\t\t<tiles:insertAttribute name="header" \/>\n\t\t<\/div>\n\n\t\t<div id="page">\n\t\t\t<div id="page-bgtop">\n\t\t\t\t<div id="page-bgbtm">\n\t\t\t\t\t<div id="content">\n\t\t\t\t\t\t<tiles:insertAttribute name="body" \/>\n\n\t\t\t\t\t\t<div style="clear: both;">&nbsp;<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id="sidebar">\n\t\t\t\t\t\t<tiles:insertAttribute name="sideBar" \/>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div style="clear: both;">&nbsp;<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t<div id="footer">\n\t\t<tiles:insertAttribute name="footer" \/>\n\t<\/div>\n<\/body>\n<\/html>\n<\/pre>\n
As you can see, tiles:insertAttribute<\/strong> tag is used. It will work as placeholder and will be replaced by actual pages at run time as per definition in “tiles-defs.xml<\/span><\/em>”<\/p>\n
Read more on configuring tiles attributes.<\/a><\/p>\n
Below output shows the layout.<\/p>\n
 <\/p>\n
\"Simple<\/a>
Simple JSP Tiles without Struts<\/figcaption><\/figure>\n
Step 5: <\/strong>Now create a “tiles-defs.xml<\/span><\/em>” in WEB-INF Folder, which have all the configuration.<\/p>\n
\n<?xml version="1.0" encoding="ISO-8859-1" ?>\n<!DOCTYPE tiles-definitions PUBLIC\n       "-\/\/Apache Software Foundation\/\/DTD Tiles Configuration 2.1\/\/EN"\n       "http:\/\/tiles.apache.org\/dtds\/tiles-config_2_1.dtd">\n<tiles-definitions>\n  <definition name="myapp.homepage" template="\/layouts\/classic.jsp">\n    <put-attribute name="title" value="Simple Tiles application without Struts" \/>\n    <put-attribute name="header" value="\/tiles\/banner.jsp" \/>\n    <put-attribute name="menu" value="\/tiles\/common_menu.jsp" \/>\n    <put-attribute name="body" value="\/tiles\/home_body.jsp" \/>\n    <put-attribute name="footer" value="\/tiles\/credits.jsp" \/>\n    <put-attribute name="cssFile" value="\/tiles\/cssPath.jsp" \/>\n    <put-attribute name="sideBar" value="\/tiles\/SideBar.jsp" \/>\n  <\/definition>\n<\/tiles-definitions>\n<\/pre>\n
The attribute “name” defined in tag “tiles:insertAttribute<\/span><\/em>” comes from above configuration file and replaced by the pages specified.<\/p>\n
Step 6 :<\/strong> Now create the jsp page which uses the Tiles template defined above.<\/p>\n
\n<%@ page language="java" contentType="text\/html; charset=ISO-8859-1"\n    pageEncoding="ISO-8859-1"%>\n<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/html4\/loose.dtd">\n<%@ taglib uri="http:\/\/tiles.apache.org\/tags-tiles" prefix="tiles" %>\n<html>\n<head>\n<meta http-equiv="Content-Type" content="text\/html; charset=ISO-8859-1">\n<title>Insert title here<\/title>\n<\/head>\n<body>\n<tiles:insertDefinition name="myapp.homepage" \/>\n<\/body>\n<\/html>\n<\/pre>\n
Template name “myapp.homepage” is looked up into file “tiles-defs.xml<\/span><\/em>” and configuration is applied at runtime as per definition.<\/p>\n
Download the war file from here<\/a>, change extension from “zip” to “war”.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"
Example of Simple JSP Tiles application without Struts<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"jz_research_post":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4],"tags":[125],"class_list":["post-2034","post","type-post","status-publish","format-standard","hentry","category-jsp","tag-j2ee"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1707,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/jsp\/setup-application-to-use-javaserver-pages-standard-tag-libraryjstl\/","url_meta":{"origin":2034,"position":0},"title":"Setup application to use JavaServer Pages Standard Tag Library(JSTL)","author":"Jitendra","date":"March 17, 2011","format":false,"excerpt":"Setup application to use JavaServer Pages Standard Tag Library(JSTL)","rel":"","context":"In "JSP"","block_context":{"text":"JSP","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/jsp\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1664,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/jsp\/step-by-step-dwr-application-simple-ajax-in-java\/","url_meta":{"origin":2034,"position":1},"title":"Step by Step DWR Application – Simple AJAX in JAVA","author":"Jitendra","date":"March 15, 2011","format":false,"excerpt":"Step by Step DWR Application - Simple AJAX in JAVA","rel":"","context":"In "JSP"","block_context":{"text":"JSP","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/jsp\/"},"img":{"alt_text":"How DWR works in Java","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/03\/How-DWR-works-in-Java.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1720,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/how-to-create-jsp-custom-tag-using-tag-interface-or-tagsupport\/","url_meta":{"origin":2034,"position":2},"title":"How to Create JSP Custom Tag \u2013 using Tag interface or TagSupport","author":"Jitendra","date":"March 17, 2011","format":false,"excerpt":"Tutorial of creating JSP Custom Tag \u2013 using Tag interface or TagSupport in JAVA","rel":"","context":"In "JAVA"","block_context":{"text":"JAVA","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/"},"img":{"alt_text":"How to Create Custom Tag in JSP","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/03\/How-to-Create-Custom-Tag-in-JSP.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1834,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/struts\/step-by-step-simple-login-application-in-struts-2\/","url_meta":{"origin":2034,"position":3},"title":"Step by Step Simple Login Application in Struts 2","author":"Jitendra","date":"March 24, 2011","format":false,"excerpt":"Example of Simple Login Application in Struts 2","rel":"","context":"In "Struts"","block_context":{"text":"Struts","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/struts\/"},"img":{"alt_text":"Final Structure of Struts 2 login application","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/03\/Final-Structure-of-Struts-2-login-application.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1460,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/jsp\/setting-session-timeout-in-jsp-servlet\/","url_meta":{"origin":2034,"position":4},"title":"Setting Session Timeout in JSP Servlet","author":"Jitendra","date":"February 7, 2011","format":false,"excerpt":"How to set the Session Time out in JSP and Servlet","rel":"","context":"In "JSP"","block_context":{"text":"JSP","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/jsp\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1643,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/jsp\/servlet-hibernate-jquery-and-ajax-based-google-like-chat\/","url_meta":{"origin":2034,"position":5},"title":"Servlet, Hibernate, jQuery and Ajax based google like chat","author":"Jitendra","date":"March 14, 2011","format":false,"excerpt":"Servlet, Hibernate, jQuery and Ajax based google like chat with source code","rel":"","context":"In "Hibernate"","block_context":{"text":"Hibernate","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/hibernate\/"},"img":{"alt_text":"Servlet, Hibernate, jQuery and Ajax based google like chat","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/03\/Servlet-Hibernate-jQuery-and-Ajax-based-google-like-chat.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/2034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/comments?post=2034"}],"version-history":[{"count":0,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/2034\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/media?parent=2034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/categories?post=2034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/tags?post=2034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}