SAP FIORI专题之四：使用fiori element构建over page_fiori elements 应用里的 overview page-优快云博客

本文链接：https://blog.youkuaiyun.com/stuforever/article/details/125873596

本文介绍了如何使用SAP CDS视图构建Overview Page，包括表格、列表、卡片、图表和链接的展示方式。详细展示了CDS视图的创建过程，如数据集生成、服务维护等，并通过WebIDE创建不同类型的卡片模拟，如TableCard、ListCard、StackCard和ChartCard。同时提供了关键的UI注解和示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1overview page有哪些

说白了，就是数据集调用smart bi，跟BW功能相似（不过BW也几乎没几个人玩了）。

1.1 表格

在这里插入图片描述

1.2 列表

在这里插入图片描述

1.3 卡片

在这里插入图片描述

1.4 图表

在这里插入图片描述

1.5 链接

在这里插入图片描述

2 建CDS VIEW

2.1 产生测试数据sepm_dg

在这里插入图片描述

2.2 建CDS VIEW

@AbapCatalog.sqlViewName: 'ZLGZOVP'
@AbapCatalog.compiler.compareFilter: true
@AccessControl.authorizationCheck: #CHECK
@EndUserText.label: 'Overview Page Training'

@OData.publish: true

@UI.headerInfo: {
    typeNamePlural: 'Sales Orders',
    imageUrl: 'imageLink',
    typeName: 'Sales Order',
    title: { label: 'Order ID', value: 'sales_order_id' },
    description: { label: 'Customer', value: 'company_name' }
}

@UI.chart: [{
    qualifier: 'ordNetChart',
    title: 'Sales Orders',
    chartType: #SCATTER,
    dimensions: ['sales_order_id'],
    measures: ['net_amount', 'tax_amount'],