创建表单门户页面 creating-a-forms-portal-page
Forms门户组件为Web开发人员提供了组件,以便在使用Adobe Experience Manager (AEM)创作的网站上创建和自定义表单门户。 有关表单门户的快速概述,请参阅在门户上发布表单的简介。
先决条件 prerequisites
默认情况下,Forms门户组件不可用。 请确保按照启用表单门户组件中的说明启用以下表单门户组件类别。
Document Services 包括“搜索和列表程序”、“链接”以及“草稿和提交”组件。
文档服务谓词 包括日期谓词、全文谓词、属性谓词和标记谓词组件。 这些组件用于在搜索和列表程序组件中配置搜索。
在AEM站点页面上启用它们后,这些组件类别即可在组件浏览器中使用。
组件浏览器中的
Forms portal组件类别
搜索和列表组件 search-amp-lister-component
在Document Services组件类别下提供的“搜索和列表器”组件用于在页面上列出表单,并对列出的表单实施搜索。 该组件包括两个窗格:
- 列出表单的列表窗格。
- 搜索窗格,可在其中添加搜索功能。
您可以将搜索和列表程序组件从组件浏览器中的Document Services组件类别拖放到页面上。 添加组件后,该组件将类似于以下内容。
页面中的
具有网格布局的页面中的搜索和列表组件
列表窗格 list-pane
“列表”窗格是列出表单的区域。 搜索和列表程序组件提供了各种配置选项,可用于控制“列表”窗格中表单的显示。
要配置“列表”窗格,请选择搜索和列表程序组件,然后选择 。 将打开 编辑组件 对话框。
编辑模式下的列表窗格
编辑 对话框包含多个选项卡,这些选项卡提供下表所述的配置选项。 选择 确定,完成时保存配置。
搜索窗格 search-pane
“搜索”窗格允许您从AEM Sidekick中的“文档服务谓词”类别添加“日期谓词”、“全文谓词”、“属性谓词”和“标记谓词”组件。 这些组件为用户实施搜索功能以对列出的表单执行搜索。
提示: 您可以根据预设条件控制表单门户上显示的表单列表,并为最终用户隐藏搜索功能。 要控制表单列表,请使用谓词组件应用搜索过滤器。 您还可以指定默认筛选器值,并从“编辑组件”对话框的“显示”选项卡中禁用搜索。
具有日期、全文、属性和标记谓词的搜索面板
日期谓词 date-predicate
添加日期谓词组件后,可以搜索在指定持续时间内修改的已列出表单。
配置日期谓词组件:
-
选择组件,然后选择 。 将打开“编辑”对话框。
-
指定以下内容:
-
类型: 唯一可用的选项是 上次修改日期
-
日期谓词组件的 文本: 标签或标题。 默认值为 上次修改日期。
-
开始日期标签: 开始日期字段的标签或标题
-
结束日期标签: 结束日期字段的标签或标题
-
隐藏: 若要对列表表单强制执行默认日期筛选器
-
-
选择 确定
全文谓词 full-text-predicate
全文谓词组件对表单数据(如名称和描述)实施全文搜索。 用户可以搜索任何文本字符串以返回其名称或描述中包含文本的表单。
配置全文谓词组件:
- 选择组件,然后选择 。 将打开“编辑”对话框。
- 在 主标题 字段中指定标题。
- 选择 确定
属性谓词 properties-predicate
属性谓词组件实现了基于表单属性(如标题、作者和描述)的表单搜索。
配置属性谓词组件:
-
选择组件,然后选择 。 将打开“编辑”对话框。
-
在“常规”选项卡中,指定搜索标签。 默认值为 属性
-
在“选项”选项卡中,选择 添加项。
-
从下拉列表中选择一个属性,并在下拉列表下方的字段中为其指定搜索标签。
-
重复步骤4以添加更多属性。 您还可以指定默认筛选器值,以根据指定的条件列出表单并隐藏属性以供最终用户搜索。 选中属性的“隐藏”复选框,并指定默认筛选值。
例如,如果要显示标题中包含“Travel”的表单,请选择“标题”属性旁边的“隐藏”。 此外,在默认筛选值文本框中指定Travel。 -
选择 确定
标记谓词 tags-predicate
标记谓词组件基于Forms Manager中定义的标记实施表单搜索。
配置标记谓词组件:
- 选择组件,然后选择 。 将打开“编辑”对话框。
- 选择“标记”字段旁边的向下箭头按钮。
- 选择相应的标记
- 选择 确定
选定的标记与用于选择的复选框一起出现在“搜索”窗格中。 用户现在可以根据标记缩小搜索范围。
在页面上列出表单 list-forms-on-a-page-br
要在页面上列出表单,请将 Search & Lister 组件添加到该页面并配置 列表窗格。 若要允许最终用户搜索包含日期、文本和标记的表单,请添加 搜索窗格 组件。
要从页面上的任何位置链接表单,请使用链接组件。 有关链接组件的详细信息,请参阅在页面中嵌入链接组件。
要列出处于草稿状态的表单和已提交的表单,请使用 草稿和提交 组件。 有关详细信息,请参阅自定义草稿和提交组件。
移动设备的友好性 mobile-device-friendliness
Forms Portal Search & Lister组件适合移动设备使用,可相应地进行调整。 所有三种默认视图:网格、卡片、根据站点打开设备重新布局面板,并且网页也会适应。 一个简单的事实是,“搜索和列表程序”只是一个组件,它不控制页面级别的样式。
下图描述在移动设备上打开搜索与列表程序组件时的情况:
搜索和列表组件
自定义表单门户页面 customizing-a-forms-portal-page-br
您可以自定义表单门户页面,为页面提供独特的外观。 您还可以添加元数据以改善搜索体验、更改页面布局以及添加自定义CSS样式。 有关详细信息,请参阅自定义Forms门户组件的模板。
AEM Forms UI允许您将自定义元数据添加到表单。 自定义元数据在向最终用户提供列表和搜索表单体验时非常有用。 有关自定义元数据的详细信息,请参阅自定义Forms门户组件的模板。
forms portal开箱即用地提供渲染操作。 您可以自定义表单门户以添加更多操作。 有关详细信息,请参阅添加对表单列表程序项的自定义操作。