php-crud-mysql-bootstrap-5-create-read-update-delete

php-crud-mysql-bootstrap-5-create-read-update-delete
PHP CRUD avec MySQL et Bootstrap 5 (Create, Read, Update, DELETE)

Dans ce didacticiel PHP CRUD, nous allons créer une application PHP CRUD entièrement fonctionnelle avec Bootstrap et MySQL. PHP CRUD signifie Créer, Lire, Mettre à jour, Supprimer, ce qui est un moyen facile de mémoriser tous les composants nécessaires à une application de site Web entièrement dynamique. Nous allons utiliser des instructions MySQL appelées INSERT, SELECT, UPDATE et DELETE qui correspondent à la fonctionnalité CRUD.

Vous allez aussi apprendre à ajouter des données dans une basse dans un BD, de supprimer un étudiant, ajouter un étudiant, de mettre à jour les informations d’un étudiant, de lister les étudiants ainsi que leurs details. vous allez aussi apprendre à utiliser les classes Bootstrap, de faire la responsiveness

Prérequis :
  • installer un serveur : Wamp, Xampp si vous êtes sur windows, Mamp si vous êtes sur Mac et Xampp si vous êtes sur Linux
  • avoir des notions de base en HTML, CSS, Bootstrap et php
Création de la base de données:

Pour la création de la base de données, il faut au préalable avoir wamp server, xampp sur votre pc puis le mettre en service, c’est à dire l’allumer. ensuite faut se rendre dans votre navigateur puis mettre phpMyAdmin pour voir l’interface de phpMyAdmin et pouvoir créer la base de données. 

voir le le tuto sur Youtube : https://www.youtube.com/watch?v=t6htCsLNsW4&t=267s

 

Creation du fichier de configuration

$con = mysqli_connect('localhost', 'root', '');
if (!$con) { die("database connection failed" . mysqli_error($con)); }
$select_db = mysqli_select_db($con, 'php_crud_app'); if (!$select_db) { die("database selected failed" . mysqli_error($con)); }

Navbar.php

Pour simplifier notre code, nous allons tout d’abord créer un fichier navbar.php que l’on va importer sur les autres fichier dont il y aurai une navigation. en effet ça se ressemble comme du html simple. mais attention, pour que cela marche, il faut l’inclure sur les fichiers concernés comme ceci : 

<?php
include ‘navbar.php’;
?>

voir la vidéo youtube: https://www.youtube.com/watch?v=t6htCsLNsW4&t=126s

creation du fichier index.php

Dans ce fichier,  nous allons créer le formulaire  d’ajout :

creation du fichier view.php

Dans ce fichier, nous allons afficher l’ensemble des étudiants ajoutés dans notre Base de données.

update.php

Dans ce fichier , nous allons mettre à jour les informations d’un étudiant en recupérant son id :

Delete.php

Maintenant nous pouvons supprimer un étudiant avec la méthode DELETE:

style.css

Maintenant nous allons mettre en place notre CSS pour donner un peu plus de forme à notre application :

Pour voir la video sur ma chaine YouTube vous pouvez cliquer sur ce lien :

https://www.youtube.com/watch?v=t6htCsLNsW4&t=126s

Share on Facebook Share on twitter
Related Posts
Leave a Reply

Your email address will not be published.Required fields are marked *