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