Créer un template design pour un site en PHP

**laurentSc** · 16/04/2020, 22h42

Envoyé par (.....)

C'est bon, c'est en fait un réservoir de milliers de propriétés CSS ?

Maintenant comment faire pour uniformiser les Quatre fichiers sous la même présentation ?

Ca te donne accès à un paquet de classes CSS et aussi à des routines javascript. Pour en savoir plus, une petite recherche sur DVP : https://guikprod.developpez.com/tuto...olio/partie-1/

Envoyé par (.....)

Ce que je voudrais, c'est qu'on trouve le même design bleu-blanc-rouge sur les 4 pages (accueil, événements, ...)

si tu utilises Bootstrap, c'est assuré.

Envoyé par (.....)

Dans le fichier gestionEvents ? Comment puis-je afficher le contenu des tables ?

J'y suis arrivé. Pas sûr de me rappeler de toutes les modifs, mais au moins :
- dans controleur.class.php : public $unModele ; au lieu de private.
- dans gestionEvents.php :

Code :

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

1
2
//appel de la méthode selectAllEvents
            $lesEvenements = $unControleur->unModele->selectAllEvents();

au lieu de $lesEvenements =selectAllEvents();

Invité · 17/04/2020, 09h08

Pour les tables, c'est bon. Par contre, toujours le même problème d'uniformisation du design, même avec Bootstrap ...

Invité · 17/04/2020, 09h42

Bonjour,

le design ne va pas apparaitre tout seul... ni en claquant des doigts.

Tu as un fichier style.css : à TOI de le remplir.

Pour Bootstrap 4 :

Invité · 17/04/2020, 09h48

Code css :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
html, body,
{
  padding:0; margin:0; width:100%; 
  min-height: 100vh; /* toute la hauteur du viewport */
  display: flex; /* crée un contexte flex pour ses enfants */
  flex-direction: column;/* affichage vertical */
}
 
header, footer
{
  font-size:1.4em; text-align:center; padding:10px;
}
 
section
{
  font-size:1.4em; text-align:center; padding:5px;
}
 
nav
{
  text-align: center;
  font-size:0.4em; text-align:center; padding:1px;
 
}
 
body {
  margin: 0;
  font-family: "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #ffff;
}
 
