Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Transcription

1 Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du répertoire root (www). Lancer Internet Explorer avec comme adresse si aucune page n'est trouvée, il vous faudra vérifier la configuration d'easyphp ou de votre serveur Apache. Définition du site : - Dans le menu Site > nouveau site > Entrez le nom du projet. - Ensuite, on vous demande la racine du site, il s'agit du répertoire qui va contenir les pages web, l'adresse HTTP correspond à l'adresse du serveur web.

2 - Infos distantes : configurer cette page seulement si le projet n'est pas en local.

3 - Serveur d'évaluation : on choisit le modèle de serveur, ici PHP MySQL, les autres champs sont identiques aux informations précédentes Création de la connexion MySQL Avant de commencer à développer les pages, il faut créer la connexion avec le serveur MySQL. - Dans la fenêtre "Application", sélectionnez l'onglet "base de données" et cliquez sur le bouton "+", enfin sélectionnez "connexion MySQL". - Entrez un nom de connexion, les paramètres MySQL (nom du serveur MySQL), le nom d'utilisateur et le mot de passe, ainsi que le nom de la Base, ici BDD.

4 - Il est maintenant possible de voir les tables de la base ainsi que les colonnes. Votre connexion à la base de données est maintenant définie, en intégrant cette connexion dans un modèle de page, toutes vos prochaines pages seront directement configurées avec cette connexion. 2. Affichage des données 2.1. Création de recordset Afin de créer une page qui affiche les enregistrements de la base, il est nécessaire de créer des recordsets (qui sont en fait des requêtes); ensuite, nous utiliserons un composant Dreamweaver pour afficher les enregistrements de la base. - Pour créer un recordset, allez maintenant dans l'onglet "Liaisons" de la fenêtre "Applications" et choisissez "Jeu d'enregistrements"

5 - Entrez le nom de votre recordset, choisissez la connexion, ainsi que la table sur laquelle vous voulez faire votre requête - Votre jeu d'enregistrement est maintenant crée, les champs sélectionnés sont visibles, sélectionnables, et l'on peut faire glisser les champs sur la page web Affichage - Créez une page contenant un tableau de 2 lignes. Dans la fenêtre "application" et l'onglet "liaisons", cliquez sur le champ désiré de votre recordset et glissez les jusqu'a la cellule voulue dans le tableau. Vous devriez obtenir un affichage comme ci-dessus, avec le nom du recordset, ici "Recordset_application" et le nom du champ.

6 - Afin d'afficher tout les enregistrements de votre recordset, il vous faut boucler sur le recordset. Sélectionnez la 2ème ligne de votre tableau html, puis dans la fenêtre "application" et l'onglet "comportements de serveur", choisissez "Région répétée" - Votre page de listing de la base est maintenant terminée, tous les enregistrements du recordset doivent apparaître. Nous allons maintenant voir comment créer un lien avec comme paramètres le numéro de l'enregistrement, afin de faire un lien vers une page de détail d'un enregistrement.

7 2.3. Liens avec paramètres. Avant de commencer, il faut créer une page de détail de vos enregistrements. Pour cela il faut créer un recordset qui prend comme paramètre le numéro de votre enregistrement. - Dans la case "Filtre", sélectionnez la colonne de la table avec laquelle vous allez faire le tri dans les enregistrements, puis sélectionnez "=" et enfin "Paramètre d'url". Vous pouvez tester votre requête grâce au bouton "tester" qui vous demandera de rentrer une variable. - Une fois votre recordset créé, utilisez le "glisser-déposer" afin de placer vos champs dans la page de détail. Il faut maintenant créer le lien vers cette page à partir de la page précédente. - Sélectionnez le texte, ou l'image qui servira de lien, puis cliquez sur le dossier jaune du lien dans les propriétés :

8 Une fenêtre comme ci-dessous apparaît, sélectionnez l'url de votre page de détail, puis cliquez sur "Paramètres", remplissez le nom du paramètre ainsi que la correspondance dans le recordset. Vous pouvez maintenant accéder depuis votre page générale, à la fiche détaillée d'un enregistrement.

9 3. Ecriture sur la base de données 3.1 Ajout d'enregistrements Nous allons tout d'abord créer une page d'ajout d'enregistrement qui contiendra un formulaire N'oubliez pas de nommer vos champs de manière explicite, ce qui sera très utile pour la suite Une fois vôtre formulaire terminé, allez dans le menu "Application" puis "Comportement Serveur" et sélectionnez "Insérer un enregistrement", vous devriez obtenir la fenêtre ci-dessous. Prenons maintenant comme exemple le champ "Id_application", il obtient comme valeur "FORM.id", il s'agit du champ modifiable contenu dans le formulaire, de plus il est nécessaire de spécifier le type de données (int, text,...). Enfin la dernière information à remplir est la page vers laquelle renvoyer après l'insertion. Il ne vous reste plus qu'a mettre le lien "ajouter" dans la page voulue.

