创建基于核心组件的自适应表单模板 adaptive-form-templates

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

用户
开发人员

在创作表单时，可在编辑器中添加字段和组件以定义表单结构、内容和操作。您在表单容器的guideRootPanel中添加字段和组件。使用模板编辑器，您可以创建一个模板，其中包含作者可用于创建表单的基本结构和初始内容。

例如，您希望所有表单作者在注册表单中都拥有某些文本框、导航按钮和提交按钮。您可以创建一个模板，其中包含作者可用来创建与其他注册表单一致的表单的组件。当作者使用模板创建自适应表单时，新表单会继承您在模板中指定的结构和组件。通过模板编辑器，您可以：

在结构层中添加表单的页眉和页脚组件。
提供表单的初始内容。
指定主题“提交操作”。

先决条件

为您的环境启用自适应Forms核心组件：在创建项目时，已为您的环境启用自适应Forms核心组件。如果您的表单as a Cloud Service环境基于AEM Archetype 39或更早版本，请为您的环境启用自适应Forms核心组件。

NOTE

在部署基于Archetype 45的Formsas a Cloud Service环境时，会将 自适应Forms （核心组件） 模板和基于核心组件的主题添加到您的环境中。

使用模板 working-with-templates

您可以从“工具”菜单访问模板编辑器，方法是导航到 Adobe Experience Manager > 工具 > 常规 > 模板。在此处，模板在启用可编辑模板的文件夹中进行组织。

NOTE

您可以在特定于核心组件的文件夹中找到基于核心组件的可编辑模板。

Experience Manager提供了一个全局文件夹来组织模板。但是，默认情况下不启用此功能。您可以请求管理员启用全局文件夹或创建模板文件夹。有关如何创建文件夹的详细信息，请参阅模板文件夹。

创建模板 create-template

创建文件夹后，打开该文件夹并执行以下步骤以创建模板：

选择 在已创建的文件夹中创建。
在 选择模板类型 部分中，选择 自适应表单（核心组件）模板 并选择 下一步。
在 模板详细信息 部分中，提供 模板标题 并选择创建。
您还可以提供描述。
选择完成以返回控制台，或选择打开以在编辑器中打开模板。

模板编辑器用户界面 template-editor-ui

在打开模板进行编辑时，您可以看到以下AEM Editor组件：

页面工具栏
包含以下选项：
- 切换侧面板：用于显示或隐藏侧栏。
- 页面信息：用于指定发布/取消发布时间、缩略图、客户端库、页面策略和页面设计客户端库等信息。
- 模式选择器： 允许您更改模式。您可以选择结构模式、初始内容、布局控件 模式。结构模式允许您添加和自定义页眉和页脚。初始内容模式允许您自定义表单内容。
- 预览： 允许您预览发布模板时的外观。您可以使用“图层选择器”和“预览”来切换编辑和预览模式。
侧栏： 提供内容、属性、Assets和组件浏览器。
组件工具栏： 当您选择某个组件时，您会看到一个允许您自定义该组件的工具栏。
Page：添加内容以创建模板的区域。

编辑模板 editing-a-template

选择和编辑模板的相应方面的不同模式包括：

结构
初始内容
布局

图层选择器位于屏幕右上角的“预览”选项旁边。

结构 structure

在模板编辑器中选择结构层时，它有助于预定义在创建与模板关联的自适应Forms时无法更改的内容。

结构图层中的布局容器

在结构层中锁定/解锁组件 locking-unlocking-components-in-the-structure-layer

在选定结构层的情况下编辑模板时，可以解锁模板的页眉和页脚。如果在模板中解锁了某个组件，则表单作者可以在使用该模板的自适应表单中编辑该组件。锁定组件会阻止表单作者在自适应表单中进行编辑。 “锁定”选项在组件工具栏中可用。

