Cinque Terre

Introduction

Pour pouvoir monter une application dynamique de gestion d’une base de données, on doit savoir programmer quatre composants basiques :

  1. LA lecture des enregistrements d’une table de la base de données.

  2. Insertion des données dans une table.

  3. Modification ou mise à jour (update) des enregistrements d’une table dans la BDD.

  4. Suppression des enregistrements d’une table.

Lecture des enregistrements d’une table de la base de données

Schéma  :

Cinque Terre

Créer la table cheval dans la BDD

via phpmyadmin:

Cinque Terre

Entrez dans le champ « Nom » le nom de la table que nous allons utiliser soit « cheval » et entrez « 4 » pour le nombre de colonnes puis cliquez sur « exécuter ».

Nous allons tout de suite voir pourquoi.Vous devriez arriver sur cette interface :

 

Cinque Terre

Les champs d'une table:

Dans la 1ère colonne tout à gauche appelée simplement « Colonne », nous allons entrer les noms des différents champs de notre table.

Le 1er se nomme généralement ID pour « Identification Number ». Il permet d'obtenir avec certitude une entrée unique pour tous les éléments de la table. Si elle n'est pas créée, vous pourriez avoir des doublons dans votre base ce qui pourrait à terme provoquer des bugs et autres choses pas très sympa. Je vous conseille donc par défaut de toujours créer ce champ en premier (même si vous n'y êtes pas formellement obligé).

Les autres champs seront utilisés pour stocker ce que nous avons besoin, à savoir :

  • nom: nom du cheval

  • race :Le message en lui-même

  • image:l’adresse  de l’image dans le serveur.

Nous entrons donc (sans majuscule ni accents) « pseudo », « message » et « date » dans les champs restant.

S'il vous manque des champs (vous voulez en utiliser plus que 4), regardez en bas à droite de l'image ci-dessus. Vous trouverez un champ : « Ajouter xxx colonne(s) EXECUTER ». Rentrez simplement la valeur du nombre de colonne que vous souhaitez ajouter plus cliquez sur « exécuter ». La page se rafraichira avec les nouveaux champs.

Les types de données MySQL (colonne 2)

 

Cinque Terre

Il y a 4 grand types de donnée dans MySQL :

  • Les types Numériques : les nombres en somme

  • Les Dates et Heures

  • Les Textes et chaînes de caractères

  • Les éléments spatiaux comme les formes de géométrie (utilisés pour la cartographie par exemple)

Nous utilisons principalement que les 3 premiers types. Il est utile de savoir à quoi correspondent les valeurs proposées, voici donc leurs descriptions :

Les 4 premières valeurs de la liste ne sont que des raccourcis pour les 4 entrée les plus courantes :

  • « INT » est nom nombre entier

  • « VARCHAR » un texte cours de 0 à 65.535 caractères

  • « TEXT » pour du texte en grande quantité (livres, articles, news...)

  • « DATE » une date sous la forme (jour, mois, année

L'affichage des données:

Structure d’un fichier d’affichage en php Code source complet

Sequelette  :  HTML

  1. Entête

  2. début corps

  3. début du tableau

  4. script php lecture dans BDD

  5. fin tableau

  6. Fin corps

  7. fin HTML

Conseils: -une bonne pratique consiste à tester le bon fonctionnement de l’envoi à l’aide de la fonction print_r ($_POST) !! - Inspecter le code source de la page d’affichage pour vérifier le bon code source.

Apprendre le métier:

Pour apprendre le métier d'informatitien il faut travailler sur la création des projets concrets

Exercice 1:

Objectif: créer une page d’affichage des messages postés par les visiteurs d’ un site.

a) Créer une table message avec les noms des colonnes suivants:

id: la clé primaire (entier, auto-incrémenté, 5 caractère)

nom: le nom de l’expéditeur (varchar,60 caractères).

prenom:  le prénom de l’expéditeur (varchar, 60 caractères).

mail: le mail de l’expéditeur (varchar, 120 caractère)

message: le message laissé par l’expéditeur(text).

b) Inséré par l’intermédiaire de l’interface phpmyadmin le deux lignes suivantes:

-(hadek, fadel, fadek@yahoo.fr, ‘votre parcours peut nous intéresser. Pouvez- vous nous contacter. Merci’)  

-(Dupond, gérôme, sdk@yahoo.fr, ‘Comment vous avez programmé cette page . Merci’)

b)A l’aide des explications du cours, afficher les deux messages laissés par les visiteurs.

Insertion d’un enregistrement dans une table

Schéma synoptique :

image

Le formulaire d’insertion

le formulaire doit envoyer les données concernant un cheval dans la variable globale $_POST (l’armoire):

Début formulaire : on précise l’action ( le fichier qui va recevoir les données) et la méthode d’envoi ici POST

  • les champs (balises) contenant les données à envoyer

  • la balise de l’envoi d’un fichier image.

  • la balise de l’envoi de tout le formulaire.

Fin du formulaire

Traitement et insertion des données dans la BDD:

Il y a deux difficultés à gérer:

 La gestions des données concernant le cheval: après la réception des données ont les insère dans la BDD à l'aide des requêtes sql.

 La gestion des images : Il faut d'abord charger l'image physiquement dans un fichier créer au préalable avec toutes les permissions '766' et insérer

l'adresse de l'image dans une table à l'aide d'une requête sql.

Il faut lire les commentaires dans le codes sources suivant: 

Conseils: - Tester la bonne réception des données du formulaire avant de commencer le traitement. - Vérifier le bon fonctionnement de la requête d'insertion à l’aide de l’interface phpmyadmin. - la requête utilisée est une requête préparée pour des raisons de sécurité

Exercice 2:

La page formulaire où l’utilisateur doit laisser un message est une page d’insertion:

1- Créer le formulaire html (insertion0.php) qui permet d’envoyer les variables (nom, prenom, mail, message) à la page de traitement insertion1.php.

2- Créer la page insertion1.php à l’aide du cours ci-dessus et qui permet d'insérer les données envoyées par insertion0.php.

Attention:

-Garder les mêmes noms de variables que la BDD.

-Tester la bonne réception des données à l’aide de print_r($_POST).

- Utiliser phpmyadmin pour construire et tester la requête d’insertion.

Modification des enregistrements (update)

Les étapes de la réalisation un mise à jour des données dans la BDD à l'aide d'une interface. C'est une étape importante de la conception 

d'un projet web. Il faut d'abord essayer de le mettre en route et après l'adapter à la situation:

image

Shéma:

 

1)Récupérer les enregistrements de la table cheval.

2) Afficher les données dans un tableau html avec des  boutons radios pour choisir l’enregistrement  à modifier.

3) Récupération de l’id de l’enregistrement à modifier dans le fichier traitement .

4) Afficher les champs de l’enregistrement dans formulaire.

5) Modifier l’enregistrement et charger la nouvelle image.

Codes sources fichier 1:afficher les enrgistrement à modifier

Codes sources fichier 2:modifier les enregistrements

Codes sources fichier 3:Charger les nouvelles données:

Suppression d'un enregistrement

La suppression d'un enregistrement demande deux étapes :

  1. Le choix de l'enregistrement à l'aide de son identifiant [clef primère].
  2. Suppression de l'enregistrement

Fichier 1: l'interface

Fichier 2: Suppression de l'enregistrement

Exercice3: créer une interface de suppression des messages non désirés dans ton porte folio


'); }); }); 3176