10 3.2 Modification d'un enregistrement La modification d'un enregistrement est un peu plus complexe que l'ajout, mais se base sur le même principe. Il suffit de récupérer l'id de l'enregistrement choisi, de le faire passer en paramètre d'url à la page de modification et de récupérer les données existantes afin de les modifier et les réenregistrer. Créez une page identique à la page ajout d'enregistrement, puis un recordset qui prendra en paramètre d'url l'id de l'enregistrement Revenons maintenant à vôtre page de modification d'enregistrement (qui doit être identique à la page d'ajout), sélectionnez un champ et cliquez sur la "foudre" dans les propriétés de ce champ, ensuite sélectionnez la valeur qui doit apparaître dans ce champ dans la fenêtre de données dynamiques. Répétez cette opération pour tous les champs de votre page.

11 3. Ecriture sur la base de données Dans les comportements serveur, choisissez "Mettre à jour l'enregistrement", puis faites les mêmes manipulations que la page d'ajout. La page de modification est prête, il faut maintenant activer le lien vers cette page en n'oubliant pas de spécifier le paramètre d'url.

12 Cliquez sur "paramètres", renseignez le champ "Nom" avec le nom de votre paramètre et Sélectionnez la colonne valeur. Enfin, sélectionnez dans votre recordset la valeur du paramètre, ici "id_application".

13 Votre page de modification est maintenant terminé, vos URLs devraient ressembler à l'image ci- dessous, id_application étant le nom du paramètre et "1" le numéro d'enregistrement à modifier. 3.3 Suppression d'un enregistrement Commencez par créer une page vierge qui comprendra une connexion à la base MySQL (voir chapitre 1), puis ajouter le comportement serveur "Supprimer l'enregistrement" à cette page vide Sélectionnez la connexion, la table ainsi que la colonne de clé primaire de la table dans laquelle vous voulez supprimer un enregistrement. Sélectionnez "Paramètre d'url" et la valeur de ce paramètre, ici il s'agit de "Id_Application". En fait, on passe le numéro de l'application en paramètre dans l'url du lien de suppression. Enfin choisissez la page vers laquelle sera dirigé le navigateur après la suppression. Il ne reste plus qu'a créer le lien dynamique de suppression prenant en paramètre l'id de l'application. A partir de la page de détail d'un enregistrement, sélectionner le texte qui servira de lien, puis dans la fenêtre "Propriétés", cliquez sur le dossier jaune

14 Sélectionnez la page de suppression et cliquez sur "paramètres" Entrez le nom du paramètre, et cliquez sur Pour terminer, il ne vous reste plus qu'à choisir la valeur du paramètre dans le recordset créé dans la page de détail.

15 4. Moteur de recherche 4.1. Création de la page de résultat Il est tout d'abord nécessaire de créer une page qui affichera le résultat de votre recherche, pour cela il suffit de procéder comme pour la page d'affichage du chapitre 1. Créez un tableau de 2 lignes, puis dans "application", "liaisons", ajouter un recordset. Prenons l'exemple d'une recherche sur la table entière : SELECT* FROM application WHERE application.id_application LIKE '%colname%' OR application.application LIKE '%colname%' OR application.redacteur LIKE '%colname%' OR application.departement LIKE '%colname%' OR application.unite_moa LIKE '%colname%' OR application.resp_uti LIKE '%colname%' OR application.resp_info LIKE '%colname%' OR application.resp_amo LIKE '%colname%' Votre requête est maintenant créée, il ne vous reste plus qu'a spécifier la variable "colname", avec comme valeur $_post['search']

16 Apres avoir créé le recordset, utilisez le "glisser-déposer" pour disposer vos champs dans le tableau, et enfin utilisez une région répétée comme dans le chapitre Création du formulaire de recherche Ouvrez une nouvelle page, puis insérez-y un formulaire Dans ce formulaire, insérez une zone de texte modifiable ainsi qu'un bouton, en n'oubliant pas de le renommer "search"

17 Pour terminer, sélectionnez les paramètres du formulaire et entrez l'url de la page de résultats comme ci-dessous : Votre page de recherche est maintenant terminée. Cet exemple reste très simple, mais il est possible de créer des requêtes bien plus complexes et d'utiliser un nombre plus élevé de variables.