body,header, footer,
{
  margin: 1.2em 0.4em;
  padding: 20em;
  border-radius: 8px;
}
body > header { background: #0000ff; }
body > main > section { background: #eee; }
body > main > section { background: #dd8; }
body > footer { background: #f00; }
 
nav
{
  text-align: center;
}

Ce que je ne comprends pas, c'est pourquoi le design est uniquement visible sur la page d'accueil (test.html) et pas sur l'index (index.php) et les autres pages.

Invité · 17/04/2020, 09h57

Super... Et alors ?

1- Il n'y a aucune balises <header>, <footer>, <nav>, <section>,... dans ton code.

Revois la STRUCTURE HTML de ta page : ce sera ça, ton template.

HTML5 : le guide du débutant

2- CONSEILS : supprime aussi TOUS les ?> qui se trouvent EN toute FIN de fichier.
Ils sont non seulement inutiles, mais peuvent créer des problèmes (rajouter des espaces HTML, par exemple, qui peuvent nuire à un header('location...') ou autre)

Invité · 17/04/2020, 10h03

Envoyé par jreaux62

2- CONSEILS : supprime aussi TOUS les ?> qui se trouvent EN toute FIN de fichier.
Ils sont non seulement inutiles, mais peuvent créer des problèmes (rajouter des espaces HTML, par exemple, qui peuvent nuire à un header('location...') ou autre)

Dans le code de l'index PHP ?
Pourquoi faudrait-il que je supprime ces balises ?> ? Alors que le fichier doit être cloturé en PHP ?

Invité · 17/04/2020, 10h06

Il va falloir apprendre à faire des recherches tout seul, comme un grand...

Balises PHP

[...]
Si un fichier contient seulement du code PHP, il est préférable de ne pas placer la balise de fermeture à la fin du fichier. Ceci permet ...
[...]

**laurentSc** · 17/04/2020, 10h16

Envoyé par jreaux62

1- Il n'y a aucune balises <header>, <footer>, <nav>, <section>,... dans ton code.

je m'étais fait la même réflexion. Seule exception : index.html. Pour info :

Code html :

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>La ville de Paris</title>
        <link href="style.css" rel="stylesheet" /> 
    </head>
 
    <body> 
    <header><tr> <td colspan=12 width=75% align=center> <font size=10>Les événements de la ville de Paris</font></td></header>
 
 
      <section>
        <article><tr><td width=25% height=95 align=center> <a href="index.php?page=0/"><font size=8>Accueil</font></a></td></tr></article>
        <article><tr><td width=25% height=100 align=center> <a href="index.php?page=1/"><font size=8>Événements</font></a></td></tr></article>
        <article><tr><td width=25% height=100 align=center> <a href="index.php?page=2/"><font size=8>Personnes</font></a></td></tr></article>
        <article><tr><td width=25% height=100 align=center> <a href="index.php?page=3/"><font size=8>Participations</font></a></td></tr></article>
 
      </section>
 
    <footer>Copyright &copy; 2020 S.A. J&eacute;r&eacute;my JACOB</footer>
  </body>
</html>

comme par hasard et petite remarque : les attributs de la balise <td> et la balise <font>, c'est obsolète et aujourd'hui, ça se traite en CSS. En plus, il manque une balise <table> mais j'aurais plutôt fait ça avec <ul>.

Invité · 17/04/2020, 10h18

C'est que j'ai fait, j'ai cherché mais ne trouvant aucune solution, le dernier recours était ce forum.

En ne fermant pas la balise PHP, ça indique erreur dans mon site, normal quoi ...

Si je comprends bien, il faudrait que je reproduise le code HTML dans le fichier PHP ?

Invité · 17/04/2020, 10h25

On ne peut pas t'apprendre les bases du HTML et du CSS en une journée.

De plus :

Envoyé par (.....)

...dans le cadre d'un travail à rendre pour ce jeudi (BTS SIO), j...

On est vendredi....

Et ARRETE de cliquer sur "répondre avec citation" !!
Il y a un bouton "+ Répondre à la discussion" EN BAS à GAUCHE !

Invité · 17/04/2020, 10h34

On a eu un délai supplémentaire.

Si, je connais déjà le HTML et CSS mais ne sais comment le mettre en pratique sur un fichier PHP, car c'est là le manque du site : trouver le même design bleu-blanc-rouge sur tout le site.

Invité · 17/04/2020, 11h01

Tu n'as, en réalité, qu'une seule page pour l'affichage : index.php.

Je ne vois pas quel est ton problème ??

Si tu n'appliques pas les conseils qu'on te donne, que veux-tu qu'on fasse de plus ??

Invité · 17/04/2020, 11h07

Comme je l'ai dit plus haut, il me manque juste que le thème CSS choisi (bleu-blanc-rouge) apparaisse sur toutes les pages du site (index.php, evenements.php, personnes.php, ....) et pas seulement sur test.html comme c'est le cas.

Comment faire que je puisse le rendre avant cet après-midi ?

Invité · 17/04/2020, 11h08

Dans index.php :

Code html :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
    <title> Gestion des événements de Paris </title>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="style.css">
</head>
 
<body>
 
	<header>
		<h1>La ville de Paris</h1>
	</header>
 
	<nav>
		<a href="index.php?page=0">Accueil</a><br>
		<a href="index.php?page=1">Gestion des événements</a><br>
		<a href="index.php?page=2">Gestion des personnes</a><br>
		<a href="index.php?page=3">Gestion des participations</a><br>
	</nav>
 
	<main>
	<section>
<?php
 
   $Page = (isset($_GET['page'])) ? $_GET['page'] : 0 ;
 
   switch ($Page)
   {
    case 0 : require_once("accueil.php"); break;
    case 1 : require_once("gestionEvents.php"); break;
    case 2 : require_once("gestionPersonnes.php"); break;
    case 3 : require_once("gestionParticipations.php"); break;
   }
 
   ?>
	</section>
	</main>
	<footer>
		Copyright &copy; 2020 S.A. J&eacute;r&eacute;my JACOB
	</footer>
 
</body>
</html>

Sérieux... C'est le B-A-BA...

Invité · 17/04/2020, 11h09

C'est le B.A. mais je débute en PHP.

Ah là, c'est mieux !!! Design uniforme sur toutes les pages, c'est moche mais je vais corriger ça dans le CSS !

Seule ombre au tableau, sur chacune des mes quatre pages : ce message " Undefined variable: unControleur"

Comment puis-je corriger cette dernière erreur selon vous ?

**laurentSc** · 17/04/2020, 12h08

Ca vient du fait que jreaux62 a viré quelques lignes en te donnant la solution .

Remet

Code php :

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

1
2
3
4
5
6
<?php
require_once ("controleur/controleur.class.php");
 
//instanciation de la classe Controleur
$unControleur = new Controleur();
?>

en tête de index.php.

y a plus fort que moi, Jérôme.
FrankensteinSc

Invité · 17/04/2020, 12h29

Je me disais bien qu'il manquait quelque chose ...

Enfin, ça marche partout ... Il faut que je corrige le CSS car c'est moins moche mais quand même !