Intégrer des formulaires au modèle de données de formulaire (FDM)
Connectez vos formulaires aux sources de données back-end à l’aide du FDM pour activer les workflows de liaison, de validation et d’envoi de données.
Prérequis
Effectuez les étapes suivantes avant d’intégrer le FDM à vos formulaires :
- Configurer la source de données : configurez des connexions back-end.
- Créer un modèle de données de formulaire : définir la structure et les services de données
- Configurer des objets de modèle de données : mappez les relations des données.
Considérations
Si l’icône Sources de données ne s’affiche pas dans l’interface de l’éditeur universel ou si la propriété Référence de liaison n’apparaît pas dans le panneau de propriété de droite, activez l’extension Source de données dans Extension Manager.
Consultez l’article Caractéristiques des fonctionnalités d’Extension Manager pour savoir comment activer et désactiver les extensions dans l’éditeur universel.
Choisir votre type de formulaire
L’éditeur universel prend en charge deux approches de création de formulaire :
Formulaire basé sur un schéma
Les formulaires basés sur un schéma configurent automatiquement les sources de données et lient les champs de formulaire aux données. Cette approche est idéale pour les nouveaux formulaires dotés de structures de données bien définies.
Créer un formulaire basé sur un schéma
-
Accéder à la console Forms
- Connectez-vous à votre instance de création Experience Manager Forms.
- Accédez à Adobe Experience Manager > Formulaires > Formulaires et documents.
-
Lancer la création du formulaire
- Sélectionnez Créer > Formulaires adaptatifs.
- Choisissez un modèle Edge Delivery Services.
- Cliquez sur Créer lorsqu’il est activé.
-
Configurer un modèle de données
- Accédez à l’onglet Données.
- Sélectionnez Modèle de données de formulaire (FDM) pour plusieurs sources de données ou Schéma JSON pour un seul système back-end.
- Choisissez le FDM que vous avez créé (par exemple, Modèle de données de formulaire Pet).
-
Terminer la configuration du formulaire
- Saisissez le Nom et le Titre.
- Spécifiez l’URL GitHub (par exemple,
https://github.com/wkndforms/edsforms). - Cliquer sur Créer
Vérifier le formulaire basé sur un schéma
Le formulaire s’ouvre dans l’éditeur universel avec une liaison de données préconfigurée :
Formulaire non basé sur un schéma
Les formulaires non basés sur un schéma nécessitent une configuration manuelle de la source de données et une liaison de champs. Cette approche offre une certaine flexibilité pour les formulaires existants ou les exigences complexes.
Créer un formulaire non basé sur un schéma
-
Accéder aux propriétés du formulaire
- Connectez-vous à votre instance de création Experience Manager Forms.
- Accédez à Adobe Experience Manager > Formulaires > Formulaires et documents.
- Sélectionner votre formulaire et cliquer sur Propriétés
-
Configurer un modèle de formulaire
- Ouvrez l’onglet Modèle de formulaire.
- Sélectionnez Modèle de données de formulaire (FDM) dans le menu déroulant Sélectionner à partir de.
- Choisissez votre FDM dans la liste.
-
Confirmation de la configuration
- Cliquez sur OK dans la boîte de dialogue d’avertissement.
- Cliquer sur Enregistrer et fermer
Ajouter des éléments de données
-
Ouverture du formulaire pour le modifier
- Le formulaire s’ouvre dans l’éditeur universel.
-
Accès aux éléments de la source de données
- Accédez à l’onglet Source de données dans l’Explorateur de contenu.
- Afficher les éléments de données disponibles dans votre FDM
-
Ajout d’éléments au formulaire
- Sélectionnez des éléments de données et cliquez sur Ajouter.
- Vous pouvez également faire glisser des éléments pour créer votre formulaire.
Ajouter une liaison de données manuelle
Pour les champs de formulaire existants, ajoutez la liaison de données via la propriété Référence de liaison :
-
Ouverture des propriétés des champs
- Sélectionnez le champ de formulaire à lier.
- Ouvrez son panneau des propriétés.
-
Configuration d’une référence de liaison
- Accédez à la propriété Référence de liaison.
- Cliquez sur l’icône Parcourir.
-
Sélection d’un élément de données
- Choisissez dans l’arborescence de la source de données de l’assistant Sélectionner une référence de liaison.
- Sélectionnez l’élément de données souhaité et cliquez sur Sélectionner.
-
Vérification de la liaison
- Le champ de formulaire est désormais lié à l’élément de données.
- La liaison apparaît dans la propriété Référence de liaison.
Vérifier l’intégration
Une fois l’intégration terminée :
- Tester la liaison de données : vérifiez que les champs de formulaire affichent les données correctes.
- Valider les envois : assurez-vous que les données sont enregistrées dans les sources configurées.
- Vérifier la gestion des erreurs : testez avec des scénarios de données non valides.
Étapes suivantes
Configurez les actions Envoyer pour terminer votre workflow de formulaire.