Bonsoir,
Une fois de plus merci de me lire, aujourd'hui nous allons aborder
le concept de panier d'achat et de comment le mettre en pratique dans un site
web e-commerce.
Avant tout, une définition s'impose. C'est quoi un panier d'achat ??
Expliquons la chose de manière simple, lorsque vous êtes dans un
supermarché pour faire vos courses, le panier vous sert à stocker tout les
produits dont vous avez besoin. C'est le même principe ici, votre panier
d'achat c'est donc un panier virtuel dans lequel tout les produits que vous
choisirez seront stockés. Vous aurez la possibilité d'ajouter ou de retirer des
produits à votre guise. Lorsque votre panier vous semble complet, vous
pouvez penser à le valider afin de finaliser votre commande.
Pour la réalisation de ce travail, une grande connaissance de PHP
n'est pas nécessaire, nous utiliserons des concepts basiques. Le tutoriel sera
subdivisé en plusieurs partie pour une meilleure compréhension et une meilleure
prise en main de ce concept. Vous devez avoir aussi des notions sur sql, ainsi
que javascript, phpmyadmin, wamp
Bon, maintenant que l'on sait de quoi on parle, passons aux choses
sérieuses.
Pour la première étape de cette série de tutoriels, nous allons
fixer les bases du fonctionnement de notre e - boutique. le but étant ici de
vous faire comprendre le concept de panier d'achat dans sa globalité. Vous
pourrez ensuite modifier le code pour avoir le résultat que vous voulez.
Notre première étape consistera a créer notre base de données, notre
table et a enregistrer les produits qui vont nous servir par la suite, cette
étape consiste ainsi à la réalisation des tâches suivantes :
- nous allons créer une table nommée produit, c'est dans celle-ci que seront stockées les produits que les clients achèterons sur la boutique, ainsi que notre base de données.
// requête de creation de notre table et de notre base de
donnée
Connecté vous à votre serveur de base de données MySQL, lancer
phpmyadmin et exécuté les requêtes suivantes en passant en mode sql (clique sur
l'onglet sql).
Create database panier;
CREATE TABLE produit
(
id int(5) PRIMARY KEY auto_increment,
nom varchar(50),
prix int(50),
description varchar(500),
image varchar(50)
);
- Créer un repertoire dans la racine de votre serveur (généralement le repertoire www sous wamp ou httpdocs sous mamp ou xamp). Nous appelerons notre répertoire test.
Donc on aura l'architecture suivante : www/test ou httpdocs/test
Dans notre repertoire test, nous créerons un sous-répertoire pdt pour les images de nos produits.
- Cherchez sur internet 5 images de produits de votre choix, ici j'ai choisit les images sur les produits suivants (iphone, ipad, Samsung galaxy, hp dv 6000, windows phone). Enregistrez les images dans le répertoire pdt et nommez les pd1.jpg, pd2.jpg, pd3.jpg, pd4.jpg, pd5.jpg
- Pour la 4ème étape nous allons insérer les produits dans notre table. Connecté vous à votre serveur de base de données et positionné vous sur la base de donnée panier. Depuis phpmyadmin il vous suffit juste de sélectionner la base de donnée panier sur la liste de vos bases de données sur la gauche.
Passez en mode sql et exécuté les requêtes suivantes :
Insert into
produit(id,nom,prix,description,image)values(NULL,'iphone',350000,'ceci est un
iphone','pd1.jpg');
Insert into
produit(id,nom,prix,description,image)values(NULL,'ipad',650000,'ceci est un
ipad','pd2.jpg');
Insert into
produit(id,nom,prix,description,image)values(NULL,'samsung galaxy',320000,'ceci
est un samsung galaxy','pd3.jpg');
Insert into
produit(id,nom,prix,description,image)values(NULL,'hp dv 6000',450000,'ceci est
un hp dv 6000','pd4.jpg');
Insert into
produit(id,nom,prix,description,image)values(NULL,'windows phone',400000,'ceci
est un windows phone','pd5.jpg');
Ces requêtes servent à insérer nos produits dans notre
base de donnés
Maintenant, nous sommes prêt et pouvons commencer l'implémentation
de notre panier. La suite sera abordé dans la prochaine partie.
Si vous avez des suggestions ou question, n'hésitez pas à les poser.
Merci et bonne lecture !
Aucun commentaire:
Enregistrer un commentaire