创建表单门户页面 creating-a-forms-portal-page

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.

Forms门户组件为Web开发人员提供了组件,用于在使用Adobe Experience Manager(AEM)创作的网站上创建和自定义表单门户。 有关Forms Portal的快速概述,请参阅 在门户上发布表单简介.

前提条件 prerequisites

默认情况下,Forms门户组件不可用。 确保启用以下表单门户组件类别,如 启用表单门户组件.

文档服务 包括搜索和制表人、链接以及草稿和提交组件。

文档服务谓词 包括“日期谓词”、“全文谓词”、“属性谓词”和“标记谓词”组件。 这些组件用于在搜索和制表人组件中配置搜索。

在AEM站点页面上启用组件类别后,即可在组件浏览器中使用这些组件类别。

组件浏览器中的AEM Forms门户组件
图: Forms门户组件类别

搜索和制表人组件 search-amp-lister-component

“文档服务”组件类别下的“搜索和制表人”组件用于在页面上列出表单,并对列出的表单实施搜索。 组件包含两个窗格:

  • 列出表单的列表窗格。
  • 在搜索窗格中添加搜索功能。

您可以将“搜索和制表人”组件从组件浏览器的“文档服务”组件类别拖放到页面上。 添加该组件后,其外观与以下内容类似。

页面中的搜索和制表人组件
图: 在具有网格布局的页面中搜索和制表人组件

列表窗格 list-pane

“列表”窗格是列出表单的区域。 “搜索和制表人”组件提供了各种配置选项,可用于控制列表窗格中表单的显示。

要配置列表窗格,请点按搜索和制表人组件,然后点按 settings_icon . 的 编辑组件 对话框。

编辑模式下的列表窗格
图: 编辑模式下的列表窗格

编辑 对话框包括若干选项卡,提供下表所述的配置选项。 点按 确定 ,以保存配置。

制表符
配置
描述
资源文件夹
添加项目
使用AEM Forms UI配置上传资产的文件夹。 默认情况下,该报表会列出所有上传的资产。 有关AEM Forms UI的更多信息,请参阅 管理表单简介.
显示器
标题文本
搜索和制表器组件的标题。 默认标题为 Forms门户。
布局模板
资产的布局。
禁用高级搜索
启用后,将隐藏高级搜索图标。
禁用文本搜索
启用后,将隐藏全文搜索栏。
结果
每页结果数
配置要在页面上显示的最大表单数。
结果文本

配置结果文本(例如,601的1-12个) 结果)。 默认值为 结果.

例如,如果您指定 Forms 在此字段中,共有601个表单,结果文本更改为601的1-12个 Forms。

页面文本

配置页面文本(例如, 页面 1/51)。 默认值为 页面.

例如,如果您指定 申请表 在此字段中,共有51个页面,页面文本会更改为 申请表 51.1

Of 文本

替换单词 of (第1页) of 51)。 默认值为 of.

例如,如果您指定 在此字段中,文本将更改为第1页 51.

表单链接
呈现类型
根据指定的渲染类型控制表单列表。 可用选项包括PDF和HTML。 例如,如果您只选择HTML作为呈现类型,则PDF forms会被过滤掉。
HTML配置文件
配置用于渲染的HTML配置文件。 下拉列表中列出了所有可用的用户档案。
提交URL

配置从中提交表单数据的Servlet。

注意: 表单的提交URL可以在多处指定,其优先顺序如下:

  1. 表单中嵌入的提交URL(在“提交”按钮中)具有最高优先级。
  2. 在AEM Forms UI中提及的提交URL具有第二高的优先级。
  3. 在Forms Portal中提及的提交URL优先级最低。
HTML渲染操作工具提示
配置工具提示的文本,将指针悬停在工具提示上时显示该文本+-------------+ | img-md | +=============+ | w-13 | +-------------+ | | +-------------+(HTML5图标)。
PDF渲染操作工具提示
配置工具提示的文本,将指针悬停在工具提示上时显示该文本+-------------+ | img-md | +=============+ | w-14 | +-------------+ | | +-------------+(PDF图标)。
样式
样式类型
允许您指定 无样式、默认样式自定义样式 ,以列出表单。
自定义样式路径
如果选择“自定义”作为“样式类型”,请浏览以指定自定义CSS的路径,否则选择“默认”。

搜索窗格 search-pane

通过“搜索”窗格,您可以从AEM Sidekick的“文档服务谓词”类别中添加“日期谓词”、“全文谓词”、“属性谓词”和“标记谓词”组件。 这些组件为用户实施了搜索功能,以便对列出的表单执行搜索。

