フォームとフォームデータモデル(FDM)の統合
FDM を使用してフォームをバックエンドデータソースに接続し、データ連結、検証、送信のワークフローを有効にします。
前提条件
FDM をフォームに統合する前に、次の手順を完了します。
- データソースを設定:バックエンド接続を設定します
- フォームデータモデルを作成:データ構造とサービスを定義します
- データモデルオブジェクトを設定:データ関係をマッピングします
考慮事項
ユニバーサルエディターインターフェイスの「データソース」アイコンや、右側のプロパティパネルの 連結参照 プロパティが表示されない場合は、Extension Manager で データソース 拡張機能を有効にします。
ユニバーサルエディターで拡張機能を有効または無効にする方法については、Extension Manager 機能のハイライトの記事を参照してください。
フォームタイプの選択
ユニバーサルエディターは、次の 2 つのフォーム作成アプローチをサポートします。
スキーマベースのフォーム
スキーマベースのフォームでは、データソースを自動的に設定し、フォームフィールドをデータに連結します。このアプローチは、データ構造が明確に定義された新しいフォームに最適です。
スキーマベースのフォームの作成
-
フォームコンソールにアクセス
- Experience Manager Forms オーサーインスタンスにログインします
- Adobe Experience Manager/Forms/フォームとドキュメント に移動します
-
フォーム作成を開始
- 作成/アダプティブフォーム を選択します
- Edge Delivery Services テンプレートを選択します
- 有効な場合は、「作成」をクリックします
-
データモデルを設定
- 「データ」タブに移動します
- 複数のデータソースの場合は「フォームデータモデル(FDM)」を選択し、単一のバックエンドシステムの場合は「JSON スキーマ」を選択します
- 作成した FDM(例:ペットのフォームデータモデル)を選択します
-
フォーム設定を完了
- 名前 と タイトル を入力します
- GitHub URL を指定します(例:
https://github.com/wkndforms/edsforms
) - 「作成」をクリックします。
スキーマベースのフォームの検証
フォームは、事前設定済みのデータ連結を使用してユニバーサルエディターで開きます。
スキーマベース以外のフォーム
スキーマ以外のフォームでは、データソース設定とフィールド連結を手動で行う必要があります。 このアプローチは、既存のフォームや複雑な要件に対して柔軟性を提供します。
スキーマベース以外のフォームの作成
-
フォームプロパティにアクセス
- Experience Manager Forms オーサーインスタンスにログインします
- Adobe Experience Manager/Forms/フォームとドキュメント に移動します
- フォームを選択し、「プロパティ」をクリックします
-
フォームモデルを設定
- 「フォームモデル」タブを開きます
- 選択元 ドロップダウンから「フォームデータモデル(FDM)」を選択します
- リストから FDM を選択します
-
設定を確認
- 警告ダイアログで「OK」をクリックします
- 「保存して閉じる」をクリックします。
データ要素の追加
-
フォームを編集用に開く
- ユニバーサルエディターでフォームが開きます
-
データソース要素にアクセス
- コンテンツブラウザー の「データソース」タブに移動します
- FDM から使用可能なデータ要素を表示します
-
フォームに要素を追加
- データ要素を選択し、「追加」をクリックします
- または、要素をドラッグ&ドロップしてフォームを作成します
手動データ連結の追加
既存のフォームフィールドの場合は、バインド参照 プロパティを使用してデータ連結を追加します。
-
フィールドのプロパティを開く
- 連結用のフォームフィールドを選択します
- プロパティパネルを開きます
-
連結参照を設定
- 連結参照 プロパティに移動します
- 参照 アイコンをクリックします
-
データ要素を選択
- 連結参照を選択 ウィザードでデータソースツリーから選択します
- 目的のデータ要素を選択し、「選択」をクリックします
-
連結を検証
- これで、フォームフィールドがデータ要素に連結されます
- 連結が 連結参照 プロパティに表示されます
統合の検証
統合が完了したら、次の手順を実行します。
- データ連結をテスト:フォームフィールドに正しいデータが表示されていることを検証します
- 送信を検証:データが設定されたソースに保存されていることを確認します
- エラー処理を確認:無効なデータシナリオでテストします
次の手順
送信アクションを設定して、フォームワークフローを完了します。