[Templates] Explications sur moteur de template

Version imprimable

03/09/2012, 12h24
networkinfo

[Templates] Explications sur moteur de template

Bonjour

Je ne saisi pas trop les moteurs de templates

Il permettent de scinder le code du design ok mais permettent t-ils d'intégrer plus facilement une maquette de designer?

Je ne comprends pas cette partie design

Pouvez vous m'orienter??

Merci d'avance

Si tu es un développeur, tu n'as pas besoin d'un moteur de template car PHP est un (excelent) moteur de template.

Les moteurs de templates ne sont utiles qu'aux intégrateurs, qui ne doivent pas (et n'ont pas à) connaitre le code, ils doivent se contenter d'utiliser des balises (généralement spécifiques au moteur utilisé) pour mettre en forme des pages web avec des section dynamiques.

Pour comprendre grosso-modo comment fonctionne un moteur de template, écrivons en un en 5 minutes:
/tpl/index.htm
Code:

1 2 3 4 5 6 7 8 <html> <head> <title>%title%</title> </head> <body> <h1>Bonjour %nom% %prenom%</h1> </body> </html>
/tpl/template.php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php function template ($tpl, array $items) { $tpl = dirname(__FILE__) . "/$tpl"; if (!is_file($tpl) || !is_readable($tpl)) return false; $replace = array(); foreach ($items as $key => $value) { $replace["%$key%"] = $value; } $buffer = file_get_contents($tpl); return str_replace(array_keys($replace), $replace, $buffer); }
index.php
Code:

1 2 3 4 5 6 7 <?php $nom = "Dupont"; $prenom = "Jean"; $title = "Demonstration"; echo template('index.htm', compact('nom', 'prenom', 'title'));
Simple non ?

Du coup, un éventuel intégrateur n'aura plus qu'a modifier des fichiers HTML en y mettant des placeholders. Beaucoup de moteurs de template implémentent des mécanismes plus complexes pour les boucles et les filtres.

Personnellement je préfère la syntaxe alternative.

03/09/2012, 14h17
networkinfo

Merci pour cette explication!

Je travaille avec des designers et je cherche à accélérer l'intégration de leur maquette photoshop

J'oublie le moteur de template qui ne convient pas dans cette optique

J'ai d'autres possibilités :

-Les former aux xhtml / css
-L'utilisation d'un logiciel... artisteer? dreamweaver??
-Coder?
03/09/2012, 14h28
Benjamin Delespierre

Le moteur de templates serait parfait pour eux, pour peu qu'il connaissent XHTML/CSS (même si, comme je l'ai dit plus haut, c'est là le travail des intégrateurs, non des designers). Tu peux regarder SMARTY, c'est le plus populaire actuellement.

Je ne saurais que trop te recommander de ne pas utiliser Dreamweaver, c'est vrai que ça solutionne le problème avec son système de maquettes, le souci c'est que c'est vraiment un piètre IDE, tout à fait impropre au développement selon moi et surtout qui produit du code de m*rde quand utilisé avec le WYSIWYG.

Tu peux aussi prendre le problème sous un autre angle, en leur demandant par exemple de fournir des maquettes PSD qui suivent un gabarit précis (comme celui de 960gs ou de Twitter Bootstrap), ça t’allégera la tâche d'intégration.
03/09/2012, 14h35
networkinfo

Merci

Tu penses que je pourrais me coder quelque chose aussi?
03/09/2012, 14h53
Benjamin Delespierre
Oui bien sûr, mais il existe déjà pléthore de moteurs disponibles, en développer un de plus n'aurait qu'une valeur éducative.

Le meilleur moyen, selon moi, ça reste le sur mesure. Il faut se salir les mains et écrire du code, je ne crois pas à l'outil magique qui fait ton travail à ta place en mode "y clique, y clique, c'est fini; merci Dreamweaver !" Y'a toujours une arnaque quelque part.

J'ai jamais vu un garagiste réparer une voiture sans ouvrir le capot (sauf peut être carglass :mouarf:), t'imagine faire un site sans coder ?
Pour rester dans la même analogique, j'ai jamais vu non plus de garagiste démonter un bougie à main nues. Il faut que tu te dotes d'une série d'outils qui vont t'aider à accélerer ton dév:
1. un environement de travail efficace (je pense à un IDE de la gamme d'Eclipse)
2. des librairies pour les usages courants (pour le PHP, le JS et le CSS)
3. des gabarits photoshop, pour t'éviter de devoir recréer les feuilles de style from-scratch à chaque fois qu'on t'envoie une maquette, essaie d'imposer certaines règles factorisable à tous les projets (encore une fois, Bootstrap est parfait pour ça)
4. un bon environnement de test (et si possible des tests automatisés) et des VM pour reproduire l’environnement de prod
5. un fauteuil confortable, du café et un boss sympa (les 3 grand facteurs de productivité :ccool:)