Séparation du code php du code html

Version imprimable

04/11/2011, 10h05
aymen8219

Séparation du code php du code html

Bonjour,

je suis débutant dans le développement web et je cherche une solution comment séparer le code HTML du code PHP, est que vous pouvez m'aider SVP ?

Merci.
04/11/2011, 10h22
Epliknot

Bonjour,

qu'entend tu pars la ? as tu un exemple à donner ?
04/11/2011, 11h19
aymen8219

Séparation le code php du code html
bonjour,

je vous donnes un exemple d'un tableau en php et html les variables var1et var.. je le récupère depuis une base de données.
Code:

1 2 3 4 5 6 7 8 9 echo"<table>"; echo"<tr>"; echo"<td>".$var1."</td>"; echo"<td>".$var12."</td>"; echo"<td>".$var2."</td>"; echo"<td>".$var2."</td>"; echo"</tr>"; echo"</table>";
ce que je demande c'est si possible de ne pas écrire echo"<table>"....dans le fichier php et de l'ecrire dans un fichier html séparer et d'appeler le résultat du fichier php dans le tableau du fichier html.

Merci une autre fois.

Ce n'est pas possible de séparer complètement le PHP du HTML vu que le PHP assure en partie l'affichage, mais c'est possible (même recommandé à mon avis) de séparer le code en différentes parties, comme c'est notamment le cas en MVC.

De manière simplifiée et pour reprendre ton exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <?php // Logique de la page, PHP uniquement $viewData = array( 'tdVars' => array($var1, $var2, $var3...), 'otherVar' => 'Hello', ... ); ?>  <table> <tr> <?php foreach($viewData['tdVars'] as $var): ?> <td><?php echo $var ?></td> <?php endforeach; ?> </tr> </table>

Citation:

Ce n'est pas possible de séparer complètement le PHP du HTML vu que le PHP assure en partie l'affichage, mais c'est possible (même recommandé à mon avis) de séparer le code en différentes parties, comme c'est notamment le cas en MVC.

Eeeeh si, c'est possible. C'est d'ailleurs ce qui à fait le lit des moteurs de templates comme Smarty ou les squelletes de SPIP.

