Découvrir Java pour le web

Disposer les pages avec les custom tags

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les pages d'un site ont des similitudes. Vous créerez des tags personnalisés, ou custom tags, pour disposer d'un mécanisme de layout puissant.
08:23

Transcription

Pour l'instant, nous n'avons qu'une seule view quasiment sur notre application web. Mais si je veux en ajouter une nouvelle, je suis tenté de faire Ctrl+A, et de reprendre exactement mon code et puis de modifier tout ce qui diffère. Ce qui est une mauvaise chose puisque si jamais la structure de mon site change, je suis obligé de reprendre toutes les pages une par une. Alors on va utiliser la technologie des JSTL, les Tags, pour enlever toute redondance dans page JSP, dans nos vues. On va créer nos propres Tags, on parle de Custom Tag. Et aussi on va enlever, tant qu'à faire, les redondances, même sur les inclusions de Tags, y compris celles qu'on va faire. Alors pour cela, il faut à la fois modifier la configuration de web.xml, et ajouter une configuration pour les pages JSP. Ici. Ce qu'il y a de notable ici dans cette configuration, c'est surtout ceci. On inclut un prélude systématiquement à toute nouveau page. On pourra aussi interdire le Scripting interne en mettant à vrai ça, c'est-à-dire tout ce qui est Script let, puisque le code, on peut s'en passer complètement maintenant dans les JSP. Voilà. Ce Property Group pourrait être adapté aussi sur d'autres modèles de JSP, c'est-à-dire on peut on mettre plusieurs en modifiant le Pattern ici. Alors là, j'ai pris un Pattern générique. Je modifie toutes les pages JSP. Donc toutes vont inclure ce base.jspf. Ce qui reste à faire, c'est nous qui allons le faire. Ici, en créant donc un répertoire JSPF, c'est une convention de mettre les fragments de page là. Et un segment JSP. Donc c'est très important de cocher cette option. Et qu'on a appelée base. Mais si on avait mis un fichier de configuration différent, on aurait pu l'appeler différemment. Donc ici là, je ne vais pas utiliser de balise H2, mais je vais surtout inclure toutes mes Taglib. C'est-à-dire mes librairies tag. Alors on reconnait les taglib qu'on a déjà incluses. Mais on a en plus une nouvelle, qui est celle que l'on va écrire. Alors justement, cette librairie de tag qu'on va écrire, on va la mettre comme on l'a déclarée dans tags, c'est là aussi une convention. Et dans le Tag on va le mettre dans Template pour pas mélanger avec, éventuellement d'autres Custom Tag qui pourraient servir à autre chose. Ça n'est pas utilisé que pour du Templating, enfin pour des Layout de pages et de la réutilisation de pages, ça peut aussi être utilisé, Custom Tag, pour beaucoup d'autres choses. Alors ici, on ajoute un Tag File. Ce Tag File, on va l'appeler Layout, puisque c'est sa vocation. Il va être dans Template, c'est parfait, c'est pas un segment, c'est une page entière. C'est parfait. Et là donc, on a la description de notre Tag. Or une description ça va être par exemple, gabarit du site. Site. Et les attributs vont être plus nombreux puisque c'est tout ce qui va être personnalisable dans notre gabarit. Donc ici, on va dire le titre, voilà, va être personnalisable avec une chaîne de caractères. On pourra mettre une expression pour cette chaîne, une expression Expression Language. Et puis elle est requise. Et puis on pourra personnaliser le style, le menu qu'il y aura en haut, et leur ajouter des scripts si on en a besoin. Seul le menu sera obligatoire dans cette liste d'attributs. Nous allons maintenant faire le Layout lui-même, en reprenant le gabarit de page qu'on a utilisé, alors on peut d'ores et déjà, dans ce gabarit, enlever tout ce qui est superflu maintenant puisqu'on l'a mis dans le prélude, dans base.jspf. Donc tout ça peut être supprimé, et puis aussi dans la configuration. Donc dans le Layout, je vais bien recopier ça, voilà, et je le colle ici. Mais je vais enlever tout ce qui est spécifique à la page suivie. Alors qu'est ce qui est spécifique ? Notamment le titre que je rends personnalisable, donc je peux maintenant utiliser titre, qui est défini comme attribut ici. Je vais aussi remplacer ce style, qui est spécifique au graphique par une invocation de l'attribut style, qui est défini en haut ici. Et puis je vais invoquer aussi le menu, voilà, qui lui, est obligatoire. Les pages qui vont réutiliser notre balise et là, dans le seul menu. La partie principale, c'est la plus malléable, celle qui va changer à chaque page. Elle sera remplacée par le corps, donc avec doBody de la balise. Et enfin dans notre Layout, tout ce qui est lié au graphique, est spécifique à la page suivie, et ne sera pas réutilisée dans chaque page, donc c'est pour ça qu'on va utiliser l'attribut script qui sera défini. Donc on a notre Layout. Maintenant, on va appliquer un suivi, donc, suivi, ici, pour pouvoir réutiliser notre Tag on va mettre le... Donc voilà, tout de suite, notre Tag a été intégré par NetBeans. Et le Tag qu'on a créé, on retrouve le commentaire gabarit du site, et on peut donc avoir l'aide pour remplir ce gabarit, donc les attributs, titres, etc. Donc la documentation est faite, et la complétion aussi est disponible. Bon, le titre, je vais pouvoir définir un titre, donc ici je vais reprendre celui du temps passé par projet, mais je peux aussi mettre une Expression Language pour avoir quelque chose de dynamique. Alors je fais mon </tpl : layout ici, mais j'ai enlevé beaucoup de choses, tout ce qui est déjà dans le Layout. Ça, c'est dans le Layout. Ça, ça va être dans le style. Voilà. Le menu, je ne prends que ce qui est spécifique, donc c'est ici. Voilà. Et je ferme le menu normalement, ici après le </ul. <jsp : body va me permettre de définir ce qui sera dans le corps. Voilà. Donc ça démarre ici, et ça se termine ici. Et alors le <jsp : body doit être à la fin de notre Tag, donc je le prends ici. J'enlève tout ce qui est redondant, et je mets à la fin notre Tag ici. Là, j'ai fait un couper-coller ici, et j'enlève tout ce qui n'est pas du script. Et donc là, je ne garde que ce qui est spécifique, un pas de page qui est un script. Voilà. Vraiment spécifique pour dessiner un graphique. On a donc maintenant ici, refait le Layout en ne gardant que ce qui était spécifique à notre page, et pas ce qui ne l'était pas. On va pouvoir vérifier si notre page reprend bien, voilà. Donc on a vraiment reconstruit exactement la même page, mais la grande différence ici, c'est que cette vue ne contient que ce qui est spécifique, et on pourra réutiliser le contenu, et tout le cadre, le gabarit pour toutes les nouvelles pages de notre site.

Découvrir Java pour le web

Développez une application web avec Java. Apprenez à écrire des servlets, des entités ​J​PA (Java Persistence API) d'accès aux données et des pages JSP (Java Server Pages).

2h06 (23 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :25 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !