将表单与表单数据模型 (FDM) 集成
通过 FDM 将您的表单与后端数据源连接,以启用数据绑定、验证和提交工作流。
先决条件
将 FDM 与您的表单集成之前,先完成以下步骤:
注意事项
如果您在通用编辑器界面中看不到 数据源 图标,或者在右侧属性面板中看不到 绑定引用 属性,就请在 扩展管理器 中启用 数据源 扩展。
           
          
请参阅扩展管理器功能亮点文章,了解如何在通用编辑器中启用和禁用扩展。
选择您的表单类型
通用编辑器支持两种表单创建方法:
           
          
基于架构的表单
基于架构的表单会自动配置数据源,并将表单字段与数据绑定。这种方法特别适用于具有明确定义的数据结构的新表单。
创建基于架构的表单
- 
                  访问表单控制台 - 登录您的 Experience Manager Forms 作者实例
- 导航至 Adobe Experience Manager > 表单 > 表单和文档
 
- 
                  开始创建表单 - 选择 创建 > 自适应表单
- 选择一个 Edge Delivery Services 模板
- 启用后,点击 创建
   
- 
                  配置数据模型 - 前往 数据 选项卡
- 为多个数据源选择 表单数据模型 (FDM),为单个后端系统选择 JSON 架构
- 选择您创建的 FDM(例如,宠物表单数据模型)
   
- 
                  完成表单设置 - 输入 名称 和 标题
- 指定 GitHub URL(例如 https://github.com/wkndforms/edsforms)
- 单击 创建
   
验证基于架构的表单
表单在通用编辑器中打开,并带有预先配置的数据绑定:
           
          
           
          
非基于架构的表单
非架构表单需要手动进行数据源配置和字段绑定。这种方法为现有表单或要求复杂的情况提供了灵活性。
创建非基于架构的表单
- 
                  访问表单属性 - 登录您的 Experience Manager Forms 作者实例
- 导航至 Adobe Experience Manager > 表单 > 表单和文档
- 选择表单,然后点击 属性
   
- 
                  配置表单模型 - 打开 表单模型 选项卡
- 从 选择表单 下拉菜单中选择 表单数据模型 (FDM)
- 从列表中选择您的 FDM
     
- 
                  确认配置 - 在警告对话框中点击 OK
- 点击 保存并关闭
   
添加数据元素
- 
                  打开表单进行编辑 - 表单在通用编辑器中打开
   
- 
                  访问数据源元素 - 在 内容浏览器 中前往 数据源 选项卡
- 查看 FDM 中可用的数据元素
   
- 
                  将元素添加到表单 - 选择数据元素,然后点击 添加
- 或者拖放元素来构建表单
     
添加手动数据绑定
对于现有的表单字段,通过 绑定引用 属性添加数据绑定:
- 
                  打开字段属性 - 选择要绑定的表单字段
- 打开其属性面板
 
- 
                  配置绑定引用 - 前往 绑定引用 属性
- 点击 浏览 图标
   
- 
                  选择数据元素 - 在 选择绑定引用 向导中,从数据源树中选择
- 选择所需的数据元素,然后点击 选择
     
- 
                  验证绑定 - 表单字段现在与此数据元素绑定
- 此绑定显示在 绑定引用 属性中
   
验证集成
完成集成后:
- 测试数据绑定:验证表单字段显示正确的数据
- 验证提交:确保数据保存到所配置的源
- 检查错误处理方法:使用无效数据场景进行测试
后续步骤
配置提交操作,完成您的表单工作流。