创建表单门户页面

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

前提条件

Forms门户组件在默认情况下不可用。 确保按启用表单门户组件中所述启用以下表单门户组件类别。

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

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

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

AEM Forms Portal组件在组件浏览器
中的组件图: Forms Portal组件类别

搜索和制表人组件

“搜索和制表人”组件位于“文档服务”组件类别下,用于在页面上列表表单以及在列出的表单上实现搜索。 该组件包括两个窗格:

  • 列表窗格。
  • 添加搜索功能的搜索窗格。

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

页面中的搜索和制表人组
件图: 使用网格布局的页面中的搜索和制表人组件

列表窗格

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

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

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

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

选项卡· 配置 描述
资产文件夹 添加项目 配置使用AEM Forms UI上传资产的文件夹。 默认情况下,它会列表所有上传的资产。 有关AEM Forms UI的详细信息,请参阅管理表单简介

显示器

标题文本 搜索和制表人组件的标题。 默认标题为Forms Portal。
布局模板 资产的布局。
禁用高级搜索 启用后,隐藏高级搜索图标。
禁用文本搜索 启用后,隐藏全文搜索栏。
结果 每页结果数 配置要在页面上显示的最大表单数。
结果文本

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

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

页面文本

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

例如,如果在此字段中指定应用程序表单,并且有51页,则页面文本将更改为应用程序表单1(共51页)。

Of 文本

将的字替换为指定的文本(51的第1页)。 默认值为/

例如,如果在此字段中指定out of ,则文本将变为51中的第1页

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

配置提交表单数据的Servlet。

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

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

搜索窗格

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

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

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

日期谓词

添加日期谓词组件后,可以搜索在指定持续时间内修改的列出表单。

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

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

  2. 指定以下内容:

    • 类型: 唯一可用的选项是“上次 修改日期”
    • 文本: 日期谓词组件的标签或题注。默认值为​上次修改日期
    • 开始日期标签: 开始日期字段的标签或题注。
    • 结束日期标签: 结束日期字段的标签或题注。
    • 隐藏: 要强制使用默认日期过滤器来列表表单。
  3. 点按​确定

全文谓词

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

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

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

属性谓词

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

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

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

  2. 在​常规​选项卡中,指定搜索标签。 默认值为​Properties

  3. 在​选项​选项卡中,点按​添加项目

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

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

    例如,如果要显示其标题中包含“Travel”的表单,请选择“标题”属性旁的“隐藏”。 此外,指定"在默认筛选器值中移动"文本框。

  6. 点按​确定

标记谓词

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

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

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

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

列表表单在页面

要在页面上列表表单,请向页面添加​搜索和制表人​组件,并配置​列表窗格。 要使最终用户能够使用日期、文本和标记搜索表单,请添加​搜索窗格​组件。

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

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

移动设备友好性

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

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

“搜索”和“制表人”组件的
屏幕截图图: “搜索”和“制表人”组件

自定义表单门户页面

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

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

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

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now