例如，在模板中添加标题组件。选择组件后，您会在组件工具栏中看到一个锁定选项。通常，页眉包括公司名称和徽标，并且您不希望表单作者更改模板中的徽标和页眉。在锁定标题组件且使用模板创建的自适应表单中，表单作者无法更改徽标和公司名称。

NOTE

不建议单独锁定或解锁页眉组件中的图像或徽标。您可以解锁标头组件。

初始内容 initial-content

选择初始内容选项后，模板的自适应表单容器会像要编辑的自适应表单一样打开。它允许您创建预定义内容，在创建与模板关联的自适应Forms时可以更改这些内容。与创作自适应表单一样，您可以指定初始设置，例如选择主题和提交操作。

表单作者可将其用作创建表单的基础。内容流结构在模板的初始内容层中指定。若要切换到编辑表单模板的初始内容，请在页面工具栏中的“预览”之前，选择 > 初始内容。

页眉和页脚已添加到初始内容层

在初始内容层中，创建作者用作基础的自适应表单模板。创作模板与创作表单类似，只是使用侧栏中提供的选项。侧栏提供内容、属性、资源和组件浏览器。

NOTE

选择“存储内容”或“存储PDF”作为“提交操作”时，您将获得一个用于指定存储路径的选项。如果在模板中指定路径，则使用该模板创建的所有表单都具有相同的路径。您可以指定正确的存储路径，或确保表单作者对其进行更新，以防止每个表单中的数据存储在同一位置。

布局 layout

编辑模板时，您可以定义布局，这会使用标准响应式布局。布局有助于根据设备宽度管理组件宽度，以促进响应式自适应表单设计。

结构图层中的布局容器

有关其他信息，请参阅文章了解响应式布局。

启用模板 enabling-the-template

创建模板时，模板会添加为草稿。启用模板以将其用于创建自适应Forms。要启用模板：

导航到 Adobe Experience Manager > 工具 > 模板，然后打开您在其中创建模板的文件夹。
您创建的模板将标记为草稿。
选择模板并在工具栏中选择启用。
在创建自适应表单时，如果要求您选择模板，则可以看到列出的模板。

导入或导出模板 importing-or-exporting-a-template

表单可与其模板配合使用。下载使用自定义模板创建的自适应表单时，不会下载该模板。当您在其他AEM Forms实例上导入表单时，将导入该表单而不导入其模板。如果表单已导入，但其模板不可用，则不会呈现表单。您可以从https://<server>:<port>/crx/packmgr中的/conf节点打包自定义模板，并将其移植到要上载表单的AEM Forms实例中。您也可以使用AEM原型创建模板并将其部署到Cloud Service实例。

NOTE

您还可以直接从自适应表单编辑器或自适应表单模板编辑器配置记录文档模板。有关详细信息，请参阅生成自适应Forms的记录文档。

将表单数据模型架构关联到模板 associating-form-data-model-schema-in-template

作者可以在模板编辑器中将表单数据模型架构关联到自适应表单模板。它允许作者从模板编辑器中选择架构。在将架构与模板关联并且表单作者基于模板创建表单时，系统会为表单预先选择架构。它有助于表单作者规范架构的使用，同时为表单作者节省时间。要在模板编辑器中选择表单数据模型架构，请执行以下操作：

选择位于左侧的 内容浏览器。
转到表单容器设置。
选择 数据模型。
通过 选择表单数据模型 选择您的表单数据模型(FDM)并保存配置。

Forms中的Form-Data-Model-Association

使用模板策略将自定义属性添加到自适应表单组件

通过自定义属性，您可使用表单模板将自定义属性（键值对）关联到自适应表单核心组件。自定义属性反映在组件的Headless演绎版的属性部分中。它可让您创建根据自定义属性值进行调整的动态表单行为。例如，开发人员可以为移动、桌面或 Web 平台设计 Headless 表单组件的各种演绎版，从而大大提升各种设备上的用户体验。

将自定义属性添加到自适应表单核心组件字段的步骤如下：