将Forms Portal添加到AEM Sites页面 publish-forms-on-portal

Adobe 建议使用现代、可扩展的数据捕获核心组件,以创建新的自适应表单将自适应表单添加到 AEM Sites 页面。这些组件代表有关创建自适应表单的重大改进,确保实现令人印象深刻的用户体验。本文介绍了使用基础组件创作自适应表单的旧方法。

版本
文章链接
AEM 6.5
单击此处
AEM as a Cloud Service
本文

在以表单为中心的典型门户部署方案中,表单开发和门户开发是两个相互分离的活动。 当表单设计人员将表单设计和存储在存储库中时,Web开发人员会创建一个Web应用程序来列出表单并处理表单提交。 Forms将会复制到Web层,因为Forms存储库和Web应用程序之间没有通信。

这种情形往往导致管理问题和生产延迟。 例如,如果存储库中有较新版本的表单,则需要在Web层上替换表单、修改Web应用程序并在公共站点上重新部署表单。 重新部署Web应用程序可能会导致某些服务器停机。 通常,服务器停机是计划内活动,因此更改无法即时推送到公共站点。

AEM Forms提供门户组件,可减少管理开销和生产延迟。 这些组件让Web开发人员能够在使用Forms (AEM)创作的网站上创建和自定义Adobe Experience Manager门户。

利用表单门户组件,可添加以下功能:

  • 以自定义布局列出表单。 开箱即用地提供列表视图和卡片视图布局。 您可以创建自己的自定义布局。
  • 允许您在列出自定义元数据和自定义操作时显示它们。
  • 列出使用AEM Forms Portal组件的发布实例上由Forms UI发布的表单。
  • 允许最终用户以HTML和PDF格式呈现表单。
  • 启用基于标题和描述的表单搜索。
  • 使用自定义CSS可自定义门户的外观。
  • 创建表单链接。
  • 列出与用户创建的自适应Forms相关的草稿和提交。

Forms Portal页面的组件 forms-portal-components

AEM Forms提供了以下开箱即用的门户组件:

  • 搜索和列表程序:利用此组件,可将表单存储库中的表单列出到门户页面上,并提供配置选项以根据指定条件列出表单。

  • 草稿和提交:当“搜索和列表程序”组件显示由Forms作者公开的表单时,“草稿和提交”组件显示另存为草稿的表单,以供以后填写和提交的表单。 此组件可为任何登录用户提供个性化体验。

  • 链接:通过此组件,可在页面上的任意位置创建指向表单的链接。

您可以从AEM项目原型导入现成的Forms门户组件。 导入后,执行以下配置:

导入Forms Portal组件 import-forms-portal-components-aem-archetype

要在AEM Formsas a Cloud Service上导入现成的Forms Portal组件,请执行以下步骤:

  1. 在本地开发实例上克隆Cloud Manager Git存储库: ​您的Cloud Manager Git存储库包含默认的AEM项目。 它基于AEM原型。 使用Cloud Manager UI中的自助Git帐户管理克隆Cloud Manager Git存储库,以将项目引入本地开发环境。 有关访问存储库的详细信息,请参阅访问存储库

  2. 将Experience Manager Forms创建为[Cloud Service]项目: ​根据AEM Archetype 27或更高版本,创建Experience Manager Forms为[Cloud Service]项目。 原型可帮助开发人员轻松开始开发AEM Formsas a Cloud Service。 它还包含一些示例主题和模板,可帮助您快速入门。

    要创建Experience Manager Formsas a Cloud Service项目,请打开命令提示符并运行以下命令。 要包括Forms特定的配置、主题和模板,请设置includeForms=y

    code language-shell
    mvn -B archetype:generate -DarchetypeGroupId=com.adobe.aem -DarchetypeArtifactId=aem-project-archetype -DarchetypeVersion=30 -DaemVersion="cloud" -DappTitle="My Site" -DappId="mysite" -DgroupId="com.mysite" -DincludeForms="y"
    

    此外,更改上述命令中的appTitleappIdgroupId以反映您的环境。

    项目准备就绪后,请更新Archetype项目顶级pom.xml中的<core.forms.components.version>x.y.z</core.forms.components.version>属性,以反映AEM Archetype项目中的core-forms-components的最新版本。

  3. 将项目部署到本地开发环境: ​您可以使用以下命令部署到本地开发环境

    mvn -PautoInstallPackage clean install

    有关命令的完整列表,请参阅生成和安装

  4. 将代码部署到您的 AEM Forms as a Cloud Service环境

为自适应Forms配置Azure存储 configure-azure-storage-adaptive-forms

Experience Manager Forms 数据集成提供了Azure存储配置以将表单与Azure存储服务集成。 表单数据模型(FDM)可用于创建与Azure服务器交互以启用业务工作流的自适应Forms。

创建 Azure 存储配置 create-azure-storage-configuration

在执行这些步骤之前,请确保您拥有Azure存储帐户和访问密钥,以授权对Azure存储帐户的访问。

  1. 导航到​ 工具 > Cloud Service > Azure存储
  2. 选择要创建配置的文件夹,然后选择​ 创建
  3. 在​ 标题 ​字段中指定配置的标题。
  4. 在​ Azure存储帐户 ​字段中指定Azure存储帐户的名称。

为Forms Portal配置统一存储连接器 configure-usc-forms-portal

