Show Menu
主题×

创建表单门户页面

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

前提条件

默认情况下,表单门户组件不可用。 确保按照启用表单门户组件中的说明启用以 下表单门户组件类别
文档服务 包括Search & Lister、Link以及草稿和提交组件。
文档服务谓词 ,包括日期谓词、全文谓词、属性谓词和标记谓词组件。 这些组件用于在“搜索和制表人”组件中配置搜索。
在AEM站点页面上启用这些组件后,这些组件类别便可在组件浏览器中使用。
组件浏览器中的AEM Forms门户组件​ ​图:表 单门户组件类别

搜索和制表器组件

“文档服务”组件类别下的“搜索和制表人”组件用于在页面上列出表单并对列出的表单执行搜索。 组件包括两个窗格:
  • 列出表单的列表窗格。
  • 添加搜索功能的搜索窗格。
您可以将“搜索和制表人”组件从组件浏览器中的“文档服务”组件类别拖放到页面上。 添加后,该组件的外观与以下内容类似。
在页面中搜索和列表组件图​ ​中:在具 有网格布局的页面中搜索和制表器组件

列表窗格

“列表”窗格是列出表单的区域。 “搜索和制表人”组件提供了各种配置选项,您可以使用这些选项控制“列表”窗格中表单的显示。
要配置“列表”窗格,请点按“搜索”和“制表人”组件,然后点 。 此时将 打开编辑组件 对话框。
编辑模式下的列表窗格​ ​图:编 辑模式下的列表窗格
“编 ”对话框包括若干选项卡,这些选项卡提供下表中所述的配置选项。 完成 ,点按确定以保存配置。
选项卡· 配置 描述
资产文件夹 添加项目 配置使用AEM Forms UI上传资产的文件夹。 默认情况下,它会列出所有已上传的资产。 有关AEM Forms UI的详细信息,请参阅管 理表单的简介
显示器
标题文本 搜索和制表器组件的标题。 默认标题为 Forms Portal。
布局模板 资产的布局。
禁用高级搜索 启用后,将隐藏高级搜索图标。
禁用文本搜索 启用后,将隐藏全文搜索栏。
结果 每页结果数 配置要在页面上显示的最大表单数。
结果文本
配置结果文本(例如,601个结果中的1-12 )。 The default value is Results .
例如,如果在此字 段中 指定表单,并且共有601个表单,则结果文本将更改为601个表单中的1-12 个。
页面文本
配置页面文本(例如,第 1 页,共51页)。 The default value is Page .
例如,如果在此字段中 指定应 用程序表单,且有51页,则页面文本将变为应用程序表单 1(共51 页)。
Of 文本
将单词 替换为 (第1页,共 51 页)。 The default value is of .
例如,如果您在此字 段中 指定“退出”,则文本将变为第1页(共 51页)
表单链接 呈现类型 根据指定的渲染类型控制表单列表。 可用选项为PDF和HTML。 例如,如果仅选择HTML作为渲染类型,则PDF表单会被过滤掉。
HTML配置文件 配置要用于渲染的HTML配置文件。 下拉列表中列出了所有可用的配置文件。
提交URL
配置提交表单数据的Servlet。
注意:表 单的提交URL可以在多个位置指定,其优先级顺序如下:
  1. 嵌入在表单中的提交URL(在“提交”按钮中)具有最高优先级。
  2. 在AEM Forms UI中提及的提交URL具有第二高优先级。
  3. 表单门户中提及的提交URL的优先级最低。
HTML渲染操作工具提示 配置工具提示的文本,将指针悬停在工具提示上时 显示该文本(HTML5图标)。
PDF渲染操作工具提示 配置工具提示的文本,将指针悬停在上方时显示 该文本(PDF图标)。
样式 样式类型 允许您指定“无 样式”、“默认样式 ”或“ 自定 义样式”来列出表单。
自定义样式路径 如果选择“自定义”作为“样式类型”,请浏览以指定自定义CSS的路径,否则选择“默认”。

搜索窗格

