Base de données

Pour illustrer l’utilisation des variables dans un site, nous allons créer une variable qui contient toutes les informations de chaque utilisateur.

Méthodebdd.php

Nous réalisons un fichier bdd.php que nous ajoutons à la racine de notre site, à côté de index.php.

1
<?php
2
// liste des utilisateurs
3
$listeUtilisateurs = [
4
    ['id' => '1', 'nom' => 'Aule', 'prenom' => 'Lucie', 'age' => '45', 'photo' => 'images/photos/lucie-aule.gif', 'slug' => 'lucie-aule'],
5
    ['id' => '2', 'nom' => 'Bon', 'prenom' => 'Jean', 'age' => '65', 'photo' => 'images/photos/jean-bon.gif', 'slug' => 'jean-bon'],
6
    ['id' => '3', 'nom' => 'Ball', 'prenom' => 'Annie', 'age' => '24', 'photo' => 'images/photos/annie-ball.gif', 'slug' => 'annie-ball'],
7
    ['id' => '4', 'nom' => 'Desbois', 'prenom' => 'Robin', 'age' => '56', 'photo' => 'images/photos/robin-desbois.gif', 'slug' => 'robin-desbois'],
8
    ['id' => '5', 'nom' => 'Céler', 'prenom' => 'Jacques', 'age' => '17', 'photo' => 'images/photos/jacques-celer.gif', 'slug' => 'jacques-celer'],
9
    ['id' => '6', 'nom' => 'Nade', 'prenom' => 'Marie', 'age' => '65', 'photo' => 'images/photos/marie-nade.gif', 'slug' => 'marie-nade'],
10
    ['id' => '7', 'nom' => 'Sapin', 'prenom' => 'Noël', 'age' => '12', 'photo' => 'images/photos/noel-sapin.gif', 'slug' => 'noel-sapin'],
11
    ['id' => '8', 'nom' => 'Heau', 'prenom' => 'Charles', 'age' => '65', 'photo' => 'images/photos/charles-heau.gif', 'slug' => 'charles-heau'],
12
    ['id' => '9', 'nom' => 'Tation', 'prenom' => 'Félicie', 'age' => '34', 'photo' => 'images/photos/felicie-tation.gif', 'slug' => 'felicie-tation'],
13
    ['id' => '10', 'nom' => 'Reneaux', 'prenom' => 'Mégane', 'age' => '34', 'photo' => 'images/photos/megane-reneaux.gif', 'slug' => 'megane-reneaux'],
14
    ['id' => '11', 'nom' => 'Kiroule', 'prenom' => 'Pierre', 'age' => '63', 'photo' => 'images/photos/pierre-kiroule.gif', 'slug' => 'pierre-kiroule'],
15
    ['id' => '12', 'nom' => 'Deschamps', 'prenom' => 'Rose', 'age' => '23', 'photo' => 'images/photos/rose-deschamps.gif', 'slug' => 'rose-deschamps']
16
];
17
Le tableau $listeUtilisateurs est un tableau indexé contenant 12 éléments.
Chaque élément est un tableau associatif avec six clés : id, nom, prenom, age, photo et slug (il est conseillé d’écrire les clés des tableaux de données en minuscules et sans accents).
Ce fichier contient uniquement du PHP. Il est recommandé de ne pas fermer la balise PHP.
En effet, certaines instructions PHP ne doivent pas être précédées de contenu HTML. Si la balise PHP est fermée et qu’un espace est ajouté après, cet espace est considéré comme du HTML.
Le risque est que l’inclusion (require) de ce fichier avant une instruction sensible provoque des erreurs, car le HTML ne serait pas autorisé à cet endroit.
Méthodeutilisateur/index.php
Dans le fichier utilisateur/index.php, nous allons inclure le fichier bdd.php et utiliser le tableau $listeUtilisateurs.
1
<?php
2
// ============================== 
3
// LIEN VERS LES DONNÉES 
4
// ==============================
5
$db = require '../bdd.php';
6
7
// ==============================
8
// VARIABLES POUR LA VUE
9
// ==============================
10
// Chemin de base pour les inclusions
11
$page_base = '../';
12
// Titre dynamique de la page
13
$page_title = 'Afficher les utilisateurs';
14
// Feuilles de styles spécifiques à la page
15
$page_styles = ['utilisateur'];
16
?>
17
<!DOCTYPE html>
18
<html lang='fr'>
19
20
<?php require '../head.php'; ?>
21
22
<body>
23
    <?php require '../header.php'; ?>
