Inclusion du "head": quelle bonne pratique

Version imprimable

17/08/2014, 17h09
fja34

Inclusion du "head": quelle bonne pratique

Bonjour,

jusqu'ici, les vieilles applications sur lesquelles je travaillais avaient un "head_include.jsp" qui inclut tout le header HTML et tout le menu/bandeau de l'appli web. Ca marchait pas mal, et même si c'était pas conseillé, le code JS/CSS encapsulé spécifique à chaque mage était dans la jsp de la page et donc dans le body. Ca marchait pas mal..

j'aimerais être "plus propre" sur une nouvelle application où je peux me permettre de réviser les bonnes pratiques dès le début. Qui plus est, Jquery est apparemment plus sensible que les libs que j'utilisait auparavant.

J'aimerais donc savoir quelles sont les solutions techniques préconisées pour gérer un head et un bandeau du body le plus proprement possible en minimisant le code spécifique à la page.
Faut-il redéclarer le header systématiquement voir utiliser des custom tags pour "alléger" le code ? Quelles sont les solutions les plus élégantes pour bien factoriser le code et le conserver le plus lisible et maintenable ?

merci
18/08/2014, 08h40
OButterlin

Regarde du côté de Tiles ;)
18/08/2014, 09h07
fja34

Ok

Je vais jeter un oeil. J'avais croisé un peu de code Tiles en TMA dans du Struts, ca ressemble pas mal au templates JSF de mémoire.

J'avais en tête que pour un site comme le mien ou j'ai juste un header avec un menu déroulant (application web intra) c'était un peu surdimensionné et que ca faisait pas grand chose de plus que du include...

Merci
18/08/2014, 09h38
OButterlin

C'est pas faux... :aie:

D'un autre côté, ça dépend un peu de ce que fait ton header, s'il devrait s'adapter à la page ou s'il est systématiquement le même, etc...
Si c'est statique, tu peux utiliser <jsp:include> ou <%@ include>, je ne vois pas ce qui gêne...
Pour les scripts, tout ce qui est commun "devrait" être dans le <head>, pour le spécifique, dans la page... sous forme externe ou inline, ça dépend aussi de la taille des script. S'ils sont volumineux, il vaudrait mieux utiliser un fichier externe (il sera chargé du cache ensuite)
18/08/2014, 10h45
fja34

Bonjour,

le "header" en tant que composant graphique est "commun" à l'ensemble de l'application: même bandeau pour tout le monde.
Pour autant, il est dynamique: ex: affichage de l'utilisateur connecté, gestion de messages affichés à l'utilisateur, etc.

Par contre, le "head" de l'image en tant qu'inclusion de style et de JS est variable en fonction des pages pour éviter d'importer un datatable partout, un fichier avec les villes et codes postal, etc.
27/08/2014, 11h05
FaridM
Hello,

Tu peux passer des paramètres lors de l'inclusion d'une jsp :
Code:

1 2 3 4 <jsp:include page="navMenu.jsp" > <jsp:param name="title" value="Home" /> </jsp:include>
Du coup tu auras que ce qui change dans ta page.
27/08/2014, 11h55
fja34
Citation:
Envoyé par Farid63

Hello,

Tu peux passer des paramètres lors de l'inclusion d'une jsp :

Code:

1 2 3 4 <jsp:include page="navMenu.jsp" > <jsp:param name="title" value="Home" /> </jsp:include>

Du coup tu auras que ce qui change dans ta page.
Ok merci. C'est une bonne idée, mais le problème, c'est qu'il s'agit de code HTML.

Pour une bonne lisibilité, il faudrait que je puisse faire un truc du genre:
Code:

1 2 3 4 <jsp:include page="navMenu.jsp" > <jsp:param name="title">Ici mon code HTML correspondant à la "value" plus lisible et supportant balises, scripts HTML, etc.</jsp:param> </jsp:include>
Y'a moyen ?
27/08/2014, 14h19
FaridM
Il semblerai que non.

Par contre tu peux passer des paramètres comme ci-dessus et faire un if dans la jsp incluse et ajouter ton code si la variable est présente.

exemple :
Code:

1 2 3 4 <jsp:include page="home.jsp" > <jsp:param name="jquery" value="true" /> </jsp:include>
Code:

1 2 3 4 <c:if test="${jquery}"> <script src="..."></script> </c:if>
Tu peux aussi utiliser la JSTL pour faire :
Code:

1 2 3 4 <c:import url="home.jsp"> <c:param name="jquery" value='<script scr="monfichier.js"></script> '/> </c:import>
Par contre, ça marche bien pour la balise <h1> mais la balise <script> n'est pas interprétée.
27/08/2014, 14h39
fja34

Ok merci

Si j'ai le temps, je regarderai si y'a moyen de faire une indirection un peu propre pour ce genre de chose et pour éviter qu'il y a une dépendance du include vers les appelant...

Merci
27/08/2014, 16h32
the_finisher

Apache Velocity aussi peut être une bonne solution