Partie 5. Ajout d'un élément dans la liste

Friconix

Friconix est un site permettant d'ajouter des icônes dans les page HTML. Comme pour Bootstrap ou Google Fonts, il suffit d'inclure un fichier dans l'entête de la page pour accéder aux icônes du site. Rendez-vous la documentation de Friconix et ajoutez la librairie Friconix à la page /list/index.php.

Vérifiez que vous pouvez insérer des icônes dans la page.

Formulaire d'ajout

Dans la page /list/index.php, ajoutez un formulaire d'ajout pour un nouvel article en vous aidant de la documentation de Bootstrap sur les formulaire groupés et l'affichage/masquage des élément. Le formulaire devra se présenter de la façon suivante sur les écrans moyens et larges :

et de la façon suivante sur les écrans étoits :

Le nom de l'article est un champ requis, en revanche la quantité est optionnelle.

Dans le formulaire, ajoutez deux champs cachés qui contiendront :

• la clé primaire de la liste courante ;
• la clé de sécurité.

Le formulaire doit envoyer les données avec la méthode POST vers le script /list/add.php. Vérifiez que les données sont bien envoyées avant de poursuivre.

Fonction d'ajout d'un article

Dans la bibliothèque /lib/lib.php, ajoutez une fonction addArticle($db, $id_list, $name, $quantity=NULL) qui permet l'ajout d'un article dans un liste. Avant de tester votre fonction, vous allez devoir modifier le champ quantity de la table àrticles afin que celui-ci puisque accepter des valeurs nulles. Faîtes la modification dans phpMyAdmin.

Testez votre fonction avant de poursuivre.

Script de traitement

Modifier le fichier /list/add.php, de façon à :

1. vérifiez l'existence des champs identifiant et clé de sécurité de la liste. S'il n'existe pas, redirigez vers la page d'accueil avec un message d'erreur.
2. se connecter à la base de données.
3. vérifier que la clé de sécurité est bien associée à l'identifiant de la liste à l'aide de la fonction getListData.
4. supprimer les espace avant et après le nom de l'article.
5. vérifier que le nom n'est pas vide.
6. ajoutez l'article dans la base de données.
7. rediriger vers la page de la liste.

Testez votre fonction et vérifiez à l'aide de phpMyAdmin que le nouvel article a bien été ajouté dans la table articles.

Voir aussi

• Partie 1. La page d'accueil
• Partie 2. La base de données
• Partie 3. Bibliothèque PHP
• Partie 4. Création de la page pour la liste
• Partie 6. Affichage de la liste de courses
• Partie 7. Suppression d'un article
• Partie 8. Gestion des erreurs
• Partie 9. Améliorations

---