Insérer une pièce jointe de formulaire dans la base de données

Cet article décrit le cas pratique de stockage de pièces jointes de formulaire dans la base de données MySQL.

Une tâche courante pour les clientes et clients consiste à stocker les données de formulaire capturées et la pièce jointe de formulaire dans un tableau de base de données.
Pour ce cas pratique, nous avons suivi les étapes suivantes :

Créer un tableau de base de données destiné à contenir les données de formulaire et la pièce jointe.

Un tableau appelé newhire a été créé pour contenir les données de formulaire. Notez que la colonne nommée picture est de type LONGBLOB pour stocker la pièce jointe du formulaire.

Créer un modèle de données de formulaire

Un modèle de données de formulaire a été créé pour communiquer avec la base de données MySQL. Vous devez créer les éléments suivants :

Créer un workflow

Lorsque vous configurez votre formulaire adaptatif pour l’envoyer à un workflow AEM, vous avez la possibilité d’enregistrer les pièces jointes du formulaire dans une variable de workflow ou d’enregistrer les pièces jointes dans un dossier spécifié sous la payload. Pour ce cas d’utilisation, nous devons enregistrer les pièces jointes dans une variable de workflow de type ArrayList de document. À partir de cette liste ArrayList, nous devons extraire le premier élément et initialiser une variable de document. Les variables de workflow appelées listOfDocuments et employeePhoto ont été créées.
Lorsque le formulaire adaptatif est envoyé pour déclencher le workflow, une étape du workflow initialise la variable employeePhoto à l’aide du script ECMA. Voici le code de script ECMA :

log.info("executing script now...");
var metaDataMap = graniteWorkItem.getWorkflow().getWorkflowData().getMetaDataMap();
var listOfAttachments = [];
// Make sure you have a workflow variable caled listOfDocuments defined
listOfAttachments = metaDataMap.get("listOfDocuments");
log.info("$$$  got listOfAttachments");
//Make sure you have a workflow variable caled employeePhoto defined
var employeePhoto = listOfAttachments[0];
metaDataMap.put("employeePhoto", employeePhoto);
log.info("Employee Photo updated");

L’étape suivante du workflow consiste à insérer les données et la pièce jointe du formulaire dans le tableau à l’aide du composant de service Invoquer le modèle de données de formulaire.

Le workflow complet avec l’exemple de script ECMA peut être téléchargé ici.

Créer un formulaire adaptatif

Créez votre formulaire adaptatif en fonction du modèle de données de formulaire créé à l’étape précédente. Faites glisser et déposez les éléments de modèle de données de formulaire sur le formulaire. Configurez l’envoi du formulaire pour déclencher le workflow et spécifiez les propriétés suivantes, comme illustré dans la capture d’écran ci-dessous.