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