Cours 10 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 2 de 2)

Transcription

1 École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 10 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 2 de 2) Faculté des arts et des sciences 17 novembre 2017 Christine Dufour, / 17

2 SCI / 17 Au programme aujourd hui B.A.-BA de la chasse aux erreurs en PHP Intégration Web d une base de données MySQL pour l enregistrement de données Partie 2 : Préparation du code PHP pour enregistrer les données Présentation du volet C Travail en laboratoire : Volet C (Partie A)

3 SCI / 17 B.A.-BA de la chasse aux erreurs en PHP Exploitation de la coloration syntaxique de NotePad++ Exploitation de l'association, dans NotePad++ des caractères "d'encadrement" (parenthèses, balises, etc.) Utilisation de la mise en commentaires pour cibler le morceau de code problématique

4 SCI / 17 Approche utilisée PHP pour non programmeurs! Approche des «blocs de construction» : chacun des blocs se traduit en différents morceaux de codes Présentation dans les acétates des différents blocs de code avec identification des éléments à modifier (éléments indiqués en bleu)

5 SCI / 17 Code PHP pour enregistrer des données [1/2] 5 blocs pour enregistrer des données dans la table X de la base de données Y 1. Connexion avec la base de données Y 2. Préparation de la requête SQL générique pour l ajout des données dans la table X 3. Exécution de la requête SQL en précisant les valeurs à saisir 4. Fermeture de la requête 5. Fermeture de la base de données Caractéristiques générales d une page PHP Fichier avec extension.php Code PHP encadré par une balise d ouverture <?php et de fermeture?> Le code présenté correspond à l exemple «demo_c10» accessible à l URL (fichiers

6 SCI / 17 Code PHP pour enregistrer des données [2/2] Structure générique pour enregistrement try { [Blocs 1 à 5] } // Gestion des erreurs catch(exception $e) { exit('erreur : '.$e->getmessage()); }

7 SCI / 17 Code PHP pour enregistrer : Bloc 1 1. Connexion avec la base de données En bleu = à personnaliser $pdo_options[pdo::attr_errmode] = PDO::ERRMODE_EXCEPTION; $bdd = new PDO('mysql:host=localhost;dbname=dufourch', 'dufourch', 'mdp', $pdo_options); $bdd->exec("set CHARACTER SET utf8"); Mot de passe sur serveur MySQL Considérations particulières Comme les informations d identification sur le serveur sont passées en clair dans le code, ce bloc n est habituellement pas inséré directement dans le code PHP, pour des raisons de sécurité. On place cette information dans un fichier séparé (nommé ouverture_bd.php dans l exemple utilisé), fichier que l on dépose dans un dossier App_Data, dossier qui fait l objet d une protection particulière sur le serveur. Dans le fichier PHP qui sert à l enregistrement des données, on insère ce fichier en l appelant avec une commande INCLUDE : include 'App_Data/ouverture_bd.php'; Chemin relatif pour se rendre jusqu au fichier contenant le bloc d instruction Nom de la base de données MySQL Nom d usager sur serveur MySQL

8 SCI / 17 Code PHP pour enregistrer : Bloc 2 2. Préparation de la requête SQL générique pour enregistrer les données Variable dans laquelle on enregistre la requête SQL $requete_ajout = $bdd->prepare('insert INTO donnees (q1, q2_1, q2_2, q2_3, q3, q4, q5, q6, q6_autre, q7) VALUES (:q1, :q2_1, :q2_2, :q2_3, :q3, :q4, :q5, :q6, :q6_autre, :q7);'); À noter : Requête SQL La requête pour l ajout est une requête SQL INSERT INTO. Pour un formulaire permettant la modification des données, il s agirait plutôt d une requête UPDATE. Les valeurs à verser dans la table (clause VALUES) ne sont pas définies dans la requête (requête générique ). Elles sont représentées, à cette étape, par des variables avec la syntaxe :nom_variable. Les valeurs de ces variables seront définies dans le bloc suivant.

9 SCI / 17 Code PHP pour enregistrer : Bloc 3 3. Exécution de la requête et définition des variables $requete_ajout->execute(array('q1' => $_POST['q1'], 'q2_1' => $_POST['q2_1'], 'q2_2' => $_POST['q2_2'], 'q2_3' => $_POST['q2_3'], 'q3' => $_POST['q3'], 'q4' => $_POST['q4'], 'q5' => $_POST['q5'], 'q6' => $_POST['q6'], 'q6_autre' => (@$_POST['q6_autre']?$_POST['q6_autre']:NULL), 'q7' => $_POST['q7'])); À noter : Array = vecteur contenant les variables de la requête SQL avec leurs valeurs Syntaxe générique array('nom_var1'=>valeur1, 'nom_var2'=>valeur2) Les valeurs des variables sont les valeurs conservées dans les contrôles du formulaire que l on peut interpeller avec la syntaxe $_POST['nom_controle1'] (formulaire avec méthode POST) Utilisation d une condition pour q6_autre pour bien enregistrer NULL si rien n est saisi, sinon ce sera une chaîne vide.

10 SCI / 17 Code PHP pour enregistrer : Blocs 4 et 5 // Bloc 4 : fermeture de la requête $requete_ajout->closecursor(); // Bloc 5 : fermeture de la base de données $bdd=null; À noter : il est important de toujours fermer les requêtes et la base de données pour ne pas créer d instabilité sur le serveur.

11 Choix 1 Choix 2 Choix 3 Choix 1 Choix 2 Choix 3 17 novembre 2017 SCI / 17 Où placer le code pour l'enregistrement? [1/3] 2 scénarios 1. On veut, après avoir soumis le formulaire, aller à une autre page Formulaire Champ 1 Autre page Champ 2 Champ 3 soumettre action 2. On veut permettre la saisie en continu de plusieurs réponses au formulaire (donc on veut rester sur le formulaire) Formulaire Champ 1 Champ 2 Champ 3 action soumettre

12 SCI / 17 Où placer le code pour l'enregistrement? [2/3] Scénario 1 (aller vers une autre page) : Dans un fichier à part du fichier du formulaire, au début du fichier Fichier merci.php

13 SCI / 17 Où placer le code pour l'enregistrement? [3/3] Scénario 2 (rester sur le formulaire) : Dans le même fichier que celui contenant le formulaire, au début du fichier Particularité : Le code pour l enregistrement est inséré dans une condition IF pour qu il ne s exécute que si la page a été rechargée après avoir cliqué sur le bouton de soumission. Ici, le bouton avait pour nom «action» et sa valeur, lorsque cliqué, est «Enregistrer superviseur». Fichier superviseur.php

14 SCI / 17 Exemple d interface complexe [1/2] Menu déroulant Recharge la page en donnant comme valeurs aux différents contrôles les données du stage choisi (requête SELECT) ou, si le choix Nouveau stage est fait, en vidant le formulaire. Bouton Enregistrer Enregistre les données : Requête INSERT INTO s il s agit d un nouveau stage, Requête UPDATE s il s agit d un stage existant. C est ici que les contraintes additionnelles sont validées. Bouton Supprimer Supprime les données du stage affiché (requête DELETE). Bouton affiché uniquement lors de la modification d un stage existant.

15 SCI / 17 Exemple d interface complexe [2/2] L action du formulaire associé aux boutons consiste à recharger la page. Grâce aux différentes conditions IF, seules les instructions PHP correspondant au bouton ayant provoqué la «recharge» de la page seront exécutées.

16 SCI / 17 Projet de session Volet C [1/2] Objectifs Développer des pages Web pour faire de la saisie de données et de la visualisation de données Contexte Système Web existant à compléter (trousse de départ sur StudiUM) Visuel prédéfini (bibliothèque CSS Bootstrap) Livrables Ensemble des fichiers constituant le système Web développé Base de données MySQL Travail en équipe, donc dans le compte partagé sur phpmyadmin ainsi que dans l espace commun sur GIN- EBSI

17 SCI / 17 Projet de session Volet C [2/2] Bibliothèque CSS Bootstrap «Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jquery.» ( Exemple de quelques styles :