24
    <main>
25
        <h1>Afficher</h1>
26
27
        <ul class='utilisateur-list'>
28
            <li>
29
                <figure class='card'>
30
                    <img
31
                        src='<?= $listeUtilisateurs[0]['photo'] ?>'
32
                        alt='Photo <?= $listeUtilisateurs[0]['nom'] ?>' />
33
                    <figcaption>
34
                        <?= $listeUtilisateurs[0]['nom'] ?>
35
                        <?= $listeUtilisateurs[0]['prenom'] ?>
36
                        <?= $listeUtilisateurs[0]['age'] ?> ans
37
                    </figcaption>
38
                </figure>
39
            </li>
40
            <li>
41
                <figure class='card'>
42
                    <img
43
                        src='<?= $listeUtilisateurs[1]['photo'] ?>'
44
                        alt='Photo <?= $listeUtilisateurs[1]['nom'] ?>' />
45
                    <figcaption>
46
                        <?= $listeUtilisateurs[1]['nom'] ?>
47
                        <?= $listeUtilisateurs[1]['prenom'] ?>
48
                        <?= $listeUtilisateurs[1]['age'] ?> ans
49
                    </figcaption>
50
                </figure>
51
            </li>
52
            <li>
53
                <figure class='card'>
54
                    <img
55
                        src='<?= $listeUtilisateurs[2]['photo'] ?>'
56
                        alt='Photo <?= $listeUtilisateurs[2]['nom'] ?>' />
57
                    <figcaption>
58
                        <?= $listeUtilisateurs[2]['nom'] ?>
59
                        <?= $listeUtilisateurs[2]['prenom'] ?>
60
                        <?= $listeUtilisateurs[2]['age'] ?> ans
61
                    </figcaption>
62
                </figure>
63
            </li>
64
            <li>
65
                <figure class='card'>
66
                    <img
67
                        src='<?= $listeUtilisateurs[3]['photo'] ?>'
68
                        alt='Photo <?= $listeUtilisateurs[3]['nom'] ?>' />
69
                    <figcaption>
70
                        <?= $listeUtilisateurs[3]['nom'] ?>
71
                        <?= $listeUtilisateurs[3]['prenom'] ?>
72
                        <?= $listeUtilisateurs[3]['age'] ?> ans
73
                    </figcaption>
74
                </figure>
75
            </li>
76
            <li>
77
                <figure class='card'>
78
                    <img
79
                        src='<?= $listeUtilisateurs[4]['photo'] ?>'
80
                        alt='Photo <?= $listeUtilisateurs[4]['nom'] ?>' />
81
                    <figcaption>
82
                        <?= $listeUtilisateurs[4]['nom'] ?>
83
                        <?= $listeUtilisateurs[4]['prenom'] ?>
84
                        <?= $listeUtilisateurs[4]['age'] ?> ans
85
                    </figcaption>
86
                </figure>
87
            </li>
88
            <li>
89
                <figure class='card'>
90
                    <img
91
                        src='<?= $listeUtilisateurs[5]['photo'] ?>'
92
                        alt='Photo <?= $listeUtilisateurs[5]['nom'] ?>' />
93
                    <figcaption>
94
                        <?= $listeUtilisateurs[5]['nom'] ?>
95
                        <?= $listeUtilisateurs[5]['prenom'] ?>
96
                        <?= $listeUtilisateurs[5]['age'] ?> ans
97
                    </figcaption>