Tout repose sur un seul concept: la bufferisation de contenu (bonjour l'anglicisme).

Voici concrêtement de quoi il s'agit. Nous avons un application pilotée par un ensemble de scripts PHP que nous appelleront les contrôleurs. Pour afficher les données que ces contrôleurs manipulent, nous utilisons des vues HTML (utiliser un autre format est tout à fait possible par ailleurs).

Voici notre vue:
fichier ma_page.html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Insert title here</title> </head> <body> <h1>Ma Page</h1> <p>Bonjour je m'appelle %nom% %prenom% et j'ai %age% ans.</p> </body> </html>
Ce code HTML ne devra jamais être appellé par le navigateur du client, et pour cause, il manque les données. Afin de pouvoir insérer ces dernières, nous avons placé un certain nombre de pseudo tags pour identifier l'endroit ou les mettre. Il faut donc mettre ce fichier de vue dans une partie inaccessible au navigateur du client.

Maintenant, nous allons créer le contrôleur, c'est lui qui sera effectivement chargé de tout le travail:
Code:

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 31 32 33 34 35 36 37 38 // initialisons les variables $nom = "Delespierre"; $prenom = "Benjamin"; $age = 24; // On va charger le contenu de la vue, plusieurs méthode sont possibles: // - réccupérer le contenu avec file_get_contents // - bufferiser le contenu avec ob_start / ob_end // - on peut même utiliser une URL, du XML ou tout ce qui te passe par la tête // nous allons utiliser la seconde alternative // on commence à "bufferiser" // ce qui signifie qu'au lieu d'afficher // les donnés sur le navigateur, // PHP va les stocker dans un buffer ob_start(); // on inclut la vue à charger include "ma_page.html"; // on réccupère ce qu'on vient d'écrire $html = ob_get_contents(); // on arrête de bufferiser ob_end_clean(); // Maitenant on fait les remplacements: $remplacement = array( '%nom%' => $nom, '%prenom%' => $prenom, '%age%' => $age ); $html = str_replace(array_keys($remplacement), array_value($remplacement), $html); // Finalement on affiche ce qu'on a produit echo $html;
Et voilà, nous venons de séparer totalement le traitement (le PHP) de l'affichage (le HTML). Cet exemple se veut volontairement simpliste, il n'est destiné qu'a comprendre la logique de la bufferisation de contenus.

Bien d'autres techniques existent pour séparer proprement le traitement de la mise en forme. Si tu souhaite en apprendre plus, je te recommande d'apprendre le paradigme MVC, c'est de loin ce qui est le plus utilisé dans ce cas à l'heure actuelle pour la réalisation d'IHM.

04/11/2011, 16h58
Marc3001

Moi perso, j'utilise un process perso qui consiste à créer par page un HTML avec des tags et un php qui valorise une variable par tag. A la fin du traitement PHP, tu remplaces les tags par le contenu des variables et tu affiches ce HTML généré.

J'imagine qu'il existe des frameworks qui le permettent....
04/11/2011, 17h24
Benjamin Delespierre

Personnellement j'utilise désrmais la syntaxe alternative, c'est à la fois ce qu'il existe de plus puissant de plus performant pour créer des vues.

Mes vues sont donc en nom.format.php et appelées depuis une classe de chargement qui injecte dans leur scope les variables reçues des différents contrôleurs invoqués durant le flot de traitement de la requête.

Je ne comprends pas du tout cet engouement actuel pour les moteur de templates... PHP est à la base un moteur de templates en lui même. Il faut juste l'utiliser correctement de ne pas faire n'importe quoi comme mettre des executions de requêtes SQL dans des vues par exemple - ce qu'on voit malheureusement trop souvent :cry:

Citation:
Envoyé par Benjamin Delespierre
Eeeeh si, c'est possible. C'est d'ailleurs ce qui à fait le lit des moteurs de templates comme Smarty ou les squelletes de SPIP.

Tout repose sur un seul concept: la bufferisation de contenu (bonjour l'anglicisme).

Voici concrêtement de quoi il s'agit. Nous avons un application pilotée par un ensemble de scripts PHP que nous appelleront les contrôleurs. Pour afficher les données que ces contrôleurs manipulent, nous utilisons des vues HTML (utiliser un autre format est tout à fait possible par ailleurs).

Voici notre vue:
fichier ma_page.html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Insert title here</title> </head> <body> <h1>Ma Page</h1> <p>Bonjour je m'appelle %nom% %prenom% et j'ai %age% ans.</p> </body> </html>
Ce code HTML ne devra jamais être appellé par le navigateur du client, et pour cause, il manque les données. Afin de pouvoir insérer ces dernières, nous avons placé un certain nombre de pseudo tags pour identifier l'endroit ou les mettre. Il faut donc mettre ce fichier de vue dans une partie inaccessible au navigateur du client.

Maintenant, nous allons créer le contrôleur, c'est lui qui sera effectivement chargé de tout le travail:
Code:

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 31 32 33 34 35 36 37 38 // initialisons les variables $nom = "Delespierre"; $prenom = "Benjamin"; $age = 24; // On va charger le contenu de la vue, plusieurs méthode sont possibles: // - réccupérer le contenu avec file_get_contents // - bufferiser le contenu avec ob_start / ob_end // - on peut même utiliser une URL, du XML ou tout ce qui te passe par la tête // nous allons utiliser la seconde alternative // on commence à "bufferiser" // ce qui signifie qu'au lieu d'afficher // les donnés sur le navigateur, // PHP va les stocker dans un buffer ob_start(); // on inclut la vue à charger include "ma_page.html"; // on réccupère ce qu'on vient d'écrire $html = ob_get_contents(); // on arrête de bufferiser ob_end_clean(); // Maitenant on fait les remplacements: $remplacement = array( '%nom%' => $nom, '%prenom%' => $prenom, '%age%' => $age ); $html = str_replace(array_keys($remplacement), array_value($remplacement), $html); // Finalement on affiche ce qu'on a produit echo $html;
Et voilà, nous venons de séparer totalement le traitement (le PHP) de l'affichage (le HTML). Cet exemple se veut volontairement simpliste, il n'est destiné qu'a comprendre la logique de la bufferisation de contenus.

Bien d'autres techniques existent pour séparer proprement le traitement de la mise en forme. Si tu souhaite en apprendre plus, je te recommande d'apprendre le paradigme MVC, c'est de loin ce qui est le plus utilisé dans ce cas à l'heure actuelle pour la réalisation d'IHM.
Bonjour, dans le cadre de votre exemple comment sont gérées les boucles exemple si l'on récupère des données de la bdd, avec un

Code:

while($data=mysql_fetch_assoc($result))

Bien à vous,

S. P.

05/12/2012, 11h23
Benjamin Delespierre

Un moteur de template qui sait utiliser les boucles est une perte de temps, il vaut mieux utiliser la syntaxe alternative, c'est plus rapide et surtout plus naturel.
05/12/2012, 11h41
piotrowski-s

oui je comprends,

mais ce que je voudrais c'est que vraiment il n'y ait plus de code php dans le html c'est une contrainte que j'ai.

par avance merci.
05/12/2012, 13h56
Benjamin Delespierre

Contrainte imbécile mais bon. On peut à l'extrême limite le comprendre quand des intégrateurs qui ne connaissent vraiment rien à PHP doivent intervenir sur la couche présentation... A la rigueur.

Smarty ou Twig savent faire ce genre de choses.

Dans tous les cas, essayer de faire le tien relève du non sens. Comme l'a fait remarquer Rasmus à maintes reprises, PHP n'a pas besoin de moteur de template: PHP est un moteur de template !

Je m'y suis moi même essayé, à plusieurs reprises (je suis maso :sm:) et à chaque fois, je me suis aperçu que pour couvrir tous les besoin, il fallait énormément de temps afin de créer quelque chose de suffisamment générique.

Template Engine ? YAGNI !

Je me trompe, ou le pauvre aymen8219 s'est complètement perdu en route ?

Tout ce qu'il voulait savoir, c'est remplacer :

Code:

1
2
3
4
5
6
7
8
9
10
<?php
echo"<table>";
echo"<tr>";
echo"<td>".$var1."</td>";
echo"<td>".$var12."</td>";
echo"<td>".$var2."</td>";
echo"<td>".$var2."</td>";
echo"</tr>";
echo"</table>";
?>

Par :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
// ici, du code PHP
?>
<!-- ici, du code HTML, avec par endroit des insertions de code PHP -->
<table>
	<tr>
		<td><?php echo $var1; ?></td>
		<td><?php echo $var12; ?></td>
		<td><?php echo $var2; ?></td>
		<td><?php echo $var2; ?></td>
	</tr>
</table>
<?php
// ici, encore du code PHP
?>
<!-- ici, encore du code HTML,... -->

05/12/2012, 17h30
Benjamin Delespierre

J'ajouterai qu'il s'agit d'un thread qui à un an, c'est normal qu'il soit plus là :mouarf:
05/12/2012, 19h47
Invité

Citation:

Envoyé par Benjamin Delespierre

J'ajouterai qu'il s'agit d'un thread qui à un an, c'est normal qu'il soit plus là :mouarf:

:boulet: ! Je n'avais pas vu que piotrowski-s l'avait "ressorti du placard" !
Ca m'apprendra à vouloir toujours défendre la veuve et l'orphelin !
06/12/2012, 10h03
piotrowski-s

oui je suis désolé, pour ma part je codais je codais tout un temps sans que cela pose de problème et tout à coup on m'a dit plus de traitement dans l'affichage et c'est la que je suis tombé sur ce poste,

par conséquent la technique de bufferisation me plaisait bien même si en toute honnêteté j'ai testé la quasi totalité des moteurs de template même si PHP est un moteur de template, je ne peux même pas avoir de synthaxe alternative, car on m'a dit plus de traitement ou de php dans l'affichage...

Du coup je pense m'orienter vers rainTPL sans en être sur, je pèse encore le pour et le contre.

Désolé d'avoir sorti ce topic du placard.
06/12/2012, 10h11
rawsrc

Citation:

Envoyé par piotrowski-s

je ne peux même pas avoir de synthaxe alternative, car on m'a dit plus de traitement ou de php dans l'affichage...

ça c'est encore un type qui doit souvent mettre les mains dans le cambouis et qui du haut de son expérience prend une décision de m..de pour je ne sais quelle raison à la mode.

Que tu ne fasses aucun traitement lourd dans tes vue, c'est plutôt une très bonne chose mais de là à interdire une boucle ?!???!

Allez je te conseille de passer par XML/XSLT tu obtiendras ton HTML sans aucun code PHP dedans et tu lui cloueras le bec.
06/12/2012, 10h33
piotrowski-s

Mais pire encore quand on m'a dit pas une boucle j'étais très surpris...

Je veux bien croire qu'un designer n'y connaisse rien mais de la...

Je m’attendais à tout sauf à ça, je suis vraiment tombé des nues!
06/12/2012, 10h40
rawsrc

Ah ça s'explique : décision prise par un designer.

Le truc c'est que de ton côté tu logeais peut-être bien trop de traitements dans tes vues et à bout il est parti en sucette en tapant l'extrême opposé.
Essaye de négocier un juste milieu : plus aucun traitement sauf une boucle de temps en temps et un if par ci par là, rien de plus.
06/12/2012, 10h53
piotrowski-s

j'ai pas le dernier mot c'est le fils du bosse. En gros c'est ou j'écrase et j'éxécute ou je prend la porte...

Quoi qu'il en soit je suis pas un âne qu'on fait avancer à la carotte, tôt ou tard je vais partir.

plutôt même tôt que tard.
06/12/2012, 12h21
Benjamin Delespierre

Citation:

Allez je te conseille de passer par XML/XSLT tu obtiendras ton HTML sans aucun code PHP dedans et tu lui cloueras le bec.

Aouch, c'est quand même du super lourd ce que tu lui propose là ! Super puissant mais surtout super compliqué à mettre en place, c'est pas adapté à tous les cas de figure...

Comme je disait:

Citation:

Contrainte imbécile mais bon. On peut à l'extrême limite le comprendre quand des intégrateurs qui ne connaissent vraiment rien à PHP doivent intervenir sur la couche présentation... A la rigueur.

Mon conseil: utilise Twig.
06/12/2012, 13h26
rawsrc
Ah ça pour du lourd c'est lourd mais c'est garanti 100% sans PHP.

Parce que même avec twig, il risque de se dire que le développeur essaye de l'enfumer vu qu'il est possible de voir dans le rendu
```
{% if %}
{% elseif %}
{% for ... in ... %}
```
Il va se dire, tiens mais c'est du PHP :aie:
Allez la porte p'tit gars :mrgreen:
06/12/2012, 13h57
Benjamin Delespierre

Ouais mais s'il lui dit "pour modifier l'affichage, joue donc avec cette XSLT, voici le XML d'exemple et la DTD", je crois qu'il va prendre la porte tout pareil :mouarf: