TP N 3 : Cration du composant Modle de larchitecture MVC

MPORTANT : pour le bon droulement de ce tutorial, il faut imprativement respecter le mme nommage. Et bien lire les commentaires et explications inclus avec le code source dans chaque figure.

Partie I : Cration de la base de donnes sous MYSQL

1. Vrifi que le service MYSQL est dmarr : panneaux de configuration -> outils dadministration -> services -> service MYSQL (tat du service dmarr) 2. Dans le dossier MySQL GUI Tools 5.0 excuter loutil MySQLAdministrator

Figure 1 : Authentification auprs du service MYSQL 3. Remplir les champs Server Host, Username et password puis valid par le bouton ok Dans la nouvelle fentre qui apparaisse vous cliquez sur le bouton catalog , dans la zone schma faite un clic droit, create new schma, tapez le nom de la base de donne esprit puis valider par ok . 1. Slectionnez la base de donnes esprit puis vous cliquez sur le bouton create Table pour crer une nouvelle table nomme utilisateur

Figure 2 : Cration de la base de donnes esprit

Figure 3 : Cration de la table utilisateur 2. Comme lindique la figure ci-dessus, remplir la table utilisateur par les champs suivants puis valider par Apply Changes :

Nom de champs id nom prenom adresse login password

Type Int et auto incrment Varchar(45) Varchar(45) Varchar(45) Varchar(45) Varchar(45)

Partie II : Cration de modle sous zend studio.

Objectifs: Le modle reprsente la structure des donnes dans lapplication et les oprations spcifiques sur ces donnes.
3. Sous le dossier models de lapplication, crez un nouveau dossier nomme DbTable

4. Dans le dossier DbTable crer un nouveau fichier nomme Utilisateur.php : (new -> zend framework Items -> Zend Table) Nom de la classe : Application_Model_DbTable_Utilisateur qui hrite de la classe Zend_Db_Table_Abstract
class Application_Model_DbTable_Utilisateur extends :Zend_Db_Table_Abstract { /** * The default table name */ protected $_name = 'utilisateur';

a. Ajouter la classe Application_Model_DbTable_Utilisateur une mthode AddUser qui permet dinsrer un utilisateur dans la base de donnes.

b. Modifier la classe UtilisateurController en ajoutant la mthode inscriAction() avec le code source suivant :

c.

Ajouter le code de connexion MYSQL dans le fichier de configuration de lapplication. application.ini

resources.db.adapter = PDO_MYSQL resources.db.params.host = localhost resources.db.params.username = root resources.db.params.password = root resources.db.params.dbname = esprit

d. Test de lapplication

Il ne reste plus maintenant tester lopration dajout dun nouvel utilisateur avec le formulaire dinscription, en accdant dans un Navigateur ladresse suivante :
http://localhost/GestionUtilisateur/public/index.php/Utilisateur/inscri

e. Vrifier dans la base de donnes si lopration dajout est bien effectu ou pas.

Partie II : Afficher La liste des utilisateurs enregistrs dans la base de donnes.

1. Ajouter la fonction getUser (), qui permet dafficher la liste des utilisateurs enregistrs dans la base de donnes.

2. Modifier la classe UtilisateurController en ajoutant la mthode lstAction()

3. Faire un Clic droit sur le dossier utilisateur puis New -> Zend Framework Item -> Zend View. Parcourez la Source Folder jusqu atteindre le rpertoire utilisateur . Nommez la vue avec le mme nom de votre action (Exemple : Si votre action est lstAction, alors votre vue sera nomme lst.phtml ) puis cliquez sur Next-> Finish. Ajouter le code suivant :

4.

Tester laffichage avec ladresse suivante : http://localhost/GestionUtilisateur/public/index.php/Utilisateur/lst

Partie III : Modification des coordonnes dun utilisateur.

1. Modifier la classe Utilisateur du composant models, en ajoutant la mthode UpdateUser ()

2. Modifier la classe UtilisateurController du composant contrleur en ajoutant la mthode

suivante :

3. Crer une action nomme edit.phtml et ajouter le code source suivant :

4. Modifier laction lst.phtml du composant views en ajoutant le code suivant:

5. Tester laction edit.phtml avec ladresse suivante :

http://localhost/GestionUtilisateur/public/index.php/Utilisateur/lst Partie IV : Suppression dun utilisateur

Pour complter notre application, nous devons ajouter la suppression. Nous avons un lien Supprimer ct de chaque utilisateur sur la liste. 6. Modifier la classe Utilisateur du composant models, en ajoutant la mthode deleteUser().

7. Modifier la classe UtilisateurController du composant contrleur en ajoutant la mthode suivante :

8. Modifier laction lst.phtml du composant views en ajoutant le code suivant:

9. Crer une action nomme delete.phtml et ajouter le code source suivant :

Dans ce script, nous affichons un message de confirmation l'utilisateur et ensuite un formulaire avec deux boutons Oui et Non. 10. Tester laction delete avec ladresse suivante :
http://localhost/GestionUtilisateur/public/index.php/Utilisateur/lst