GithubHelp home page GithubHelp logo

yanntyb / exo-200-php-sql-mysql-training Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chloeard/exo-200-php-sql-mysql-training

0.0 0.0 0.0 15 KB

CSS 10.11% PHP 83.11% JavaScript 6.13% HTML 0.65%

exo-200-php-sql-mysql-training's Introduction

Objectif

Nous allons faire une web app qui va lister les randonnées à l'île de la Réunion.

Création de la base de données

Je vous ai créé la base de données. Vous pouvez la récupérer database/reunion_island.sql pour l'importer. Comme vous l'avez déjà vu, c'est plus facile de le faire avec Phpmyadmmin.

Cette base de données ne contient, pour l'instant, que la table hiking (randonnée)

Remplir la base de données

Pour commencer à travailler, c'est plus simple d'avoir déjà des données.

C'est pourquoi vous allez remplir la table hiking à partir des données que vous allez récupérer sur le site internet randopitons.re

Il faut insérer 5 randonnées. Chaque randonnée devra renseigner les champs :

  • name
  • difficulty (très facile, facile, etc.)
  • distance
  • duration
  • height_difference (dénivelé)

Afficher la liste des randonnées

Dans le fichier read.php, récupérez les randonnées directement de la base données et affichez-les dans un tableau.

Vous devez utiliser PHP bien sûr, mais aussi PDO.

Ajouter une randonnée

Vous devez maintenant ajouter une randonnée, mais pas par phpmyadmin, plutôt directement par une page prévue à cet effet.

Ça tombe bien, il y a la page create.php. Il y a déjà une ébauche de formulaire. Vous devez récupérer les informations envoyées par ce formulaire et les enregistrer dans la base de données.

TIPS : Vous pouvez jeter un oeil aux méthodes prepare() et execute de PDOStatement.

Améliorations

Quand vous avez réussi à ajouter une randonnée, c'est bien de le notifier par message ( dans un div par exemple ).

Si vous ne l'avez pas déjà fait, affichez le message

"La randonnée a été ajoutée avec succès."

quand la randonnée a été ajoutée avec succès :)

Je vous laisse libre sur la manière d'afficher le message.

Modifier une randonnée

Imaginons qu'on s'est trompé en rentrant les informations de la randonnée, il faudrait pouvoir la modifier après.

Le fichier update.php a été créé pour ça.

Tout d'abord, dans le tableau des randonnées du fichier read.php, ajoutez un lien sur le nom de chaque randonnée. Ce lien renverra vers la page update.php.

Sur cette page on va pouvoir faire les modifications pour la randonnée choisie. Les champs du formulaire présents sur cette page doivent être pré-remplis à partir des informations de la randonnée choisie !

TIPS : Afin de différencier les randonnées, il faudra se baser sur l'id et peut-être (re)voir comment faire passer des variables entre des pages web.

Supprimer une randonnée

Nous allons maintenant voir la dernière action, la suppression.

Ajoutez un bouton supprimer dans le tableau sur chaque ligne de randonnées. En cliquant sur le bouton cela enverra le l'id de la randonnée à la page delete.php.

Lorsque vous aurez supprimé, il faudra revenir de façon automatique (sans que l'internaute ne fasse quoique ce soit) vers la page read.php.

TIPS : Pour la redirection vers la page read.php, vous devriez probablement jeter un coup d'oeil à la fonction header()

ALLER PLUS LOIN

Par cet exercice, nous avons fait du CRUD (Create Read Update Delete). Ce sont les actions de bases que l'on peut effectuer sur les données en base.

Ajouter un nouveau champ

Les sentiers sont parfois impraticables pour différentes raisons (pluies, éboulement,etc.). Ajoutez le champ available à la table hiking.

Puisqu'on a nouveau champ, il faut l'ajouter à nos différentes pages :

  • dans le tableau de read.php
  • dans les formulaires de create.php et update.php

Contrôler les données du formulaires

Il y a des petits malins qui n'hésiteront pas à essayer de pirater votre application notamment en passant par le formulaire.

Protéger vos arrières en vérifiant que chaque information envoyée par le formulaire est valide avant de la rentrer dans la base de données.

Vérifiez que les champs distance, height_difference et duration soient des chiffres uniquement.

Utilisez les requêtes préparées et sécurisez vos données comme je vous l'ai montré.

Refactoriser le code

Si vous avez mis, dans chaque fichier, la connexion à la base de données, sachez qu'il y'a un moyen de factoriser tout ça en utilisant include() OU require(). Maintenant que vous le savez, il vous reste plus qu'à le mettre en place :)

C'est une possibilité de refactorisation, il y en a d'autres, comme l'utilisation d'un objet de connexion à la base de données p.ex...

exo-200-php-sql-mysql-training's People

Contributors

nux007 avatar yanntyb avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.