vers l'accueil formulaire de contact

Tutoriel struts N°7 : création d’écrans struts avec tiles

Augmentez votre productivité de création d’écrans struts avec le plugin struts tiles. Mettez en oeuvre tiles pas à pas. Créer votre modèle de page template.jsp ainsi que vos ’definitions’ dans tiles-def.xml

Ce tutoriel vous est offert par Objis, le spécialiste de la formation Objis.

Suite à nos 10 tutoriaux struts1, consolidez vos compétences struts avec notre formation struts1 meilleures pratiques qui abordera également pàs à pas les thèmes suivants : migration struts1 vers struts2 et intégration de struts avec d’autres frameworks et outils : Spring, Hibernate, TopLik, iBatis, EJB3, Web Services, velocity, XDoclet...

Les + objis
- 70% de travaux pratiques
- Clé USB avec tous les outils utilisés + Corrigés TPs
- Bilan pédagogique individuel + conseils

Liens utiles

- + de 100 tutoriaux java/jee Objis
- 10 tutoriaux Struts 1 Objis
- Objis, spécialiste formation java depuis 2005
- Site web Tiles
- Site web du framework struts

Prérequis

- Installation Tomcat 6
- Téléchargement Eclipse Entreprise
- Intégration de tomcat dans eclipse
- Déploiement struts-blank dans eclipse

Objectifs

- Comprendre la valeur ajoutée et les principes de Tiles
- Mettre en oeuvre Struts Tiles et 5 étapes
- Créer des écrans ’accueil’ et ’demande formation’ avec Tiles
- Créer à partir d’eclipse un WAR pour déployer l’application hor eclipse

Durée

- 1h

Programme

- Introduction
- Partie 1 : création projet ’demostruts1tiles’
- Partie 2 : mise en oeuvre plugin tiles en 5 étapes
- Partie 3 : déploiement dans eclipse
- Partie 4 : création WAR et déploiement hors eclipse

Introduction et méthodologie

Introduction

Tiles est une technologie de création d’écrans vous permettant de ’découper’ votre page en plusieurs parties (par exemple "header", "footer", "menu", "body" ) et de créer un nouvel écran par héritage d’autres écrans. Tiles permet d’industrialiser la création de nombreux écrans.

Avec Tiles vous considérez que la différence entre 2 écrans (souvent uniquement votre ’body’). L’idée est de faire un héritage (extends) de votre écran initial en redéfinissant uniquement son ’body’. Vous obtenez donc une deuxième vue (=definition dans le jargon Tiles)

INFO : Tiles s’est fait connaître en tant que plugin de Struts. Tiles est désormais un projet à part entière-> qui peut être utilisé avec d’autres frameworks dont Spring MVC.

Partie 1 : création projet ’demostrutstiles’

Une bonne pratique de développement struts est de commencer tout projet struts par le squelette d’application struts-blank.war livré avec Struts.Le point de départ de ce tutoriel est donc un projet eclipse avec tomcat intégré et struts-blank déployé.

Zip - 1.5 Mo
projet initial à partir de struts-blank

INFO : Le tutoriel spring1 N°2 Déploiement struts-blank dans eclipse détaille cette opération.

Partie 2 : Tiles en 5 étapes

méthodologie

Voici les étapes de l’intégration de Struts / Tiles que nous alons suivre. Ces étapes sont valables pour struts 1.3.x . Légères différences pour struts 1.2.x(pas de config web.xml, URI différente) mais même principe.

Etape 1 : Ajout du plugin et conf web.xml

Ajout du plugin

Dans struts 1.3.10, la configuration du plugin (en bas du fichier) est commentée par défaut.

- Dé commentez la configuration du plugin dans struts-config.xml

Configuration web.xml

Etape 2 : création du fichier modèle d’écrans (template.jsp)

- créez un répertoire (tiles) dans WebContent.
- Dans ce répertoire, créez un fichier template.jsp suivant.

Notez la déclaration de balise tiles ainsi que les instruction tiles pour inclure du contenu

- créez les autres pages top.jsp, left.jsp, content.jsp.

Ci dessous arborescence obtenue, avec également fichier tiles-def.xml que vous allez créer... .

Etape 3 : création d’une vue dans tiles-def

- Créez un fichier WEB-INF\tiles-def.xml et ajoutez le contenu suivant : votre première ’définition’ Tiles.

Etape 4 : création d’autres vues par héritage de la première vue

Notez le ’extends="accueil"’ qui permet de redéfinir uniquement une partie.

Etape 5 : modification ou création actions et forwards

ça y est la mise en oeuvre de tiles est terminée. Récupérez le projet eclipse final, dans leque nous avons ajouté d’autres ecrans, dont celui du formulaire demande d’inscription à une formation Objis. Il s’agit d’un formulaire développé dans le tutoriel struts1 N°6 : validation de formulaires et intégré pour l’occasion.

Zip - 1.6 Mo
projet eclipse demo struts tiles
Mise en oeuvre stuts tiles. le projet inclus validation client , vue au tutoriel struts1 N°6

Partie : déploiement dans eclipse

- Déployez l’application : cliquez-droit sur le projet puis Run-as/Run on serveur (Tomcat configuré)

- Cliquez sur le lien ’Ecrans Tiles’. Vous arrivez sur la page d’accueil configurée plus haut :

- Cliquez sur menu Inscription. Un écran de formulaire apparaît.

Partie 4 : création WAR et déploiement hors eclipse

Pour livraison finale ou tests sur autres serveur, vous aurez besoin de créer un WAR.

Export du WAR

- Cliquez droit sur le projet->Export->WAR

Vous obtenez l’écran suivant :

- Donnez le répertoire de destination. Puis bouton FINISH

Vous avez créé la livraison demostruts1tiles.war à déployer sur tout serveur Jee (jboss, websphere...) ou moteur de servlet (ex : tomcat, jetty).

Zip - 1.6 Mo
livraison war struts tiles

Conclusion

Dans ce tutoriel, vous avez appris à industrialiser la création de vos écrans de façon souple en utilisant struts 1.3 conjointement au framework Tiles.

Prochaine formation STRUTS1

Le chemin le plus court pour avoir les réflexes et la méthodologie du bon développeur Struts 1 :

Pour aller plus loin : le réseau Objis

Si vous appréciez notre sens du partage, devenez gratuitement membre ’classic’ du Club Objis :
- Votez pour les prochains tutoriaux à publier
- Préparez vos entretiens techniques
- Valorisez votre profil / expertise
- Identifiez des opportunités d’emploi
- Recevez la newsletter objis.com