Discussion :

[asp2p]

Bonjour à tous
J'ai une page web qui utilise le HTML (index.html) et JavaScript (calcul.js) puis le reste en CSS et jQuery pour la mise en page
La page est une calculatrice d'engrais de produits pour le gazon creer avec des champs de formulaire et un bouton calculer

Site web calculatrice: http://bookgazon.hebergratuit.net/calcul/

Pour ajouter, modifier ou supprimer chaque produit et leurs valeurs je suis obliger de passer par le code source de la page calcul.js.

Code source (index.html / calcul.js / style.css): https://codepen.io/asp2p/pen/LLgmmx


Pour ajouter un nouveau produit
je suis obliger d'ouvrir le fichier calcul.js et d'ajouter une nouvelle ligne de code comme indiquer ci-dessous (line 9-10)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
var outil = 'pulverisateur';
var produits = [
// Agrosil LR
{'produit':'Agrosil LR','quantite':120,'surface':1,'description':"Engrais améliorateur de sol agrosil améliore efficacement le sol, stimule le système racinaire pour le gazon et toutes les plantes du jardin.",'lien':'https://www.gazoneo.fr/produit/agrosil-ameliorateur-sol/','unite':'gr','outil':'epandeur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0},

// Algifol Green
{'produit':'Algifol Green','quantite':5,'surface':10,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0},

// Nouveau produit
{'produit':'Nouveau Produit','quantite':30,'surface':1,'description':"Descriptif du nouveau produit !",'lien':'https://www.gazoneo.fr/produit/nouveau-produit/','unite':'gr','outil':'epandeur','type':'semence','semis':30,'sursemis':15,'microregarnissage':5,'unmois':10,'troismois':30}
];

Pour modifier je suis obliger d'ouvrir le fichier calcul.js et de modifier les valeurs comme ceci

AVANT

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var outil = 'pulverisateur';
var produits = [
// Algifol Green
{'produit':'Algifol Green','quantite':5,'surface':10,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0},
];

APRES

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var outil = 'pulverisateur';
var produits = [
// Algifol Green
{'produit':'Algifol Green','quantite':50,'surface':100,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0},
];

Pour supprimer j'ouvre le fichier calcul.js et je supprime simplement la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
// Algifol Green
{'produit':'Algifol Green','quantite':5,'surface':10,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0},

Je doit dire que c'est assez pénible ( utilisation du logiciel ftp, transférer le fichier vers mon ordi, faire la modification, re transférer les fichiers vers le ftp, et vérifier qu'il n'y est pas d'erreur suite à l'effacement non voulu d'un ' ou d'une }
C'est pour cela qu'a se jours je souhaiterais faire une petite page admin avec des champs de formulaire pour pouvoir ajouter / modifier / supprimer des produits
A titre d'exemple un peut comme se style la




Donc je me dit qu'il va surement falloir passer par une base de donnée (sql)
pour faire un truc dans se genre la



sauf que n'y connaissant rien en PHP/MySQL je voulais savoir si quelqu'un pourrait prendre un peut de sont temps pour me donner un petit coup de main afin que je puisse arriver à créer ça
je vous remercie par avance
Cordialement

[jisig]

--> http://g-rossolini.developpez.com/tu.../web-debutant/

[asp2p]

est ce que quelqu'un d'autres pourrais m'apporter un peut plus d'aide svp
sur un autre forum ont me conseil de commencer par la création de la bdd
sauf que pour moi tout sa ne me permet pas d'avancer car comme expliquer ci-dessus j'y connais pas grand chose et les cours sont bien souvent expliquer avec des mots difficile à comprendre

[vttman]

Bonjour Asp2p,
Pour avancer sur ce sujet je te propose d'installer
1) Un wamp (windows) ou lamp (linux)
sur ton PC pour pouvoir jouer avec PHP et MYSQL
2) Ceci fait il faut ensuite avec wamp/lamp aller sur phpmyadmin pour créer une base
de données ex : MABASE
3) Créer une table MESPRODUITS
3) Importer tes données dedans
4) Te familiariser un peu avec les requêtes (select)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

select * from MESPRODUITS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

select count(*)  from MESPRODUITS

5) une fois ça réglé, il faut créer un php qui va se connecter à ta table et t'afficher tous ces produits
5.a) Il faudra choisir entre Mysqli et pdo pour la façon de se connecter et récupérer les données
6) Ensuite intégrer ça dans ton html
7) Après viendra la question de la mise à jour là il faudra s'intéresser à AJAX et aux requêtes (update, insert, delete)

Perso quand je me suis intéressé à la création de sites Web, je n'ai pas cherché de tuto sur le net
mais j'ai acheté des bouquins pour défricher, surtout pour le CSS à l'époque ... il suffit d'aller dans une bonne librairie
et de regarder les bouquins PHP, MYSQL, POSTGRESQL récent (Attention !) puis de voir si ton projet y est déjà traité de manière
simple ... puis d'appliquer tout ça ... et ça le fait aussi

[asp2p]

super tes explications elle sont déjà beaucoup plus clair
grâce a toi je connais enfin l'ordre d'avancement dans lequel je doit avancer
je te remercie beaucoup pour tes conseils et je vais enfin pouvoir y voire plus clair
merci beaucoup vttman