Nous allons maintenant voir pas à pas comment construire votre première application web avec une interface "designé" avec "Tiles". Cet apprentissage se fera à l'aide de deux exemples qui nous allons maintenant détailler. Au cours de cette partie, nous nous appuyerons pour beaucoup sur les explications fournies dans les parties Installation et TagLib.

Ces exemples ont été concus sur le serveur d'application Tomcat 5.0, sans utiliser de version de Struts (tiles en standalone). Tous les fichiers de configuration seront donc dépendants de ce choix.

Imaginons que nous voulons construire une application web au graphisme général de cette forme :


Sur cette page seul la partie "body" sera dynamique, le reste sera des pages statiques.


Nous allons maintenant voir comment arriver à produire cet aspect avec Tiles en commençant par la configuration de l'application web.

La configuration ci dessous est une version très simple de fichier de configuration. Il est celui qui sera utilisé lors des deux exemples qui seront présentés ultérieurement.

<?xml version="1.0" encoding="ISO-8859-1"?> <web-app>   <!-- Action Servlet Configuration -->   <servlet>     <servlet-name>action</servlet-name>     <!-- Spécification de la classe servlet a utiliser:           - Struts1.0.x: ActionComponentServlet           - Struts1.1:   ActionServlet           - no Struts:   TilesServlet           -->     <!-- <servlet-class>org.apache.struts.tiles.ActionComponentServlet</servlet-class>  -->      <!-- <servlet-class>org.apache.struts.action.ActionServlet</servlet-class>  -->          <servlet-class>org.apache.struts.tiles.TilesServlet</servlet-class>     <load-on-startup>2</load-on-startup>     </servlet>   <!-- le fichier charger avec l'application web -->   <welcome-file-list>     <welcome-file>index.jsp</welcome-file>   </welcome-file-list>   <!-- Le descripteur de balise Tiles -->   <taglib>     <taglib-uri>/WEB-INF/struts-tiles.tld</taglib-uri>     <taglib-location>/WEB-INF/struts-tiles.tld</taglib-location>   </taglib>   </web-app>

Fichier : web.xml du répertoire /WEB-INF

SUITE : Premier exemple : Utilisation des templates et de Tiles