创建自适应表单

  1. 登录您的Experience Manager Forms创作实例。

  2. 在 Experience Manager 登录页面上输入您的凭据。登录后,在左上角,点按 Adobe Experience Manager > 表单 > 表单和文档

  3. 点按​ 创建 > 自适应表单。向导随即打开。在“源”选项卡中,选择一个模板:

    模板

    选择一个模板时,会自动选择该模板中指定的主题和提交操作,并启用​ 创建 ​按钮。您可以转到​ 样式 ​或​ 提交 ​选项卡以选择不同的主题或提交操作。如果所选模板未指定主题,则“创建”按钮将保持禁用状态。您可以转到​ 样式 ​选项卡以手动选择主题。

  4. 在​ 样式 ​选项卡中,选择一个主题:

    • 如果所选模板指定了一个主题,该主题将在向导中自动选定。您还可以从“样式”选项卡中选择其他主题。

    • 如果所选模板未指定主题,您可以使用“样式”选项卡选择主题。创建 ​按钮仅在选择主题后启用。

  5. (可选)在“数据”选项卡中,选择一个数据模型:

    • 表单数据模型表单数据模型可让您将来自不同的数据源的实体和服务集成到自适应表单中。如果您创建的自适应表单需要从多个数据源获取数据和向多个数据源写入数据,请选择表单数据模型。

    • JSON架构JSON架构自适应表单允许通过提供关联JSON架构的功能(表示正在生成或使用的数据的结构),与贵组织的后端系统无缝集成。 利用此关联,作者可以使用架构的元素将内容动态添加到自适应表单。在创作过程中,可以在内容浏览器的“数据模型对象”选项卡中轻松访问架构元素,并且所有字段将自动添加到任何新创建的自适应表单中。

    默认情况下,关联的 JSON 架构的所有字段都将自动选定并转换为相应的自适应表单组件,从而简化创作过程。该向导可让您使用复选框选择性地选定应包含在自适应表单中的字段,更加方便。

  6. 在​ 提交 ​选项卡中,选择提交操作:

    • 选择一个模板时,该模板中指定的提交操作将自动选定。您可以从“提交”选项卡中选择其他提交操作。提交 ​选项卡显示所有可用的提交操作。

    • 如果所选模板未指定提交操作,您可以使用​ 提交 ​选项卡来选择提交操作

  7. (可选)在​ 交付 ​选项卡中,您可以为自适应表单指定发布或取消发布日期。

  8. 点按​ 创建。将出现一个对话框,用于指定标题、名称和位置以保存自适应表单:

    • 标题:指定表单的显示名称。标题可帮助您在 Experience Manager Forms 用户界面中标识表单。
    • 名称: ​指定表单的名称。在存储库中创建具有指定名称的节点。在开始键入标题时,名称字段的值将自动生成。您可以更改建议的值。名称字段只能包含字母数字字符、连字符和下划线。所有无效的输入都将替换为连字符。
    • 路径: ​指定用于保存自适应表单的位置。您可以直接将自适应表单保存在 /content/dam/formsanddocuments,也可以创建一个文件夹(例如 /content/dam/formsanddocuments/adaptiveforms)来保存自适应表单。确保先创建文件夹,然后再在路径中使用它。路径 ​字段不会自动创建文件夹。
  9. 点按​ 创建。自适应表单将创建并在自适应表单编辑器中打开。该编辑器显示模板中可用的内容。根据自适应表单的类型,关联的 JSON 架构或表单数据模型显示在边栏的​ 内容浏览器 ​的​ 数据模型对象 ​选项卡中。您还可以拖放这些元素来生成自适应表单。

现在,您可以将自适应Forms组件拖放到自适应Forms容器中来设计和创建表单。

查看自适应表单的JSON演绎版

选择自适应表单并点按​ 预览。 此时会出现窗体预览。 要查看表单的表单定义(JSON),请使用.model.json替换URL中的.html扩展名

例如,http://[author-server]:[port]/editor.html/content/forms/af/contact-us.model.json

您可以使用Headless自适应Forms getForm API获取表单定义(JSON)并在应用程序中使用它。

查看表单定义(JSOI)