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