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

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

promo_formation_struts_objis_meilleures_pratiques.pngAugmentez 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
telechargement_pdf_plan_cours.gif

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
telechargement_pdf_bulletin_inscription.gif

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.

tutoriel_struts1_objis_tiles_2.png

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 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.

tutoriel_struts1_objis_tiles_1-2.png

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

tutoriel_struts1_objis_tiles_4.png

Configuration web.xml

tutoriel_struts1_objis_tiles_5.png

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.

tutoriel_struts1_objis_tiles_8.png

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.

tutoriel_struts1_objis_tiles_15.png

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

tutoriel_struts1_objis_tiles_14.png

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

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

tutoriel_struts1_objis_tiles_9.png

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

tutoriel_struts1_objis_tiles_10.png

Notez le ‘extends= »accueil »‘ qui permet de redéfinir uniquement une partie.

Etape 5 : modification ou création actions et forwards

tutoriel_struts1_objis_tiles_11.png

ç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.

projet eclipse demo struts tiles

Partie : déploiement dans eclipse

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

tutoriel_struts1_objis_tiles_12.png

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

tutoriel_struts1_objis_tiles_13.png

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

tutoriel_struts1_objis_tiles_1bis.png

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

tutoriel_struts1_objis_tiles_7.png

Vous obtenez l’écran suivant :

tutoriel_struts1_objis_tiles_6.png

 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).

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:

promo_formation_struts_objis_meilleures_pratiques.png

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

2018-01-30T08:36:14+01:00

Contactez nous

241 rue DUGUESCLIN, 69003 Lyon

Web : Objis : spécialiste formation Java