在“搜索”窗格中,您可以从AEM Sidekick的“文档服务谓词”类别中添加日期谓词、全文谓词、属性谓词和标记谓词组件。 这些组件为用户实现了搜索功能,以便对列出的表单执行搜索。
​提示:您可 以根据预设条件控制在表单门户上显示的表单列表,并隐藏最终用户的搜索功能。 要控制表单列表,请使用谓词组件应用搜索筛选器。 您还可以指定默认筛选器值,并从编辑组件对话框的显示选项卡中禁用搜索。
带有日期、全文、属性和标记的搜索面板谓词​ ​图:包含 日期、全文、属性和标记谓词的“搜索”面板

日期谓词

添加“日期谓词”组件后,可以搜索在指定持续时间内修改的列出表单。
要配置日期谓词组件,请执行以下操作:
  1. 点按组件,然后点 。 此时将打开编辑对话框。
  2. 指定以下内容:
    • ​类型:唯一可用的选项是“上次 修改日期”
    • ​文本:日期谓词组件的标签或题注。 默认值为上次修 改日期
    • ​开始日期标签:开始日期字段的标签或题注。
    • ​结束日期标签:结束日期字段的标签或题注。
    • ​隐藏:要强制使用默认日期筛选器来列出表单,请执行以下操作:
  3. 点按 确定

全文谓词

“全文谓词”组件可对表单数据(如名称和说明)执行全文搜索。 用户可以搜索任何文本字符串以返回在其名称或描述中包含文本的表单。
要配置全文谓词组件,请执行以下操作:
  1. 点按组件,然后点 。 此时将打开编辑对话框。
  2. 在“主标题”字 段中指定标 题。
  3. 点按 确定

属性谓词

属性谓词组件实现了根据表单属性(如标题、作者和说明)搜索表单。
要配置属性谓词组件,请执行以下操作:
  1. 点按组件,然后点 。 The Edit dialog opens.
  2. 在“常 ”选项卡中,指定搜索标签。 The default value is Properties .
  3. 在“选 ”选项卡中,点 按添加项目
  4. 从下拉列表中选择一个属性,然后在下拉列表下的字段中为其指定搜索标签。
  5. 重复第4步以添加更多属性。 您还可以指定默认筛选器值,以根据指定的条件列出表单,并隐藏属性以供最终用户搜索。 为属性选中“隐藏”复选框,然后指定默认的过滤器值。
    例如,如果要显示标题中包含“差旅”的表单,请选择“标题”属性旁的“隐藏”。 此外,指定“默认过滤器值中的行程”文本框。
  6. 点按 确定

标记谓词

“标记谓词”组件实现了根据Forms manager中定义的标记搜索表单。
要配置标记谓词组件,请执行以下操作:
  1. 点按组件,然后点 。 The Edit dialog opens.
  2. 点按“标记”字段旁边的向下箭头按钮。
  3. 选择适当的标记。
  4. 点按 确定
选定的标记会显示在“搜索”窗格中,并显示用于选择的复选框。 用户现在可以根据标记缩小搜索范围。

在页面上列出表单

要在页面上列出表单,请将“搜 索和制表人 ”组件添加到页面并配置“列 表窗格” 。 要使最终用户能够使用日期、文本和标记搜索表单,请添加“搜 索窗格”组件
要从页面上的任意位置链接表单,请使用链接组件。 有关链接组件的详细信息,请参 阅在页面中嵌入链接组件
要列出处于草稿状态的表单以及已提交的表单,请使用“草稿和提 交”组件 。 有关详细信息,请参阅自 定义草稿和提交组件

移动设备友好性

Forms Portal Search & Lister组件适合移动设备,并相应地调整。 所有三个默认视图:网格、卡、面板根据打开网站的设备重新启动,但网页也会调整。 简单的事实是,Search & Lister只是一个组件,不控制页面级别样式。
下图描述了在移动设备上打开搜索和制表器组件时:
“搜索”和“制表人”组件的屏幕截图​ ​图:搜索 和制表器组件

自定义表单门户页面

可以自定义表单门户页面,为页面提供独特的外观。 您还可以添加元数据以改进搜索体验、更改页面布局和添加自定义CSS样式。 有关详细信息,请参 阅自定义Forms Portal组件的模板
AEM Forms UI允许您向表单添加自定义元数据。 自定义元数据在向最终用户提供列表和搜索表单体验时非常有用。 有关自定义元数据的详细信息,请参 阅自定义Forms Portal组件的模板
开箱即用的表单门户提供渲染操作。 您可以自定义表单门户以添加更多操作。 有关详细信息,请参 阅对表单制表人项目添加自定义操作。