Projet Fullstack #5 - Lire, insérer, modifier & supprimer des biens immobiliers
Pour ce nouveau projet développement FullStack, nous allons réaliser le CRUD au complet. C'est à dire le Create, Read, Update et Delete.
Afin de mener à bien notre projet de développement, nous allons utiliser les langages HTML, CSS, JavaScript et Php.
Pour le Php nous développerons en orienté objet.
Afin de relier le Front et le Back, nous utiliserons la technologie Ajax.
Les codes ne se mélangeront pas !
Le HTML dans le HTML,
le CSS dans le CSS,
le Javascript dans le JavaScript,
le Php dans le Php
Notre projet sera divisé en 4 parties (vous aurez accès aux codes de chaque partie).
- La 1ère partie sera dédiée au Create :
Dans cette 1ère partie, nous allons mettre en place un formulaire d'insertion en vue d'insérer les nouveaux Biens dans une base de données.
Le formulaire d'insertion se trouvera au sein d'une fenêtre modale que nous ferons apparaitre et disparaitre grâce à la magie du JavaScript. La mise en place de notre formulaire se fera grâce aux langages HTML & CSS.
Un contrôle du formulaire sera effectué au niveau frontend en utilisant le langage JavaScript, ainsi qu'au niveau backend en utilisant le langage Php.
Le résultat du formulaire ira dans une base de données.
Notre formulaire d'insertion enverra le titre du Bien, le nom de la plateforme ainsi qu'une image représentant le Bien.
- La deuxième partie sera dédiée au Read :
Dans cette 2ème partie, nous allons mettre en place un tableau affichant la liste des Biens disponibles. Evidemment, ce tableau sera responsive.
La liste des Biens devra se rafraîchir automatiquement dès qu'un nouveau Bien sera inséré.
Nous mettrons en place une règle de réécriture
- La troisième partie sera dédiée à l'Update :
Dans cette 3ème partie, nous allons nous occuper de la possibilité de pouvoir modifier un Bien.
Pour cela nous mettrons en place un formulaire de modification qui permettra de pouvoir:
- Modifier le nom du Bien
- Modifier le nom de la plateforme utilisée
- Modifier l'image du Bien et supprimer physiquement l'ancienne image du serveur
- La quatrième partie sera dédiée au Delete :
Dans cette 4ème et dernière partie, nous allons nous occuper de la possibilité de pouvoir supprimer un Bien.
Pour cela nous mettrons en place un formulaire de suppression qui permettra de pouvoir:
- Supprimer le Bien
- Modifier le nom de la plateforme utilisée
- Supprimer l'image du Bien physiquement du serveur
La suppression d'un Bien sera conditionnée au fait que le Bien ne devra pas posséder de revenus
Je vous propose près de 11H00 de développement web professionnel.
Vous ne trouverez pas ce type de développement ailleurs qu'ici, alors n'hésitez pas à vous plonger dans cette aventure passionnante.
A tout de suite !
- Durée de ce tuto: 10h51min
- Tarif de ce tuto: 99 €
- Date de ce tuto: 2022-07-12
Il y a actuellement 350 tutos
Il y a actuellement 23 bundles
