创建自适应表单

自适应Forms让您能够创建有吸引力的响应式、动态且自适应的表单。 AEM Forms 提供了直观的用户界面和现成的组件,用于创建和使用自适应Forms。您可以选择基于表单模型或架构创建自适应表单,也可以不使用表单模型创建自适应表单。 必须仔细选择不仅适合您的要求,而且扩展您现有的基础设施投资和资产的表单模式。 您可以从以下选项中进行选择,以创建自适应表单:

  • 使用表单数据模型
    数据 集成允许您将不同数据源中的实体和服务集成到表单数据模型中,以供您用于创建自适应Forms。如果要创建的自适应表单涉及从多个数据源获取数据和将数据写入多个数据源,请选择表单数据模型。

  • 使用XML架构定义(XSD)或JSON
    架构XML和JSON架构表示组织内后端系统生成或使用数据的结构。您可以将架构与自适应表单相关联,并使用其元素向自适应表单添加动态内容。 创作自适应Forms时,架构的元素将可用在内容浏览器的“数据模型对象”选项卡中。

  • 无或不使用表单模
    型使用此选项创建的自适应Forms不使用任何表单模型。从这种表单生成的数据XML具有平坦结构,其中具有字段和相应的值。

先决条件

您需要满足以下条件才能创建自适应表单:

  • 自适应表单模板。 模板提供了基本结构并定义了自适应表单的外观(布局和样式)。 它具有预格式化的组件,其中包含某些属性和内容结构。您可以创建新模板、导入现有模板,或下载和导入某些示例模板
  • 自适应表单主题。 主题包含组件和面板的样式详细信息。 样式包括背景颜色、状态颜色、透明度、对齐方式和大小等属性。 应用主题时,指定的样式将反映在相应的组件上。 您可以创建新主题导入现有主题,或下载并导入一些示例主题
  • 将用户添加到forms-users,以向他们提供创建自适应表单的权限。 有关特定用户组的表单详细列表,请参阅组和权限

创建自适应表单

按照以下步骤创建自适应表单。

  1. 访问Experience Manager Forms创作实例。 它可以是云实例或本地开发实例。

  2. 在Experience Manager登录页面上输入凭据。

    登录后,点按左上角的​Adobe Experience Manager > Forms > Forms & Documents

  3. 点按​Create​并选择​Adaptive Form。 选择模板,然后点按​Next

  4. 出现​Add Properties​选项。 指定以下属性字段的值。 标题和名称字段是必填字段:

    • Title: 指定表单的显示名称。标题可帮助您识别Experience Manager Forms用户界面中的表单。
    • Name: 指定表单的名称。在存储库中创建具有指定名称的节点。 开始键入标题时,将自动生成名称字段的值。 您可以更改建议的值。 名称字段只能包含字母数字字符、连字符和下划线。 所有无效输入都将替换为连字符。
    • Description: 指定有关表单的详细信息。
    • Tags: 指定用于唯一标识自适应表单的标记。标记有助于搜索表单。 要创建标记,请在​Tags​框中键入新标记名称。
  5. 您可以基于以下任一表单模型创建自适应表单:

    您可以从​Add Properties​页面的​Form Model​选项卡中配置这些参数。 默认情况下,所选的表单模型为​None

  6. 点按 Create. 随即会创建一个自适应表单,并出现一个用于打开表单以进行编辑的对话框。

  7. 点按​Open​以在新选项卡中打开新创建的表单。 此时将打开表单进行编辑,并显示模板中可用的内容。 它还会显示侧栏,以根据需要自定义新创建的表单。

    根据自适应表单的类型,关联的XML架构或JSON架构中存在的表单元素显示在侧栏​Content Browser​的​Data Model Objects​选项卡中。 您还可以拖放这些元素以构建自适应表单。

基于表单数据模型创建自适应表单

数据 集成允许您集成多个数据源,并将其实体和服务整合在一起,以创建表单数据模型。它是JSON模式的扩展。 您可以使用表单数据模型创建自适应表单。 在表单数据模型中配置的实体或数据模型对象可用作表单创作的数据模型对象。 它们绑定到相应的数据源,用于预填表单并将提交的数据写回相应的数据源。 您还可以使用自适应表单规则调用在表单数据模型中配置的服务。

要使用表单数据模型创建自适应表单,请执行以下操作:

  1. 在“添加属性”屏幕的“表单模型”选项卡中,从​Select From​下拉列表中选择​Form Data Model

    创建自适应表单

  2. 点按以展开​Select Form Data Model。 将列出所有可用的表单数据模型。从数据模型中选择。

注意

您还可以更改自适应表单的表单数据模型。 有关详细步骤,请参阅编辑自适应表单的表单模型属性

基于XML或JSON架构创建自适应表单

XML和JSON架构表示组织内的后端系统生成或使用数据的结构。 您可以将架构与自适应表单相关联,并使用其元素向自适应表单添加动态内容。 架构的元素位于内容浏览器的“数据模型对象”选项卡中,用于创作自适应Forms。 您可以拖放架构元素以构建表单。

请参阅以下文档,了解如何设计XML或JSON模式以创作自适应Forms。

请执行以下操作以将XML或JSON架构用作自适应表单的表单模型:

  1. 在自适应表单创建页面的​Add Properties​步骤中,点按​Form Model​选项卡。

  2. 在“表单模型”选项卡中,从​Select From​下拉字段中选择​Schema

  3. 点按​Select Schema​并执行下列操作之一:

    • Upload from disk — 选择此选项,然后点按上传架构定义,以从文件系统浏览并上传XML架构或JSON架构。上传的架构文件驻留在表单中,其他自适应Forms无法访问该文件。

    • Search in repository — 选择此选项可从存储库中可用的架构定义文件列表中进行选择。选择XML或JSON架构文件作为表单模型。 所选架构通过引用与表单关联,并可在其他自适应Forms中使用。

      请确保JSON架构文件名以​.schema.json​结尾。 例如:mySchema.schema.json
      选择XML或JSON架构
      图: 选择XML或JSON架构

  4. (仅限XML架构)选择或上载XML架构后,请指定要与自适应表单映射的选定XSD文件的根元素。

    选择XSD根元素
    图: 选择XSD根元素

注意

您还可以更改自适应表单的架构。 有关详细步骤,请参阅编辑自适应表单的表单模型属性

编辑自适应表单的表单模型属性

自适应Forms的创建不带表单模型(对表单模型使用无选项),也不带使用表单模型(如 XML架构、JSON架构或表单数据模型)。 可以将自适应表单的表单模型从“无”更改为其他表单模型。 对于基于表单模型的自适应表单,您可以为同一表单模型选择其他 XML架构、JSON架构或表单数据模型。 但是,不能将一个表单模型更改为另一个表单模型。

  1. 选择自适应表单,然后点按​属性​图标。

  2. 打开​Form Model​选项卡,然后执行下列操作之一。

    • 如果自适应表单没有表单模型,则可以选择其他表单模型,并相应地选择 XML或JSON架构,或表单数据模型。
    • 如果自适应表单基于表单模型,则可以为同一表单模型选择其他 XML或JSON架构,或选择表单数据模型。
  3. 点按​Save​以保存属性。

在此页面上