Atelier dveloppement Web DSI2x

Walid Beyaoui ISET de Bizerte 2013-2014

Atelier N5
Travailler avec les bases de donnes

Lobjectif de cet atelier est de manipuler les bases de donnes (MySQL) dans
les pages PHP. Il permet de raliser les oprations de bases sur une base de
donnes: lecture, ajout, mise jour et suppression.
Linterface daccueil est la suivante :

1- Crer une base MySQL appele "ISET".
2- Crer la table "Etudiant" champ par champ ou en utilisant le script suivant:
CREATE TABLE ETUDIANT(
MATRICULE CHAR( 5 ) NOT NULL ,
CIN CHAR( 8 ) NOT NULL ,
NOM CHAR( 20 ) NOT NULL ,
PRENOM CHAR( 20 ) NOT NULL ,
PHOTO CHAR( 20 ) NOT NULL
PRIMARY KEY ( matricule ) );
3- Crer un fichier index.php qui contient deux cadres (frame):
- leftFrame : dont la source est une page menu.html qui contient les
diffrents menus.
Atelier dveloppement Web DSI2x

Walid Beyaoui ISET de Bizerte 2013-2014
- mainFrame : un cadre qui contiendra la page principale de chaque
interface.
4- Crer le fichier connexion.php . Ce fichier doit permettre de se connecter
la base de donnes ISET et sera appel dans toutes les pages qui
ncessitent une connexion aux donnes.
5- Le lien Affichage dans le menu permet dafficher la liste des tudiants en
redirigeant le navigateur vers la page affichage.php . Dvelopper puis
tester cette page.

6- Le menu dajout permet laffichage du formulaire dajout suivant :

Atelier dveloppement Web DSI2x

Walid Beyaoui ISET de Bizerte 2013-2014
Lenvoi de formulaire permet denregistrer les donnes saisies dans la base
de donnes. Crer alors le formulaire dajout ainsi que le fichier de scripts
PHP pour la sauvegarde dans la base. Une fois excut, ce script doit
afficher soit un message derreur en cas de problme, soit un message de
confirmation denregistrement.
7- Le menu Mise jour permet laffichage du formulaire suivant :

La saisi de la matricule et lenvoi permet alors de rcuprer les donnes de
ltudiant sil existe sinon un message derreur.

Atelier dveloppement Web DSI2x

Walid Beyaoui ISET de Bizerte 2013-2014
NB. Il nest pas possible de mettre jour le champ matricule (cl primaire).
Le click sur le bouton modifier permet alors denregistrer les donnes
modifies dans la base. Dvelopper les diffrents formulaires ainsi que les
scripts ncessaires.
8- Le menu suppression permet laffichage du formulaire suivant :

La saisi de la matricule et lenvoi permet alors de supprimer ltudiant sil
existe sinon un message derreur. On pourrait contrler la suppression par un
script (JavaScript) de confirmation. Dvelopper alors le formulaire ainsi que le
script PHP ncessaire.