Integrieren von Formularen mit einem Formulardatenmodell (FDM)
Verbinden Sie Ihre Formulare mithilfe eines FDM mit Backend-Datenquellen, um Datenbindungs-, Validierungs- und Übermittlungs-Workflows zu ermöglichen.
Voraussetzungen
Führen Sie die folgenden Schritte aus, bevor Sie ein FDM in Ihre Formulare integrieren:
- Konfigurieren von Datenquellen: Richten Sie Backend-Verbindungen ein.
- Erstellen des Formulardatenmodells: Definieren Sie Datenstruktur und Dienste.
- Konfigurieren von Datenmodellobjekten: Ordnen Sie Datenbeziehungen zu.
Überlegungen
Wenn das Symbol Datenquellen in der Benutzeroberfläche des universellen Editors oder die Eigenschaft Bindungsverweis im Panel „Eigenschaften“ auf der rechten Seite nicht angezeigt wird, aktivieren Sie die Erweiterung Datenquelle im Extension Manager.
Informationen zum Aktivieren und Deaktivieren von Erweiterungen im universellen Editor finden Sie im Artikel Extension Manager – Highlights der Funktionen.
Auswählen Ihres Formulartyps
Der universelle Editor unterstützt zwei Ansätze zur Formularerstellung:
Schemabasiertes Formular
Schemabasierte Formulare konfigurieren Datenquellen automatisch und binden Formularfelder an Daten. Dieser Ansatz eignet sich ideal für neue Formulare mit klar definierten Datenstrukturen.
Erstellen eines schemabasierten Formulars
-
Aufrufen der Forms-Konsole
- Melden Sie sich bei Ihrer Experience Manager Forms-Autoreninstanz an.
- Gehen Sie zu Adobe Experience Manager > Forms > Formulare und Dokumente.
-
Starten der Formularerstellung
- Wählen Sie Erstellen > Adaptives Formular.
- Wählen Sie eine Edge Delivery Services-Vorlage.
- Klicken Sie auf Erstellen (so aktiviert).
-
Konfigurieren eines Datenmodells
- Wechseln Sie zur Registerkarte Daten.
- Wählen Sie Formulardatenmodell (FDM) für mehrere Datenquellen oder JSON-Schema für ein einzelnes Backend-System.
- Wählen Sie das erstellte FDM aus (z. B. „Formulardatenmodell für Haustiere“).
-
Abschließen der Formulareinrichtung
- Geben Sie Name und Titel ein.
- Geben Sie die GitHub-URL an (z. B.
https://github.com/wkndforms/edsforms). - Klicken Sie auf Erstellen.
Überprüfen Sie das schemabasierte Formular.
Das Formular wird im universellen Editor mit vorkonfigurierter Datenbindung geöffnet:
Nicht schemabasiertes Formular
Nicht schemabasierte Formulare erfordern eine manuelle Datenquellenkonfiguration und Feldbindung. Dieser Ansatz bietet Flexibilität bei bestehenden Formularen oder komplexen Anforderungen.
Erstellen Sie ein nicht schemabasiertes Formular.
-
Aufrufen der Formulareigenschaften
- Melden Sie sich bei Ihrer Experience Manager Forms-Autoreninstanz an.
- Gehen Sie zu Adobe Experience Manager > Forms > Formulare und Dokumente.
- Wählen Sie ein Formular aus und klicken Sie auf Eigenschaften.
-
Konfigurieren eines Formularmodells
- Öffnen Sie die Registerkarte Formularmodell.
- Wählen Sie Formulardatenmodell (FDM) aus der Dropdown-Liste Auswählen aus.
- Wählen Sie Ihr FDM aus der Liste aus.
-
Bestätigen der Konfiguration
- Klicken Sie im Warndialogfeld auf OK.
- Klicken Sie auf Speichern und schließen.
Hinzufügen von Datenelementen
-
Öffnen von Formular zur Bearbeitung
- Das Formular wird im universellen Editor geöffnet.
-
Zugreifen auf Datenquellenelemente
- Navigieren Sie zur Registerkarte Datenquelle im Inhalts-Browser.
- Zeigen Sie verfügbare Datenelemente aus Ihrem FDM an.
-
Hinzufügen von Elementen zum Formular
- Wählen Sie Datenelemente aus und klicken Sie auf Hinzufügen.
- Oder ziehen Sie Elemente per Drag-and-Drop, um Ihr Formular einzurichten.
Hinzufügen einer manuellen Datenbindung
Fügen Sie für vorhandene Formularfelder über die Eigenschaft Bindungsverweis eine Datenbindung hinzu:
-
Öffnen der Feldeigenschaften
- Wählen Sie das Formularfeld für die Bindung aus.
- Öffnen Sie das Bedienfeld „Eigenschaften“.
-
Konfigurieren des Bindungsverweises
- Wechseln Sie zur Eigenschaft Bindungsverweis.
- Klicken Sie auf das Symbol für Durchsuchen.
-
Auswählen des Datenelements
- Wählen Sie aus der Datenquellenstruktur im Assistenten Bindungsverweis auswählen aus.
- Wählen Sie das gewünschte Datenelement aus und klicken Sie auf Auswählen.
-
Überprüfen der Bindung
- Das Formularfeld ist jetzt an das Datenelement gebunden.
- Die Bindung wird in der Eigenschaft Bindungsverweis angezeigt.
Überprüfen Sie die Integration.
Nach Abschluss der Integration:
- Datenbindung testen: Überprüfen Sie, ob Formularfelder korrekte Daten anzeigen.
- Übermittlungen validieren: Vergewissern Sie sich, dass Daten in konfigurierten Quellen gespeichert werden
- Fehlerbehandlung überprüfen: Testen Sie mit ungültigen Datenszenarien.
Nächste Schritte
Konfigurieren Sie Übermittlungsaktionen, um Ihren Formular-Workflow abzuschließen.