提示: 您可以根据预设条件控制在表单门户上显示的表单列表,并为最终用户隐藏搜索功能。 要控制表单列表,请使用谓词组件来应用搜索过滤器。 您还可以指定默认的过滤器值,并从编辑组件对话框的显示选项卡中禁用搜索。

包含“日期”、“全文”、“属性”和“标记谓词”的搜索面板
图: 包含“日期”、“全文”、“属性”和“标记谓词”的搜索面板

日期谓词 date-predicate

添加日期谓词组件后,可对在指定时间段内修改的列出表单进行搜索。

要配置日期谓词组件,请执行以下操作:

  1. 点按组件,然后点按 settings_icon . 此时将打开编辑对话框。

  2. 指定以下内容:

    • 类型: 唯一可用的选项是 上次修改日期.
    • 文本: 日期谓词组件的标签或说明。 默认值为 上次修改日期.
    • 开始日期标签: 开始日期字段的标签或标题。
    • 结束日期标签: 结束日期字段的标签或标题。
    • 隐藏: 要强制执行默认日期过滤器来列出表单,请执行以下操作:
  3. 点按 确定.

全文谓词 full-text-predicate

全文谓词组件对表单数据(如名称和描述)实施全文搜索。 用户可以搜索任何文本字符串以返回在其名称或描述中包含文本的表单。

要配置全文谓词组件,请执行以下操作:

  1. 点按组件,然后点按 settings_icon . 此时将打开编辑对话框。
  2. 主标题 字段。
  3. 点按 确定.

属性谓词 properties-predicate

“属性谓词”组件实现了根据表单属性(如标题、作者和描述)搜索表单。

要配置属性谓词组件,请执行以下操作:

  1. 点按组件,然后点按 settings_icon . 的 编辑对话框 打开。

  2. 常规 选项卡,指定搜索标签。 默认值为 属性.

  3. 选项 选项卡,点按 添加项目.

  4. 从下拉列表中选择一个属性,然后在下拉列表下方的字段中为其指定搜索标签。

  5. 重复步骤4以添加更多属性。 您还可以指定默认筛选器值,以根据指定的条件列出表单,并隐藏属性以供最终用户搜索。 选中属性的隐藏复选框,然后指定默认筛选器值。

    例如,如果要显示标题中包含“Travel”的表单,请选择“Title”属性旁边的“隐藏”。 此外,指定默认过滤值文本框中的行程。

  6. 点按 确定.

标记谓词 tags-predicate

“标记谓词”组件可根据Forms Manager中定义的标记实现表单搜索。

要配置“标记谓词”组件,请执行以下操作:

  1. 点按组件,然后点按 settings_icon . 的 编辑对话框 打开。
  2. 点按“标记”字段旁边的向下箭头按钮。
  3. 选择适当的标记。
  4. 点按 确定.

选定的标记随选复选框一起显示在“搜索”窗格中。 用户现在可以根据标记缩小搜索范围。

在页面上列出表单 list-forms-on-a-page-br

要在页面上列出表单,请将 搜索和制表人 组件添加到页面并配置 列表窗格. 要使最终用户能够搜索包含日期、文本和标签的表单,请添加 搜索窗格 组件。

要从页面上的任意位置链接表单,请使用链接组件。 有关链接组件的更多信息,请参阅 在页面中嵌入链接组件.

要列出处于草稿状态的表单和已提交的表单,请使用 草稿和提交 组件。 有关更多信息,请参阅 自定义草稿和提交组件.

移动设备友好性 mobile-device-friendliness

Forms Portal Search & Lister组件对移动设备友好,会相应地进行调整。 所有三个默认视图:网格、卡片、面板根据打开网站的设备重新发布,该设备提供网页也会调整的事实。 简单的事实是,Search & Lister仅是一个组件,不控制页面级别的样式。

下图描述了在移动设备上打开搜索和制表器组件时:

搜索和Lister组件的屏幕截图
图: 搜索和制表器组件

自定义表单门户页面 customizing-a-forms-portal-page-br

您可以自定义表单门户页面,以为页面提供不同的外观。 您还可以添加元数据以改善搜索体验、更改页面布局和添加自定义CSS样式。 有关更多信息,请参阅 自定义Forms Portal组件的模板.

AEM Forms UI允许您向表单添加自定义元数据。 自定义元数据在向最终用户提供列表和搜索表单体验时非常有用。 有关自定义元数据的更多信息,请参阅 自定义Forms Portal组件的模板.

开箱即用的Forms Portal提供渲染操作。 您可以自定义表单门户以添加更多操作。 有关详细信息,请参阅 对表单制表符项目添加自定义操作。

相关文章

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da