I - Télécharger et installer les logiciels
Installer les logiciels
II - Créer la structure de la base
Nous allons commencer par créer la structure de la base de données
Ouvrer EasyPHP.
Une icône en bas de votre écran prêt de l’horloge s’y installer (E) faire une clic droit puis cliquer sur administrer.
Une page web s’ouvre, cliquer sur Gestion BDD.
Vous voila sur PHPADMIN
Nous allons créer la base de données PCESL
Créer la table « evenements » avec 6 champs
Comme vous pouvez le voir, la clef primaire est surlignée et auto-incrémentée.
Les autres champs sont avec 250 caractères
Faire la même chose pour
– user
– pc
– logiciels
A partir de ce moment vous avez créé la structure de votre BDD il ne vous reste plus qu’à faire l’interface graphique et rentrer les données.
III - Créer une connexion avec la base de donnée
Ouvrir Macromedia Dreamweaver MX 2004
Pour mieux comprendre les manipulations je vous ai décomposé Dreamweaver en 4 Parties.
Nous allons commencer par créer un répertoire sous EasyPHP que vous allons appeler PC_ESL.
Vous devez avoir C :\Program Files\EasyPHP1-7\www\PC_ESL
Dans ce dossier ce trouvera toutes vos pages PHP
On commence par la création.
– Partie 1 / Fichier / Nouveau, choisir Pages Dynamique et en face choisir PHP puis Créer.
– Partie 4 / Fichier / Gérer les sites / Nouveau / Site
Une fenêtre apparais
Vous devez y mettre toutes les données pour la création d’un serveur
Infos Locale :
– Nom du site : PC
– Dossier racine local : C :\Program Files\EasyPHP1-7\www\PC_ESL\ (vous devez mettre l’adresse du dossier que vous avez créé plus haut)
– Adresse HTTP : http://localhost/PC_ESL/
Infos Distance :
– Accès : Local/Réseau
– Répertoire Distant : C :\Program Files\EasyPHP1-7\www\PC_ESL\
Serveur d’évaluation
– Modèle de serveur : PHP MySQL
– Accès : Local/Réseau
– Dossier du serveur d’évaluation : C :\Program Files\EasyPHP1-7\www\PC_ESL\
– Préfixe de l’URL : http://localhost/PC_ESL/
Voila votre serveur est prêt a fonctionner correctement
IV - Visualiser les données de la base de données
Nous avons visualiser les données de la Table PC.
Dans la page que vous avez crée avant nous allons y mettre les champs de la table PC.
– Partie 4 / Application / Base de Données / Connexion MySQL
– Nom de connexion : PC (vous pouvez y mettre n’importe quel nom)
– Serveur MySQL : localhost
– Nom d’Utilisateur : root
– Mot de passe : (ne rien y mettre !)
– Base de donnée : pcesl (c’est le nom de votre base crée dans la partie I)
– Partie 4 / Application / Liaisons / Jeu d’enregistrement (requête) (+)
– Nom : (laisser par défaut)
– Connexion : PC
– Table : PC
– Colonnes : par défaut
– Filtre : par défaut
– Trier : par défaut
– Partie 3 / Insertion / Tableau
– Ligne : 2
– Colonnes : 12 + 3 (modifier, Supprimer, Evénements) total = 15
– Largeur du tableau : 100 % (pour avoir un tableau qui s’adapte a la largeur de l’écran)
– Largeur de la bordure : 0 (Pour avoir des bordure transparente)
– Partie 4 / Application / Liaisons
Vous devez y avoir un jeu d’enregistrement...
Nous allons faire glisser un par un les champs dans la deuxième lignes du tableau
| Nom | Processeur | Carte Mère | Carte Réseaux |
| Recordset1.nom_pc | Recordset1.processeur_pc | Recordset1.cartemere_pc | Recordset1.cartereseaux_pc |
Vous devez avoir quelque chose dans ce style :
Enregistrer cette page sous : listepc.php
En cliquant sur F12 vous avez une page HTML qui apparaît avec les infos de votre page
Pas de manique vous n’avez que la ligne noire et rien c’est normal votre base de donnée est vide
IV - Insérer des données dans la BDD
Nous allons créer une page pour la création d’un nouveau PC
Comme plus haut :
– Partie 1 / Fichier / Nouveau, choisir Pages Dynamique et en face choisir PHP puis Créer.
Puis création d’un jeu d’enregistrement
– Partie 4 / Application / Liaisons / Jeu d’enregistrement (requête) (+)
– Nom : (laisser par défaut)
– Connexion : PC
– Table : PC
– Colonnes : par défaut
– Filtre : par défaut
– Trier : par défaut
– Partie 3 / Insertion / Objet d’application / Insérer un enregistrement / Assistant de formulaire d’insertion d’enregistrement
– Connexion : PC
– Table : PC
– Après l’insertion, aller à : listePC (nom de la page que nous avons crée plus haut)
– Champs de formulaire : Moi je ne mets pas l’id car je veux que ce soit automatique donc il faut simplement ce mettre dessus et cliquer sur le -
– Etiquette : par défaut
– Afficher en tant que : par défaut
Quelque chose dans ce style doit apparaître sur votre page
Maintenant nous allons tester F12
Formidable vous aller pouvoir rentrer des données qui pourrons être visionner sur la 1er page que nous avons crée plus haut.
N’oubliez pas d’enregistrer la page (ex : inser_pc.php)
VI - Modifier des données
Même chose que plus haut pour créer un page et faire un jeu d’enregistrement
Attention de ne pas oublier de mettre un filtre sur id_pc = Paramètre d’URL id_pc
Quand vous avez créé la page php et votre jeu d’enregistrement nous allons aller :
– Partie 3 / Insertion / Objet d’application / Mettre à jour l’enregistrement / Assistant de formulaire de mise à jour des enregistrement
– Connexion : PC
– Table à mettre à jour : PC
– Sélectionner un enregistrement dans : par défaut
– Colonne à clef unique : par défaut
– Après l’insertion, aller à : listePC (nom de la page que nous avons crée plus haut)
– Champs de formulaire : Moi je ne mets pas l’id car je veux que ce soit automatique donc il faut simplement ce mettre dessus et cliquer sur le -
– Etiquette : par défaut
– Afficher en tant que : par défaut
Quelque chose dans ce style doit apparaître sur votre page
Voila votre page est terminée.
Nous allons l’enregistrer sous : modifpc.php
Maintenant nous allons modifier les donner de la Table PC
Pour ça nous allons ouvrir la page listepc.php
Souvenez vous je vous ai fais créer 3 colonnes en plus pour y mettre Supprimer, modifier, événements.
C’est la que Modifier rentre en jeu.
Mettez vous dessus et sélectionner le entièrement pour y faire un lien.
– Partie 2 (propriété) / aller sur lien et cliquer sur le petit dossier :
– Nom du fichier : modifpc.php (c’est la page de modification PC que nous venons de créer)
– URL : cliquez sur Paramètre
– Nom : taper : id_pc
– Valeur : Aller sur l’icône sur la droite avec un éclair et sélectionner id_pc dans votre jeu d’enregistrement
Cette partie est très importante !
Je vous explique pourquoi faire cette démarche
Quand vous allez cliquer sur le lien, il va aller chercher l’id_pc de la page modifpc qui est égal à id_pc de la page listepc.
Si la connexion n’est pas bonne, ça ne fonctionnera pas !
Maintenant nous allons tester, mais avant nous allons enregistrer la page (Ctrl+S)
Puis F12 pour visualiser et tester.
Formidable ça fonctionne et vous revenez même à la page listing PC
VII - Supprimer des données
Maintenant nous allons supprimer quelques lignes PC
Même chose que plus haut nous allons créer une page PHP et créer un jeu d’enregistrement.
Attention de ne pas oublier de mettre un filtre sur id_pc = Paramètre d’URL id_pc
Puis nous allons aller :
– Partie 3 / Insertion / Objet d’application / Supprimer l’enregistrement
– Vérifier au préalable si la valeur est définie : Par défaut (valeur de la clé primaire)
– Connexion : PC
– Table : PC
– Colonne de clé primaire : id_pc
– Valeur de la clé primaire : Paramètre de l’URL id_pc
– Après suppression, aller à : listepc.php
Pas de manique la page reste blanche !
Ne pas oublier de l’enregistrer (ex : supp_pc.php)
Nous allons maintenant aller sur la page listepc.php et nous servir de notre supprimer pour en faire un lien qui va pointer sur la page supp_pc.php
Quand vous etes sur la page listepc.php nous allons sur supprimer et nous allons faire la même manipulation que pour modifier mais à la place de modif_pc, nous allons mettre supp_pc.
– Nom du fichier : supp_pc
– URL : Paramètre
– Nom : id_pc
– Valeur : id_pc
Et Valider
Ne pas oublier d’enregistrer et faire un test (F12)
Voila vous savez faire une base de donner, visualiser, modifier et supprimer les tables.
Attention comme vous avez du le voir vous n’avons travailler que sur une table mais quand il y a plusieurs tables, il y a quelques petits changement. Nous allons y travailler maintenant.
VIII - Visualiser les données de la BDD avec plusieurs tables
Nous allons travailler sur la table Users qui a un champ commun avec la table PC (le nom du pc)
Même chose que dans la partie IV. Rien ne change
IX - Insérer des données dans plusieurs tables
Comme ci-dessus nous allons travailler sur l’insertion de la table Users qui prend un champ de la table PC
Nous allons créer un jeu d’enregistrement avec la table User et un autre jeu d’enregistrement avec la table PC
Vous devez avoir la même chose que la schéma plus bas.
Nous allons aller créer un formulaire pour insérer l’enregistrement pour avoir me même formulaire que le schéma
Comme vous pouvez le voir le champ NOM PC à un menu déroulant nous allons faire la manipulation pour avoir la même chose
– Partie 3 / Insertion / Objet d’application / Insérer un enregistrement / Assistant de formulaire d’insertion d’enregistrement
– Connexion : PC
– Table : USER
– Après l’insertion, aller à : listeUser (nom de la page listing User, que vous avez crée comme un grand)
– Champs de formulaire : Moi je ne mets pas l’id car je veux que ce soit automatique donc il faut simplement ce mettre dessus et cliquer sur le - .
– Ce mettre sur Nompc_user est cliquer sur Afficher en tant que et choisir : Menu
Cliquer sur Propriétés du menu
– Choisir Depuis la base de données
– Jeu d’enregistrement : Prendre la table qui a la liste des noms PC (la table originale avec le nom des PC est Recordset2) (Attention vous pouvez avoir Recordset1 à la place c’est suivant qu’elle table vous avez enregistrer la première en jeu d’enregistrement)
– Obtenir les étiquettes de : nom_pc
– Obtenir les valeurs de : nom_pc
Voila nous avez crée votre Page avec une insertion sur la table user mais qui prends un champs de données de la table PC !
Vous pouvez l’enregistrer et la tester (F12)
X - Modifier les données dans plusieurs tables
Même chose pour les jeux d’enregistrement vous devez en avoir deux (User et PC)
Attention de pas oublier le Filtre id_user = Paramètre d’URL id_user
Ne pas faire de filtre sur le jeu d’enregistrement PC
– Partie 3 / Insertion / Objet d’application / Mettre à jour l’enregistrement / Assistant de formulaire de mise à jour des enregistrement
– Connexion : PC
– Table à mettre à jour : USER
– Selectionner un enregistrement dans : par défaut
– Colonne à clef unique : par défaut
– Après l’insertion, aller à : listeUser (nom de la page que nous avons crée plus haut)
– Champs de formulaire : Moi je ne mets pas l’id car je veux que ce soit automatique donc il faut simplement ce mettre dessus et cliquer sur le -
– Ce mettre sur Nompc_user est cliquer sur Afficher en tant que et choisir : Menu
Cliquer sur Propriétés du menu
– Choisir Depuis la base de données
– Jeu d’enregistrement : Prendre la table qui a la liste des noms PC (la table originale avec le nom des PC est Recordset2) (Attention vous pouvez avoir Recordset1 à la place c’est suivant qu’elle table vous avez enregistrer la première en jeu d’enregistrement)
– Obtenir les étiquettes de : nom_pc
– Obtenir les valeurs de : nom_pc
Vous devez avoir quelque chose dans ce style après :
XI - Supprimer des données dans plusieurs tables
Créer deux jeux d’enregistrements dont la table USER avec un filtre
Puis :
– Partie 3 / Insertion / Objet d’application / Supprimer l’enregistrement
– Vérifier au préalable si la valeur est définie : Par défaut (valeur de la clé primaire)
– Connexion : PC
– Table : PC
– Colonne de clé primaire : id_user
– Valeur de la clé primaire : Paramètre de l’URL id_user
– Après suppression, aller à : listeUser.php
Maintenant vous enregistrer cette page par exemple supp_user.php
Nous allons tester que le supprime fonctionne. Pour cela, vous devez aller sur la page list_user.php et faire le lien sur le Supprimer que je vous ai fais écrire avec le modifier, supprimer
– Nom du fichier : supp_user
– URL : Paramètre
– Nom : id_pc
– Valeur : id_pc que vous allez chercher dans le jeu d’enregistrement
Et Valider
Ne pas oublier d’enregistrer et faire un test (F12)
Voila vous devez de finir votre base de donnée, il ne vous reste plus qu’à faire les mêmes manipulations pour les autres tables.
Bonne chance !
XII - Identification avec login et mot de passe pour entrer dans la page Accueil
Créer un jeu d’enregistrement avec la table Authentification avec filtre
Nous allons créer les champs pour vous identifier (Login et Mot de passe)
Allez dans la Partie 1 / Cliquer dans Formulaire et puis « Champ de texte »
Créer vos deux Champs de Texte.
Attention conseil mettre en nom de vos champs pour le premier : Login et le second : mdp
Puis :
– Partie 3 / Insertion / Objet d’application / Authentification de l’utilisateur/ Connecter l’utilisateur
– Champ Nom dUtilisateur : Prendre la table Login
– Champ Mot de passe : mdp
– Valider à l’aide la connexion : PC
– Tableau : Mot de la table (authentification pour moi)
Colonne Nom d’Utilisateur : Login (Champs où ce trouve vos login)
– Colonne Mot de Passe : mdp (Champs où ce trouve vos login)
Si la connexion réussit, aller à : A vous de mettre la page ou vous voulez qu’il pointe
Si la connexion échoue, aller à : A vous de mettre la page ou vous voulez qu’il pointe
RSS 2.0