Fonctionnalités logiciel

Crud : Création / édition d'une donnée

Découvrez comment mettre en place des formulaires efficaces pour administrer les données de votre logiciel.

Introduction

La création et la mise à jour des données de votre système est le coeur de votre système.

Dans la plupart des projets, les formulaires de création et d'édition sont identiques. Dans les projets plus complexes, la création peut se résumer au choix des données structurantes (par exemple un type de projet) qui vous donne après validation l'accès à un écran d'édition beaucoup plus riche.

Formulaire basique

Pour les données simples, le formulaire se résume à une liste de champs contenu dans un seul et unique bloc.

Exemple de formulaire simple

Vous avez la possibilité de renseigner :

  • un texte d'aide pour chaque champ
  • si le champ est optionnel ou obligatoire

Règle de validation

L'un des grands avantages d'un logiciel est de pouvoir assurer la qualité des données saisies dans votre base. En effet, chaque donnée peut être validée et si besoin transformée avant chaque enregistrement.

Validation simple sur un champ

Pour chaque champ, vous pouvez définir un format. Ce type de validation sera fait directement sur le formulaire sans appel au serveur.

Vous pouvez par exemple valider :

  • un champ email
  • un format de téléphone
  • un nombre de caractères minimal
  • une liste de caractères autorisés
  • une règle spécifique sur la base d'une expression régulière (exemple validation de mot de passe)

Validation dynamique

Pour certaines règles, la validation doit faire un appel à la base de donnée. C'est notamment le cas de règle d'unicité.

Par exemple, valider qu'un utilisateur ne peut pas avoir le même numéro de téléphone qu'un autre utilisateur déjà présent en base. Ou des règles métiers plus complexes comme la validation d'un nombre maximum de données d'un certain type dans un certain état.

Transformation

Dans certains cas, il est plus simple d'utiliser des transformations plutôt que d'imposer une validation.

Par exemple, il est plus judicieux de formater automatiquement les emails en minuscules plutôt que de demander à l'utilisateur de ne pas saisir de majuscule.

Les transformations peuvent également servir à créer des champs complémentaires lors de l'enregistrement. Par exemple, générer une url pour un article.

Blocs et onglets

Lorsque vos données deviennent plus riches, nous pouvons améliorer l'ergonomie de l'écran en ajoutant des blocs qui permettent de regrouper certains champs.

Exemple de blocs de formulaire

Nous pouvons aller plus loin en activant notre système d'onglets.

Exemple onglet de formulaire

Type de champs disponibles

Les basiques

Texte

Zone de texte

Date

Heure

Date et heure

Couleur

Liste de choix

Choix simple

Radio

Sélection de choix simple

Choix multiple

Checkbox

Sélection de choix multiple

Avancés

Fichier

Image

Collection