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 http://localhost/, 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.
 Source : Supinfo-Projects.com

- Infos distantes : configurer cette page seulement si le projet n'est pas en local.
 Source : Supinfo-Projects.com

- Serveur d'évaluation : on choisit le modèle de serveur, ici PHP MySQL, les autres champs sont
identiques aux informations précédentes.

1.2. 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.
 Source : Supinfo-Projects.com

- 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"
 Source : Supinfo-Projects.com

- 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.

2.2. 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.
 Source : Supinfo-Projects.com

- 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.
 Source : Supinfo-Projects.com

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 :
 Source : Supinfo-Projects.com

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.
 Source : Supinfo-Projects.com

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.
 Source : Supinfo-Projects.com

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.
 Source : Supinfo-Projects.com

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.
 Source : Supinfo-Projects.com

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".

 Source : Supinfo-Projects.com

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
 Source : Supinfo-Projects.com

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.
 Source : Supinfo-Projects.com

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']
 Source : Supinfo-Projects.com

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 1.

4.2 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"
 Source : Supinfo-Projects.com

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.