概述页面是一个数据驱动的sapfiori应用程序，它使用SAPUI5技术、OData服务和注释构建，用于在一个页面上组织大量信息。与其他SAP Fiori元素一样，您可以使用SAP Web IDE中的模板向导创建概览页。

概览页以可视的、可操作的卡片的形式提供对重要业务信息的快速访问。使用overview page应用程序，您可以为不同类型的内容创建卡片，这些卡片有助于以有吸引力和高效的方式可视化信息，您将使用概览页面平面图。

请看下面的视频，以更广泛地了解概览页面。

请单击图像观看视频

现在，显然概览页面还有很多很多内容，幸运的是，还有很多优秀的资源，如SAP Fiori设计指南和SAP帮助门户上的产品文档。但是让我强调一些我认为重要的考虑事项。

不仅仅是另一个Fiori启动板

从远处看，两者可能看起来很相似，但是走近一点，你会看到不同之处。虽然SAP Fiori launchpad为所有Fiori应用程序提供了一个单一的入口点，但SAP Fiori概览页仅向用户显示最重要的信息，这取决于用户在组织中的独特角色。

虽然用户可以从SAP Fiori launchpad上的互动程序启动应用程序（如概览页），但概览页使用卡片以显示有关他们每天需要执行的任务的更详细、聚合的信息。就像在启动板中单击一个互动程序一样，单击一个概览页卡片也会引导用户进入一个应用程序。

智能过滤条的功能

从上面的视频中，您了解到概览页是基于动态页面布局的，而这个布局图的一个强大部分是智能过滤条的使用。智能过滤条是由数据服务生成的，这些过滤的结果填充了您在概览页卡片中看到的信息。

那么智能过滤条是如何工作的呢？它根据各种过滤条件过滤项目列表和表。如果您使用一个视图或SAPUI5语言中的变体，那么您将能够处理使用多个过滤器的复杂列表。这样，您就可以保存和加载不同的布局，以便在不同的视图中显示数据。当我们查看概览页卡片上的数据时，内部优惠券，您有时会看到多个过滤器选择的结果。

在这里，我只强调了智能过滤器栏的一些功能，以及为什么它是概览页的强大工具。在Fiori设计指南中有更多关于智能过滤条的信息。

概述页卡片向您展示了您需要了解的内容

在视频中，我们快速查看了列表、表格和快速查看卡片，物联网网关，以及一些分析图表卡片。但是，您也可以从条形图、链接列表和表格卡，以及堆叠列、垂直项目符号和散点图分析图表卡中进行选择。

列表卡可能是概述页面中使用的较流行的卡片之一，因为您不仅可以查看列表中的项，还可以向列表中添加各种组件，物联网管理平台，例如链接或图表进度条。这个条形图，加上一些语义突出显示，可以用来表示一些关键的东西需要用户立即注意。

分析图表卡之所以如此有用，是因为它们以易于解释的格式将数据可视化。卡片标题中的KPI区域首先通过使用语义颜色来表示积极或消极的趋势或偏差，从而显示有关项目的大量信息。然后，卡片的图表区将显示KPI突出显示内容的更多详细信息。

设计概述页面的最佳实践

您已经了解了概述页面及其卡片，但是在开始创建概述页面之前，您应该考虑一些事项，例如谁将使用应用程序，发发淘客，决定内容类型你想要显示，以及如何显示。

重要的是，只显示在日常工作中支持业务用户的卡片，而不是用太多的信息压倒他们。通过使用不同的卡片类型和使用不同的视觉提示，云发布，您的用户将能够立即识别最重要的任务。

您还应：

在文本和图表中使用语义颜色来突出最重要的信息（如"紧急"或"缺货"），以吸引用户的注意。提供多种卡类型的组合，以便轻松识别、选择和读取信息。定义一个谨慎的卡片顺序，因为大多数用户认为较大的卡片和页面顶部的卡片比其他卡片更重要。将相似的主题和相关卡片放在一起分组。

另外，请查看SAP Fiori设计指南中有关选择正确图表类型的章节。

保持对SAP Fiori元素的智能并保持关注！

特别感谢Lisa Jones Bock和Ravi在为本博客创建多媒体方面的支持。