Comment produisez-vous votre HTML ?

Benjamin Delespierre · 25/10/2012, 15h48

Bonjour à tous,

Il est de notoriété publique que le principal usage de PHP soit la création dynamique de flux HTML. Mais bien qu'il existe diverses façons de produire et d'afficher ce flux de données, il n'y a pas vraiment de recommandations en la matière, chacun est libre de faire à sa convenance.

Je vous propose donc un petit sondage: quelle méthode employez-vous pour produire votre HTML ?

Traditionnellement, on peut tout simplement décrire son HTML et y insérer des balises spéciales là où on veut du dynamisme. Cette méthode était connue sous le nom de phtml et est d'ailleurs supportée nativement par Apache au même tittre qu'un script PHP classique:

En Mélangeant le PHP et le HTML

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
$user = "Jean";
$messages = array(
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    'Cras sit amet mi quis mauris varius dignissim id et ipsum.',
    'Quisque id lacus lorem.'
);
?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>
    <? if (!isset($user)): ?>
    <p class="error">Veuillez vous connecter</p>
    <? else: ?>
    <h2>Bienvenue <?=$user?></h2>
    <span>Vous avez <?=count($messages)?> messages en attente</span>
    <? foreach ($messages as $message): ?>
    <p class="message"><?=$message?></p>
    <? endforeach ?>
    <? endif ?>
</body>
</html>

Dans cet exemple, nous nous sommes servi de la syntaxe alternative ainsi que la directive short_open_tag que je trouve beaucoup plus claire et naturelle que l'imbrication d'accolades ouvrantes/fermantes.

On peut également recourir à la structure echo:

Avec echo

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
$user = "Jean";
$messages = array(
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    'Cras sit amet mi quis mauris varius dignissim id et ipsum.',
    'Quisque id lacus lorem.'
);
 
echo '<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>';
 
if (!isset($user)) {
    echo '<p class="error">Veuillez vous connecter</p>';
}
else {
    echo '<h2>Bienvenue ' . $user . '</h2>',
         '<span>Vous avez ' . count($messages) . ' messages en attente</span>';
 
    foreach ($messages as $message) {
        echo '<p class="message">' . $message . '</p>';
    }
}
 
echo '</body>
</html>';

Ou encore, on peut utiliser un moteur de template tel que Smarty ou phpBB pour ne citer que les plus connus:

Avec Smarty

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>
    {if $user}
    <p class="error">Veuillez vous connecter</p>
    {else}
    <h2>Bienvenue {$user}</h2>
    <span>Vous avez {$messages|@count} messages en attente</span>
    {foreach ($messages as $message)}
    <p class="message">{$message}</p>
    {/foreach}
    {/if}
</body>
</html>

Et vous ?

Laquelle de ces techniques utilisez-vous et pourquoi ?

Utilisez-vous un moteur template et lequel ?

Avez-vous une tout autre technique pour produire votre flux ?

grunk · 25/10/2012, 16h10

Avec un moteur de template , en l'occurence Twig (sans symfony).

Ça le gros avantage d’empêcher les intégrateurs/graphiste de venir bidouiller du code qu'ils n'ont en principe pas à toucher (ils se retrouvent avec un "langage" inconnue et du coup ne tente pas de modifier).

J'avais fait un passage sur smarty2 mais twig m'a ensuite très vite conquis par sa synthaxe et son code source.

Après quand j'ai le choix j'essai de plutôt utiliser des fichiers html avec quelques <?php echo $mavar ?> pour le gain de performance comparé à tout un moteur de template.

FirePrawn · 25/10/2012, 16h32

J'utilise le PHP et le HTML mélangé personnellement.

Et j'exècre particulièrement la méthode echo que je trouve immonde

rawsrc · 25/10/2012, 16h36

PHP + HTML
Moteur de template (twig parfois) et un autre spécifique qui manipule les vues comme des classes.

Bovino · 25/10/2012, 16h41

J'apprécie aussi la syntaxe alternative pour les structures de contrôle que je trouve aussi plus claire.

Sinon, même si la production de HTML dépend des cas traités et des types de projets, j'essaye au maximum d'utiliser la Syntaxe Heredoc.

ABCIWEB · 25/10/2012, 19h25

Par défaut et de préférence, en mélangeant PHP+HTML.