执行以下步骤为AEM Workflow配置统一存储连接器:

  1. 导航到​ 工具 > Forms > 统一存储连接器
  2. 在​ Forms门户 ​部分中,从​ 存储 ​下拉列表中选择​ Azure
  3. 在​ 存储配置路径 ​字段中指定Azure存储配置🔗的配置路径。
  4. 选择​ Publish,然后选择​ 保存 ​以保存配置。

启用Forms Portal组件 enable-forms-portal-components

要在Adobe Experience Manager (AEM)站点中使用任何核心组件(包括现成的门户组件),您必须创建代理组件并为您的站点启用它。 有关创建代理组件和启用门户组件的信息,请参阅使用核心组件

启用门户组件后,您可以在站点页面的创作实例中使用它。

添加和配置Forms Portal组件 configure-forms-portal-components

您可以通过添加和配置门户组件,在使用AEM创作的网站上创建和自定义Forms门户。 在Forms门户中使用组件之前,请确保这些组件已启用

要添加组件,请将组件从“组件”窗格拖放到页面上的布局容器中,或选择布局容器上的添加图标并从插入新组件对话框中添加组件。

配置草稿和提交组件 configure-drafts-submissions-component

草稿和提交组件显示另存为草稿以供稍后完成和提交的表单。 要配置,请选择该组件,然后选择 配置图标 。 在草稿和提交对话框中,指定标题以将列出的表单指示为草稿或已提交的表单。 另选择组件应使用卡片格式还是列表格式列出草稿表单或已提交的表单。

草稿图标

提交图标

配置搜索和列表程序组件 configure-search-lister-component

搜索和列表程序组件用于在页面上列出自适应表单,并对列出的表单实施搜索。

搜索和列表程序图标

要配置,请选择该组件,然后选择 配置图标 。 搜索和列表程序对话框打开。

  1. 在显示选项卡中,配置以下内容:

    • 在​ Title ​中,指定Search & Lister组件的标题。 指示性标题使用户能够在表单列表中执行快速搜索。
    • 从​ 布局 ​列表中,选择以卡片或列表格式表示表单的布局。
    • 选择​ 隐藏搜索 ​和​ 隐藏排序 ​以隐藏搜索并按功能排序。
    • 在​ 工具提示 ​中,提供将鼠标悬停在该组件上时显示的工具提示。
  2. 在资产文件夹选项卡中,指定从何处提取表单并将其列在页面上。 您可以配置多个文件夹位置。

  3. 在结果选项卡中,配置每页显示的最大表单数。 默认设置是每页八个表单。

利用链接组件,可在页面上提供指向自适应表单的链接。 要配置,请选择该组件,然后选择 配置图标 。 将打开编辑链接组件对话框。

  1. 在显示选项卡中,提供链接标题和工具提示,以便于识别链接所表示的表单。
  2. 在资源信息选项卡中,指定存储资源的存储库路径。
  3. 在查询参数选项卡中,以键值对格式指定其他参数。 单击链接时,这些附加参数将与表单一起传递。

使用Adobe Sign配置异步表单提交 configure-asynchronous-form-submission-using-adobe-sign

您可以将配置为仅在所有收件人都完成签名仪式后提交自适应表单。 执行以下步骤,使用Adobe Sign配置设置。

  1. 在创作实例中,以编辑模式打开自适应表单。
  2. 从左窗格中,选择“属性”图标并展开​ 电子签名 ​选项。
  3. 选择​ 启用Adobe Sign。 将显示各种配置选项。
  4. 在提交表单部分中,选择​ 每个收件人完成签名仪式后 ​选项以配置提交表单操作,其中表单将首先发送给所有收件人进行签名。 所有收件人签署表单后,才提交表单。

将自适应Forms另存为草稿 save-adaptive-forms-as-drafts

您可以将表单另存为草稿,以便稍后完成。 将表单另存为草稿的方式有两种:

  • 在表单组件上创建“保存表单”规则,例如按钮。 单击按钮时,规则将触发,并且表单将保存为草稿。
  • 启用自动保存功能,该功能按照指定的事件或在配置的时间间隔后保存表单。

创建规则以将自适应表单另存为草稿 rule-to-save-adaptive-form-as-draft

要在表单组件上创建“保存表单”规则(例如按钮),请执行以下步骤:

  1. 在创作实例中,以编辑模式打开自适应表单。
  2. 从左窗格中,选择 组件图标,然后将按钮组件拖到表单中。
  3. 选择按钮组件,然后选择 配置图标
  4. 选择编辑规则图标以打开规则编辑器。
  5. 选择​ 创建 ​以配置和创建规则。
  6. 在When部分中,选择“已单击”,然后在Then部分中,选择“保存表单”选项。
  7. 选择​ 完成 ​以保存规则。

启用自动保存 enable-auto-save

您可以为自适应表单配置自动保存功能,如下所示:

  1. 在创作实例中,以编辑模式打开自适应表单。
  2. 从左窗格中,选择 属性图标 并展开AUTO-SAVE选项。
  3. 选中​ 启用 ​复选框以启用表单的自动保存。 您可以配置以下内容:
  • 默认情况下,自适应表单事件设置为“true”,这意味着该表单会在每个事件后自动保存。
  • 在触发器中,配置为根据事件的发生或特定时间间隔后触发自动保存。

另请参阅 see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab