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 :

Formulaire d'ajout d'un article dans la liste

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

Formulaire d'ajout d'un article dans la liste

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 :

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


Dernière mise à jour : 24/11/2021