Mais cela dépend du contexte, certaines fonctions ou classes peuvent renvoyer un bloc de code par un echo. Ce sont des critères comme la clarté du code, la facilité de mise en place, l'évolutivité et la maintenance qui impliquent le choix final.

Sinon, je me suis intéressé un peu à la syntaxe Heredoc, mais je trouve qu'il y a trop de contraintes et de restrictions pour généraliser facilement son usage. Je la garde donc plutôt en réserve pour les cas où son emploi est manifestement plus pratique que la syntaxe classique.

Les short open tags peuvent provoquer des confusions avec d'éventuelles balises xml et dépendent de la configuration du serveur donc j'évite de les utiliser. Avec php 5.4 "<?=" sera toujours disponible mais bon ce ne sera pas ma priorité.

Quant à la syntaxe alternative, je comprend pas l'intérêt que certains y accordent. Certes on peut trouver cela plus clair (et encore ça se discute), mais pour moi ce qui ne se discute pas c'est que cela rend évidemment totalement inopérant l'équilibrage des accolades dans mon éditeur favori

Nan là pour moi c'est vraiment trop rédhibitoire

OlivierW · 26/10/2012, 01h20

Citation:

Envoyé par FirePrawn

J'utilise le PHP et le HTML mélangé personnellement.

Et j'exècre particulièrement la méthode echo que je trouve immonde

Dans un sens ou dans l'autre, c'est immonde de mélanger le PHP et l'HTML

J'ai voté moteur de template : XML/XSLT.

Avantages :

Rapide
Peut être utilisé avec d'autres langages que PHP
En natif, compresse ou indente correctement le code généré
Le code généré est obligatoirement propre (du XML, donc au choix : XHTML ou XHTML5)

Inconvénients :

Pour ceux qui utilisent Dreamweaver, cet éditeur n'est pas foutu de gérer correctement les balises XSL (notamment les templates multiples, les includes,...)
Je ne vois pas d'autres inconvénients, j'utilise Eclipse, pas DW

yotsumi · 26/10/2012, 09h17

Citation:

Envoyé par ABCIWEB

Par défaut et de préférence, en mélangeant PHP+HTML.

Mais cela dépend du contexte, certaines fonctions ou classes peuvent renvoyer un bloc de code par un echo. Ce sont des critères comme la clarté du code, la facilité de mise en place, l'évolutivité et la maintenance qui impliquent le choix final.

Si la clarté du code t'es importante, tu devrais privilégier une séparation stricte des couches.

La pire idée serait de mixer plusieurs des méthodes présentées par cet article...
Soit toutes les vues sont dans des templates (twig/smarty...), soit toutes les vues sont dans des fichiers HTML/PHP (dans lequel tu n'injecte que des données, jamais de HTML, à la SF1 par ex), ~~soit tu fais des echo à l'arrache~~.

gene69 · 26/10/2012, 09h44

Citation:

Et j'exècre particulièrement la méthode echo que je trouve immonde

je fais des écho et ça marche.

Et ya qu'en php ou on se permet de faire des choses comme ça (a ma connaissance).

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php // pour le colorateur
 
// 
function tell($toto){
print( $toto );
?> fait du php<?php
}
 
 
 
// méthode immonde ????
function tell($toto){
echo $toto, ' fait du php';
}

moi j'ai vite choisi.

FirePrawn · 26/10/2012, 09h47

Chacun son choix.

Comme je l'ai dit, c'est que je pense personnellement, j'ai pas dit que la méthode était immonde, mais que POUR MOI elle l'était

Onixio · 26/10/2012, 13h02

Ben moi je le produit avec des vues partielles et le moteur de template RAZOR pour C#

spoutbe · 26/10/2012, 13h12

Avec un moteur de templates en PHP pur:
http://www.massassi.com/php/articles/template_engines/

Citation:

In short, the point of template engines should be to separate your business logic from your presentation logic, not separate your PHP code from your HTML code.

J'utilise aussi CakePHP, donc templates en PHP.

transgohan · 26/10/2012, 13h27

J'ai jamais passé la marche vers les templates. Enfin si une fois vers Smarty mais j'ai eu plein de soucis de choses que j'arrivais pas à faire et j'ai pas eu le courage d'aller au delà de la documentation...
Donc du coup je code en MVC avec une vue mélangeant HTML et PHP.

BlueScreenJunky · 26/10/2012, 13h39

Pour ma part j'évite absolument le echo (je le faisais à une époque, mais c'est trop peu lisible à mon goût, surtout qu'on perd la coloration syntaxique et la validation html de l'IDE).

