Page1.jsp Page2.jsp Page3.

jsp
Header Header Header
.

Body-1 Body-2 Body-3

Footer Footer Footer

Limitations:
Duplication of code, the same Header and Footer is included in all three
pages.
Solution:
Separate, Header and Footer from each page.
Use < jsp:include > tag for inserting Header.jsp and Footer.jsp.
Header.jsp Footer.jsp
 Page1.jsp Page2.jsp Page3.jsp

<table> <table> <table>

<tr><td> <tr><td> <tr><td>
<jsp:include <jsp:include <jsp:include
page=”/Header.jsp> </td></tr> page=”/Header.jsp> </td></tr> page=”/Header.jsp> </td></tr>
<tr><td> <tr><td> <tr><td>
<!—write Page1 body here -- > <!—write Page2 body here -- > <!—write Page3 body here -- >
</td></tr> </td></tr> </td></tr>
<tr><td> <tr><td> <tr><td>
<jsp:include <jsp:include <jsp:include
page=”/Footer.jsp> </td></tr> page=”/Footer.jsp> </td></tr> page=”/Footer.jsp> </td></tr>

Limitations:
The same table structure (ie layout) is repeated in all the three pages.

Solution :
Separate layout from each page, and provide placeholders
Include the layout in the required page using < tiles:insert page=”/Layout.jsp”>
Populate the pages required using <tiles:put>
 Layout.jsp
<table>
<tr><td>
<tiles:insert attribute=”header”>
</td></tr>
<tr><td>
<tiles:insert attribute=”body”>
</td></tr>
<tr><td>
<tiles:insert attribute=”footer”>
</td></tr></table>

Header.jsp Footer.jsp
 Page1.jsp

<tiles:insert page=”/Layout.jsp”>
<tiles:put type=”header”
value=”/Header.jsp”>

<!—write Page1 body here -- >

<tiles:put type=”footer”
value=”/Footer.jsp”>

</tiles:insert>

Page2.jsp Page3.jsp

<tiles:insert page=”/Layout.jsp”> <tiles:insert page=”/Layout.jsp”>

<tiles:put type=”header” <tiles:put type=”header”
value=”/Header.jsp”> value=”/Header.jsp”>

<!—write Page2 body here -- > <!—write Page3 body here -- >

<tiles:put type=”footer” <tiles:put type=”footer”

value=”/Footer.jsp”> value=”/Footer.jsp”>

</tiles:insert> </tiles:insert>
Limitations:
Suppose the layout is changed to below given then we need to make changes in
Layout.jsp, and in all the jsp pages which make use of Layout.jsp

Header

Menu

Body

Footer

Solution:
Using tiles-defs.xml define all the jsp pages
Using <tiles:insert definition=>populate the jsp pages
 Layout.jsp
<table>
<tr><td>
<tiles:insert attribute=”header”>
</td></tr>
<tr><td>
<tiles:insert attribute=”body”>
</td></tr>
<tr><td>
<tiles:insert attribute=”footer”>
</td></tr></table>

Header.jsp Footer.jsp
<!—tiles-defs.xml -- >
<tiles-definition>
<definition name=”def1” path=”/Layout.jsp”>
<put name=”header” value=”/Header.jsp”>
<put name=”menu” value=”/Menu.jsp”>
<put name=”body” value=”/Body1.jsp”>
<put name=”footer” value=”/Footer.jsp”>
</definition>
<definition name=”def2” path=”/Layout.jsp”>
<put name=”header” value=”/Header.jsp”>
<put name=”menu” value=”/Menu.jsp”>
<put name=”body” value=”/Body2.jsp”>
<put name=”footer” value=”/Footer.jsp”>
</definition>
</tiles-definition>
Body1.jsp Body2.jsp Menu.jsp
 Page1.jsp Page2.jsp

<tiles:insert <tiles:insert
definition=”def1”> definition=”def2”>
Limitation:
In tiles-defs.xml the definition tab has repeated
<put name=”header” value=”/Header.jsp”>
<put name=”menu” value=”/Menu.jsp”>
<put name=”footer” value=”/Footer.jsp”> tags

Solution:
Use <definition extends=> to extend the properties of base definition

<!—tiles-defs.xml -- >
<tiles-definition>
<definition name=”basedef” path=”/Layout.jsp”>
<put name=”header” value=”/Header.jsp”>
<put name=”menu” value=”/Menu.jsp”>
<put name=”body” value=””>
<put name=”footer” value=”/Footer.jsp”>
</definition>
<definition name=”def1” extends=”basedef”>
<put name=”body” value=”/Body1.jsp”>
</definition>
<definition name=”def2” extends=”basedef”>
<put name=”body” value=”/Body2.jsp”>
</definition>
</tiles-definition>