98
                </figure>
99
            </li>
100
            <li>
101
                <figure class='card'>
102
                    <img
103
                        src='<?= $listeUtilisateurs[6]['photo'] ?>'
104
                        alt='Photo <?= $listeUtilisateurs[6]['nom'] ?>' />
105
                    <figcaption>
106
                        <?= $listeUtilisateurs[6]['nom'] ?>
107
                        <?= $listeUtilisateurs[6]['prenom'] ?>
108
                        <?= $listeUtilisateurs[6]['age'] ?> ans
109
                    </figcaption>
110
                </figure>
111
            </li>
112
            <li>
113
                <figure class='card'>
114
                    <img
115
                        src='<?= $listeUtilisateurs[7]['photo'] ?>'
116
                        alt='Photo <?= $listeUtilisateurs[7]['nom'] ?>' />
117
                    <figcaption>
118
                        <?= $listeUtilisateurs[7]['nom'] ?>
119
                        <?= $listeUtilisateurs[7]['prenom'] ?>
120
                        <?= $listeUtilisateurs[7]['age'] ?> ans
121
                    </figcaption>
122
                </figure>
123
            </li>
124
            <li>
125
                <figure class='card'>
126
                    <img
127
                        src='<?= $listeUtilisateurs[8]['photo'] ?>'
128
                        alt='Photo <?= $listeUtilisateurs[8]['nom'] ?>' />
129
                    <figcaption>
130
                        <?= $listeUtilisateurs[8]['nom'] ?>
131
                        <?= $listeUtilisateurs[8]['prenom'] ?>
132
                        <?= $listeUtilisateurs[8]['age'] ?> ans
133
                    </figcaption>
134
                </figure>
135
            </li>
136
            <li>
137
                <figure class='card'>
138
                    <img
139
                        src='<?= $listeUtilisateurs[9]['photo'] ?>'
140
                        alt='Photo <?= $listeUtilisateurs[9]['nom'] ?>' />
141
                    <figcaption>
142
                        <?= $listeUtilisateurs[9]['nom'] ?>
143
                        <?= $listeUtilisateurs[9]['prenom'] ?>
144
                        <?= $listeUtilisateurs[9]['age'] ?> ans
145
                    </figcaption>
146
                </figure>
147
            </li>
148
            <li>
149
                <figure class='card'>
150
                    <img
151
                        src='<?= $listeUtilisateurs[10]['photo'] ?>'
152
                        alt='Photo <?= $listeUtilisateurs[10]['nom'] ?>' />
153
                    <figcaption>
154
                        <?= $listeUtilisateurs[10]['nom'] ?>
155
                        <?= $listeUtilisateurs[10]['prenom'] ?>
156
                        <?= $listeUtilisateurs[10]['age'] ?> ans
157
                    </figcaption>
158
                </figure>
159
            </li>
160
            <li>
161
                <figure class='card'>
162
                    <img
163
                        src='<?= $listeUtilisateurs[11]['photo'] ?>'
164
                        alt='Photo <?= $listeUtilisateurs[11]['nom'] ?>' />
165
                    <figcaption>
166
                        <?= $listeUtilisateurs[11]['nom'] ?>
167
                        <?= $listeUtilisateurs[11]['prenom'] ?>
168
                        <?= $listeUtilisateurs[11]['age'] ?> ans
169
                    </figcaption>
170
                </figure>
171
            </li>
172
        </ul>
173
    </main>
174
    <?php require '../footer.php'; ?>
175
</body>
176
177
</html>
<?php require 'bdd.php'; ?>: ce fichier bdd.php est inclus dans notre fichier.
  • $listeUtilisateurs[0] : correspond au premier élément du tableau $listeUtilisateurs.
  • $listeUtilisateurs[0]['nom'] : correspond au nom du premier élément du tableau $listeUtilisateurs.
Pour afficher le contenu d’une variable, nous pouvons utiliser la syntaxe raccourcie <?= ... ?> au lieu de <?php echo ... ?>