Donc mélange de php ou HTML pour les pages web assez simple, ou moteur de template (Twig dans mon cas, mais smarty a l'air très bien aussi) pour les projets plus consistants.

moriarti13 · 26/10/2012, 13h51

Curieux d'avoir pris une techno morte et dépassée pour exemple de moteur de template

feuxxx · 26/10/2012, 13h51

Pour ma part j'utilise des templates + moteur maison sous forme de class.

Le melange de PHP & HTML est une chose que tu fais quand tu es newbie dans le dev et de plus cela est imbuvable le melange et pour retrouver ces petits c'est pas facile.

LooserBoy · 26/10/2012, 13h57

Si je suis ou serais seul sur le projet (cas d'un dev perso par ex.), j'utilise PHP+HTML en majorité même si j'ai déjà fait un ou deux trucs avec smarty car j'avais fait faire les graphismes et mise en page par quelqu'un d'autre.

Si je n'ai pas la garantie de maintenir moi-même ou qu'il s'agit d'un dev collaboratif, je préfère utiliser un moteur comme smarty.

xwz · 26/10/2012, 13h58

Personnellement j'utilise un système proche du framework zend. A savoir un fichier .php pour chaque vues de mes modules que je récupère avec un include dans la méthode de génération du code html. Je récupére le tout avec des ob_start() et je n'affiche le code final qu'après la génération complète de ma page. Le principal avantage, c'est qu'à n'importe quel moment n'importe quel module peut balancer un header, référencer de nouveaux fichiers CSS et javascript. Ca ressemble donc plus à la méthode du echo mais avec l'affichage complètement séparé du traitement des données.

SQUAL · 26/10/2012, 14h17

Vu comme c'est présenté dans l'exemple c'est sûr que c'est pas joli, alors que comme ci-dessous je trouve ça correcte ca ne me gène pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<?php
$user = "Jean";
$messages = array(
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    'Cras sit amet mi quis mauris varius dignissim id et ipsum.',
    'Quisque id lacus lorem.'
);
?> 
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>
 <?php if (!isset($user)) : ?>
    <p class="error">Veuillez vous connecter</p>';
<?php else : ?>
    <h2>Bienvenue <?=$user ?></h2>
    <span>Vous avez <?= count($messages) ?> messages en attente</span>
 
   <?php foreach ($messages as $message) : ?>
        <p class="message"> <?= $message ?> </p>;
    <?php endforeach; ?>
<?php endif; ?>
 
</body>
</html>

Je trouve ça beaucoup plus lisible, pas vous ?

Squisqui · 26/10/2012, 14h19

N'ayant fait que des petits projets (à titre personnel ou études) sur des plateformes très restreintes, le mélange PHP + HTML m'a paru le plus adapté à mes besoins.

Le code PHP et HTML restant tout de même le plus séparé possible pour garder des pages HTML le plus claires possible.

25/10/2012, 16h10	#2
grunk Modérateur Olivier Développeur Web Inscription : août 2003 Messages : 2 499 Détails du profil Informations personnelles : Nom : Olivier Âge : 28 Localisation : France, Côte d'Or (Bourgogne) Informations professionnelles : Activité : Développeur Web Secteur : Industrie Informations forums : Inscription : août 2003 Messages : 2 499 Points : 5 214 Points : 5 214	Avec un moteur de template , en l'occurence Twig (sans symfony). Ça le gros avantage d’empêcher les intégrateurs/graphiste de venir bidouiller du code qu'ils n'ont en principe pas à toucher (ils se retrouvent avec un "langage" inconnue et du coup ne tente pas de modifier). J'avais fait un passage sur smarty2 mais twig m'a ensuite très vite conquis par sa synthaxe et son code source. Après quand j'ai le choix j'essai de plutôt utiliser des fichiers html avec quelques <?php echo $mavar ?> pour le gain de performance comparé à tout un moteur de template. __________________ Pry Framework php5 \| Recherche CDI dev. Web sur Dijon et alentours.
	20

25/10/2012, 16h32	#3
FirePrawn Responsable (X)HTML/CSS Sébastien Germez Ingénieur réalisateur Inscription : mars 2011 Messages : 2 646 Détails du profil Informations personnelles : Nom : Sébastien Germez Âge : 25 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 2 646 Points : 20 615 Points : 20 615	J'utilise le PHP et le HTML mélangé personnellement. Et j'exècre particulièrement la méthode echo que je trouve immonde __________________ Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi ! Avant toute chose : lire le mode d'emploi du forum et ses règles. Je ne réponds pas aux questions techniques en MP.
	40

25/10/2012, 16h36	#4
rawsrc Modérateur Martin Dev indep Inscription : mars 2004 Messages : 2 593 Détails du profil Informations personnelles : Nom : Martin Âge : 36 Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur) Informations professionnelles : Activité : Dev indep Informations forums : Inscription : mars 2004 Messages : 2 593 Points : 6 074 Points : 6 074	PHP + HTML Moteur de template (twig parfois) et un autre spécifique qui manipule les vues comme des classes. __________________ # Dans la Création, tout est permis mais tout n'est pas utile...
	00

25/10/2012, 16h41	#5
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 18 118 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 42 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 18 118 Points : 64 842 Points : 64 842	J'apprécie aussi la syntaxe alternative pour les structures de contrôle que je trouve aussi plus claire. Sinon, même si la production de HTML dépend des cas traités et des types de projets, j'essaye au maximum d'utiliser la Syntaxe Heredoc. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

25/10/2012, 19h25	#6
ABCIWEB Expert Confirmé Alain Inscription : septembre 2010 Messages : 1 917 Détails du profil Informations personnelles : Nom : Alain Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : septembre 2010 Messages : 1 917 Points : 2 851 Points : 2 851	Par défaut et de préférence, en mélangeant PHP+HTML. Mais cela dépend du contexte, certaines fonctions ou classes peuvent renvoyer un bloc de code par un echo. Ce sont des critères comme la clarté du code, la facilité de mise en place, l'évolutivité et la maintenance qui impliquent le choix final. Sinon, je me suis intéressé un peu à la syntaxe Heredoc, mais je trouve qu'il y a trop de contraintes et de restrictions pour généraliser facilement son usage. Je la garde donc plutôt en réserve pour les cas où son emploi est manifestement plus pratique que la syntaxe classique. Les short open tags peuvent provoquer des confusions avec d'éventuelles balises xml et dépendent de la configuration du serveur donc j'évite de les utiliser. Avec php 5.4 "<?=" sera toujours disponible mais bon ce ne sera pas ma priorité. Quant à la syntaxe alternative, je comprend pas l'intérêt que certains y accordent. Certes on peut trouver cela plus clair (et encore ça se discute), mais pour moi ce qui ne se discute pas c'est que cela rend évidemment totalement inopérant l'équilibrage des accolades dans mon éditeur favori Nan là pour moi c'est vraiment trop rédhibitoire __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	20

26/10/2012, 09h47	#10
FirePrawn Responsable (X)HTML/CSS Sébastien Germez Ingénieur réalisateur Inscription : mars 2011 Messages : 2 646 Détails du profil Informations personnelles : Nom : Sébastien Germez Âge : 25 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 2 646 Points : 20 615 Points : 20 615	Chacun son choix. Comme je l'ai dit, c'est que je pense personnellement, j'ai pas dit que la méthode était immonde, mais que POUR MOI elle l'était __________________ Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi ! Avant toute chose : lire le mode d'emploi du forum et ses règles. Je ne réponds pas aux questions techniques en MP.
	00

26/10/2012, 13h02	#11
Onixio Invité de passage Inscription : février 2011 Messages : 1 Détails du profil Informations forums : Inscription : février 2011 Messages : 1 Points : 0 Points : 0	C# Ben moi je le produit avec des vues partielles et le moteur de template RAZOR pour C#
	01

26/10/2012, 13h27	#13
transgohan Expert Confirmé Baptiste ROUSSEL Développeur Temps réel Embarqué Inscription : janvier 2011 Messages : 1 295 Détails du profil Informations personnelles : Nom : Baptiste ROUSSEL Localisation : France, Territoire de Belfort (Franche Comté) Informations professionnelles : Activité : Développeur Temps réel Embarqué Informations forums : Inscription : janvier 2011 Messages : 1 295 Points : 2 856 Points : 2 856	J'ai jamais passé la marche vers les templates. Enfin si une fois vers Smarty mais j'ai eu plein de soucis de choses que j'arrivais pas à faire et j'ai pas eu le courage d'aller au delà de la documentation... Donc du coup je code en MVC avec une vue mélangeant HTML et PHP. __________________ Toujours se souvenir que la majorité des ennuis viennent de l'espace occupé entre la chaise et l'écran de l'ordinateur.
	41

26/10/2012, 13h39	#14
BlueScreenJunky Invité régulier Développeur Web Inscription : avril 2012 Messages : 5 Détails du profil Informations personnelles : Sexe : Localisation : France, Hauts de Seine (Île de France) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : avril 2012 Messages : 5 Points : 6 Points : 6	Pour ma part j'évite absolument le echo (je le faisais à une époque, mais c'est trop peu lisible à mon goût, surtout qu'on perd la coloration syntaxique et la validation html de l'IDE). Donc mélange de php ou HTML pour les pages web assez simple, ou moteur de template (Twig dans mon cas, mais smarty a l'air très bien aussi) pour les projets plus consistants.
	30

26/10/2012, 13h51	#15
moriarti13 Nouveau Membre du Club Inscription : juillet 2011 Messages : 22 Détails du profil Informations forums : Inscription : juillet 2011 Messages : 22 Points : 32 Points : 32	Curieux d'avoir pris une techno morte et dépassée pour exemple de moteur de template
	36

26/10/2012, 13h51	#16
feuxxx Directeur des systèmes d'information Inscription : novembre 2008 Messages : 4 Détails du profil Informations personnelles : Sexe : Informations professionnelles : Activité : Directeur des systèmes d'information Informations forums : Inscription : novembre 2008 Messages : 4 Points : -2 Points : -2	Pour ma part j'utilise des templates + moteur maison sous forme de class. Le melange de PHP & HTML est une chose que tu fais quand tu es newbie dans le dev et de plus cela est imbuvable le melange et pour retrouver ces petits c'est pas facile.
	26

26/10/2012, 13h57	#17
LooserBoy Membre Expert Alexis Lechevalier Ingénieur développement logiciels Inscription : février 2005 Messages : 1 047 Détails du profil Informations personnelles : Nom : Alexis Lechevalier Localisation : France, Essonne (Île de France) Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : février 2005 Messages : 1 047 Points : 1 727 Points : 1 727	Si je suis ou serais seul sur le projet (cas d'un dev perso par ex.), j'utilise PHP+HTML en majorité même si j'ai déjà fait un ou deux trucs avec smarty car j'avais fait faire les graphismes et mise en page par quelqu'un d'autre. Si je n'ai pas la garantie de maintenir moi-même ou qu'il s'agit d'un dev collaboratif, je préfère utiliser un moteur comme smarty. __________________ Vu sur un paquet de cigarettes: "Fumer peut entrainer une mort lente et douloureuse" Vivre aussi... Ce n'est pas forcément moins douloureux et c'est même beaucoup plus lent... "Les fumeurs meurent prématurément" Puisqu'on dit que ce sont toujours les meilleurs qui s'en vont en premier...
	10

26/10/2012, 13h58	#18
xwz Membre à l'essai Développeur informatique Inscription : décembre 2005 Messages : 32 Détails du profil Informations personnelles : Âge : 25 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : décembre 2005 Messages : 32 Points : 20 Points : 20	Personnellement j'utilise un système proche du framework zend. A savoir un fichier .php pour chaque vues de mes modules que je récupère avec un include dans la méthode de génération du code html. Je récupére le tout avec des ob_start() et je n'affiche le code final qu'après la génération complète de ma page. Le principal avantage, c'est qu'à n'importe quel moment n'importe quel module peut balancer un header, référencer de nouveaux fichiers CSS et javascript. Ca ressemble donc plus à la méthode du echo mais avec l'affichage complètement séparé du traitement des données.
	00

26/10/2012, 14h19	#20
Squisqui Membre chevronné Inscription : décembre 2010 Messages : 233 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 233 Points : 617 Points : 617	N'ayant fait que des petits projets (à titre personnel ou études) sur des plateformes très restreintes, le mélange PHP + HTML m'a paru le plus adapté à mes besoins. Le code PHP et HTML restant tout de même le plus séparé possible pour garder des pages HTML le plus claires possible.
	20

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email