Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des bases de données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec le système. Premier pas avec les formulaires Les formulaires permettent aux utilisateurs de saisir des données ; ces données sont ensuite traitées par le serveur. Par exemple, lorsque vous vous connectez sur le site de la SNCF, vous saisissez les caractéristiques du trajet qui vous intéresse puis le serveur traite votre demande et vous affiche les trains correspondant. Le serveur peut traiter lui-même la demande de l’utilisateur ou l’enregistrer / la transmettre à un être humain. C’est le cas lorsque vous écrivez des messages dans des forums électroniques. Ou bien encore lorsque vous rédiger votre avis sur un site. La déclaration d'un formulaire La définition des différents éléments du formulaire se fait en utilisant la balise <form>. Il ne faut pas oublier d’écrire la balise </form> pour déclarer la fin du formulaire. L'action à réaliser pour traiter le formulaire doit être précisée en utilisant les deux attributs suivants : - L'attribut action : désigne le fichier PHP qui va traiter, sur le serveur, les informations saisies dans le formulaire; - L'attribut method : définit la méthode de transfert des données vers le serveur. Les deux valeurs possibles sont get et post. Dans la suite de ces TPs, nous ne verrons que la méthode post. La syntaxe habituelle est donc : <form method="post" action="traiteform.php"> <fieldset> <legend>Ceci est le titre de mon formulaire</legend> <!-- la suite sera le corps du formulaire --> ... </fieldset> </form> La balise <fieldset> permet, à l'intérieur d'un formulaire, de créer des blocs visuels permettant d'améliorer la présentation des formulaires. La balise <legend> sert ensuite à donner un titre au bloc de formulaire. Les éléments de formulaires Les éléments de formulaires sont répartis en 3 classes : 1
10
Embed
Notion 5 : PHP, formulaires et BDD · Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des bases de données avec PHP Au cours de ce TP, vous allez
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Module Com231A - Web et Bases de DonnéesNotion 5 : Formulaires et utilisation des bases de
données avec PHP
Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interactionavec le système.
Premier pas avec les formulaires
Les formulaires permettent aux utilisateurs de saisir des données ; ces données sont ensuitetraitées par le serveur.
Par exemple, lorsque vous vous connectez sur le site de la SNCF, vous saisissez lescaractéristiques du trajet qui vous intéresse puis le serveur traite votre demande etvous affiche les trains correspondant.
Le serveur peut traiter lui-même la demande de l’utilisateur ou l’enregistrer / la transmettreà un être humain.
C’est le cas lorsque vous écrivez des messages dans des forums électroniques. Ou bienencore lorsque vous rédiger votre avis sur un site.
La déclaration d'un formulaireLa définition des différents éléments du formulaire se fait en utilisant la balise <form>. Il
ne faut pas oublier d’écrire la balise </form> pour déclarer la fin du formulaire. L'action àréaliser pour traiter le formulaire doit être précisée en utilisant les deux attributs suivants :
- L'attribut action : désigne le fichier PHP qui va traiter, sur le serveur, lesinformations saisies dans le formulaire;
- L'attribut method : définit la méthode de transfert des données vers le serveur. Lesdeux valeurs possibles sont get et post. Dans la suite de ces TPs, nous ne verrons quela méthode post.
La syntaxe habituelle est donc : <form method="post" action="traiteform.php"> <fieldset> <legend>Ceci est le titre de mon formulaire</legend> <!-- la suite sera le corps du formulaire --> ... </fieldset>
</form>
La balise <fieldset> permet, à l'intérieur d'un formulaire, de créer des blocs visuelspermettant d'améliorer la présentation des formulaires. La balise <legend> sert ensuite àdonner un titre au bloc de formulaire.
Les éléments de formulairesLes éléments de formulaires sont répartis en 3 classes :
1
- input : Champs de saisie de texte et différents types de boutons
- select : Liste (menus déroulants et ascenseurs)
- textarea : Zone de saisie de texte libre
L'attribut name est obligatoire, car c'est lui qui permet d'identifier les données côté serveuret ainsi de récupérer le contenu saisi par l'utilisateur. Il doit être unique, sauf dans le cas d'unensemble composé de plusieurs éléments (boutons radio par exemple). Seuls les boutonssubmit et reset n'ont pas besoin de cet attribut.
L'attribut value est commun à ces balises, mais son rôle est différent selon le typed'élément utilisé.
Ces différents exemples sont illustrés sur le site du module de com231a.
L’élément INPUTCet élément est utilisé pour définir des zones d'entrée de texte simple, des boutons, des
cases à cocher ou des boutons radio. Le type d'élément dont il s'agit sera précisé en utilisantl'attribut type.
L'élément TEXTAREAIl permet de créer une zone de texte de plusieurs lignes. Il faut spécifier sa taille avec les
attributs rows et cols.
Code Résultat
<textarea name="comm" rows="10" cols="40">
Tapez vos commentaires ici
</textarea>
Traitement des formulaires
Il s'agit de récupérer les données saisies par l'utilisateur et de les traiter. Il existe quatretechniques :
- La passerelle CGI : C’est la technique la plus classique, elle consiste à utiliser lapasserelle CGI (Common Gateway Interface) pour exécuter un programme detraitement sur le serveur. Le programme en question recevra toutes les données saisiespar l'utilisateur et construira une nouvelle page en réponse.
- Les scripts : Ils permettent de réaliser de petites applications simples sans interactionavec le serveur.
3
- Se faire expédier les données par mail : Cette méthode reste la plus simple à utilisermême si elle ne permet pas de traiter un grand nombre de données. Il suffit d'indiquerune adresse électronique comme action. C’est ici un être humain qui traite les données.<form action="mailto:[email protected]" method="POST">
- Envoyer les données à un autre fichier PHP pour faire des traitements sur les donnéesrecueillies. Par exemple, le fichier PHP exécutera une requête SQL avec les champssaisis par l’utilisateur.
C’est cette dernière technique que nous allons utiliser dans le cadre de ce module.
Dans tous les cas, le formulaire doit comporter un élément submit car c’est encliquant sur ce bouton que l’utilisateur valide et envoie ses données au serveur. Unformulaire doit donc au minimum comporter les balises suivantes :
Exercice 1Reproduisez la page HTML ci-dessous. Nommez-la avis_site.html.
Les données du formulaire seront traitées par le fichier PHP "traite_avis.php".
Remarque : la première ligne du formulaire est donc :<form action="traite_avis.php" method="post">...</form>
4
Voici le fichier PHP traite_avis.php qui traite le formulaire ci-dessus.
Intégrez ce code dans une page PHP et testez le avec votre fichier avis_site.html, enchoisissant correctement les noms de vos variables.
Vous pouvez consulter l'exemple de formulaire et de traitement de ce formulaire mis en lignesur le site du module pour vous aider.
<?php// tester si le formulaire a été soumisif(isset($_POST["valider"])) { //tester si les cases du formulaire ne sont pas vides if(!empty($_POST["nom"])&&!empty($_POST["prenom"])&&!empty($_POST["mail"])) { // récupération des valeurs des champs
echo "Bonjour ".$prenom." ".$nom. " !<br/>" ;echo "Merci d' avoir visité notre site ! <br/>" ;
if(strcmp($avis,"oui") == 0) echo "Nous serons contents de vous accueillir la prochaine fois <br />";
else echo "Nous regrettons de ne plus jamais vous revoir <br />";
} else echo "Toutes les cases du formulaire ne sont pas remplies";
}
?>
Dans cet exemple, on constate que le fichier PHP n’enregistre pas les données del’utilisateur dans une base de données mais lui affiche simplement un message en retour.
Nous allons voir maintenant comment enregistrer les données saisies dans le formulaireafin de les stocker dans une base de données.
Lien entre PHP et les bases de données
Il y a deux étapes pour utiliser une base de données à partir de PHP :
1. Se connecter à la base de données
2. Exécuter des requêtes (les requêtes peuvent être construites à partir de données saisiespar un utilisateur via un formulaire).
5
Connexion à une base de donnéesComme pour vous connecter au réseau de l’université, il vous faut un login et un mot de
passe pour travailler avec une base de données. La base de données n’accepte que desconnexions identifiées.
PHP doit donc fournir à la base de données des informations : le login et le mot de passecorrespondant à la base avec laquelle il veut travailler.
Structure PHP à utiliser pour se connecter à une base de données :<? php
/*paramètres de connexion à la base de données */ $serveur = "info.univ-lemans.fr"; $utilisateur = "com231a_user";
$mdp = "com72"; $base = "com231a";
/*connexion au serveur où se trouve la base de données etmessage d'erreur si la connexion a échoué */$lienBase = mysql_connect($serveur,$utilisateur, $mdp) ORDIE ('Problème au niveau du serveur');
/*sélection de la base de données au niveau du serveur etaffichage d’un message d’erreur si la connexion a étérefusée */mysql_select_db($base, $lienBase) OR DIE ('Impossible dese conecter à la base');
?>
Une fois ce code généré, la connexion à la base de données est établie et il est possibled’exécuter des requêtes d’insertion, de sélection ou de suppression de données.
Requêtes vers la base de donnéesLa structure de base pour faire des requêtes est la suivante :
La requête concerne la base de données TempsCoureurs
fichier : creation_insertion.php<?php
// Récupération des données saisies dans des variables if (!empty($_POST["datecourse"]) && !empty($_POST["nomcourse"])) { $datecourse = $_POST["datecourse"]; $nomcourse = $_POST["nomcourse"];
//Connexion à la base de données (voir plus haut) …
//Ecriture de la requête $requete="INSERT into TempsCoureurs values('$datecourse','$nomcourse')";
//Envoi de la requête $reponse = mysql_query($requete);
//Affichage du bon déroulement de la requête à l’utilisateur if($reponse)
echo "Exécution réussie"; else
echo "Exécution non réussie";
} else { // cas où les données n'ont pas été saisies echo "les champs n'ont pas été remplis"; }
?>
9
Exercice 31. Créer un fichier HTML qui permet à une équipe de saisir les caractéristiques de son équipe.
2. Créer le fichier traite_equipe.php (sur l’exemple des fichiers ci-dessus) qui permetd’ajouter l’équipe saisie par l’utilisateur sans la table « Equipes ».