Passer au contenu principal
Formation développeur web
  • Accueil
  • Plus
Vous êtes connecté anonymement
Connexion
Accueil
Passer Hébergement
Hébergement


Vous n'avez pas encore votre propre espace web pour héberger vos projets ? Noms de domaines, Wordpress, VPS, espace de stockage : hébergez vos projets web dès maintenant, à partir de 1€ / mois.

Passer Formation
Formation


Vous êtes intéressé par le secteur du web, de l'informatique, de la programmation ? Que ce soit pour une formation qualifiante ou ponctuelle, en présentiel ou à distance, financée par l'état, par l'alternance, le CPF, etc...  Contactez-moi afin de vous orienter correctement.

  1. Back-end
  2. Base de données et PDO
  3. Annuaire
Devoir

Annuaire

Conditions d'achèvement
Ouvert le : mardi 10 septembre 2019, 00:00

Cet exercice se décompose en deux parties :

  • afficher une liste d'utilisateurs
  • afficher la page de profil d'un utilisateur


Partie 1 : afficher la liste des utilisateurs

Ce premier exercice sur l'utilisation des bases de données en PHP via PDO consiste à récupérer tous les éléments présents dans une table, puis de les afficher dans une page HTML à l'aide de PHP, tout simplement.

Consignes :

  1. récupérer le fichier annuaire.sql en bas de cet exercice
  2. créer une base de données "annuaire" dans votre serveur local
  3. importez le script annuaire.sql dans votre base de données afin de la remplir automatiquement d'une liste d'utilisateurs (via l'onglet Importation de phpMyAdmin)
  4. pour le front, préparer une simple page index.php (dans un nouveau dossier exercice)
  5. une fois que tout est prêt, afficher chaque utilisateur de la base de données en utilisant le composant Card de Bootstrap, selon le format présenté dans la vidéo

Marche à suivre :

  1. se connecter à la base de données
  2. exécuter la requête SQL SELECT * FROM users
  3. récupérez le résultat dans une variable $users
  4. bouclez sur $users pour générer toutes vos cartes Bootstrap
Une fois que c'est fini, vous pouvez rajouter votre propre fiche utilisateur dans la base de données, afin de manipuler un peu les bases de données, et vérifier que votre fiche apparaît bien sans avoir à modifier le code PHP.


Vidéo :

 

http://webboy.fr/pluginfile.php/945/mod_assign/intro/db-select-simple.mp4
 


Partie 2 : faire une page de profil utilisateur

Maintenant que l'on a accès à la liste de tous nos utilisateurs, j'aimerai avoir accès à leur fiche de profil séparément les uns des autres. Pour réaliser cela, il faut que le bouton Voir la fiche sur chaque carte, pointe vers une page user.php, et lui transmette l'id de l'utilisateur cliqué en paramètres via l'URL (méthode GET).

Puis, votre page user.php va récupérer le paramètre envoyé via $_GET. On se servira de l'id récupéré pour construire une requête SQL de la forme :

SELECT * FROM users WHERE id = xxxx;

Ensuite, vous récupérez le résultat, qui doit correspondre aux informations de l'utilisateur ayant l'id "xxxx", puis vous l'affichez dans votre template de page profil.

Vidéo : 

http://webboy.fr/pluginfile.php/945/mod_assign/intro/bdd-page-profil.mp4

 


Partie 3 : améliorations

Choses à faire :

  • améliorer l'esthétique à l'aide de Bootstrap
  • filtrer par genre (homme/femme/tous)
  • compter les utilisateurs
  • ajouter un utilisateur
  • supprimer un utilisateur


A faire en plus, mais pas encore présenté dans la vidéo :

  • modifier un utilisateur
  • faire un formulaire de recherche pour trouver un utilisateur par son nom (essayer les fonctions levenshtein() ou soundex() de PHP)


Note : les 4 actions (lire, mettre à jour, créer et supprimer), s'appel le CRUD. Pour Create, Read, Update, Delete.


Capture de mon arborescence pour cet exercice :



Variables d'environnements
Si vous avez le temps, mettez vos identifiants de base de données dans des variables dans le fichier env.php, puis servez-vous en pour vous connecter à la base de données. Cela ouvrira la voie sur la gestion des variables d'environnements.

Exemple d'utilisation de variables d'environnement :



Vidéo :

 

http://webboy.fr/pluginfile.php/945/mod_assign/intro/annuaire-2.mp4
 


  • annuaire.sql annuaire.sql
    19 octobre 2020, 09:47
Contacter l'assistance du site
Vous êtes connecté anonymement (Connexion)
Résumé de conservation de données
Obtenir l'app mobile
Fourni par Moodle