news 2026/8/7 8:34:17

从一个数值到业务信号,SAP Fiori Data Point 里的 Criticality 设计与实现

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
从一个数值到业务信号,SAP Fiori Data Point 里的 Criticality 设计与实现

做 SAP Fiori 项目时,经常会碰到一种很微妙的界面问题。页面上已经有了金额、库存、交付率、毛利率、逾期天数这些数字,从数据完整性看似乎什么到了必须处理的程度。

SAP Fiori 对这类问题的处理,并不是继续给页面堆更多字段,而是把业务语义放进数据点。@UI.dataPoint就是这套设计里的关键注解。一个 Data Point 不只是展示一个值,它还可以带上目标值、Criticality、Tcriticality 和 trend 视为数据点的重要扩展能力,用来表达一个值处在怎样的业务状态,以及这个值正在向哪个方向变化。常有价值。假设一个销售订单分析页面显示 Gross Amount,单纯出现9,180 EUR,我们只能知道当前金额是多少。页面再给出 Target Amount 为9,216 EUR,信息多了一层,我们开始知道当前值和目标之间存在差距。可真正到了日常运营场景,业务人员还会继续关心两个问题,当前偏差严重不严重,以及当前趋势是在改善还是恶化。Criticality 和 Trend 正好把这两层信息补上。

所以,理解 Criticality 时,不应该把它理解成一个给字段染色的技巧。颜色只是最终的视觉表达,真正需要设计的是业务判断。SAP Fiori 的语义颜色体系为 Positive、Critical、Negative 等状态规定了相对稳定的含义,Positive 用于良好或成功状态,Critical 用于警告或需要关注的状态,Negative 用于错误、严重异常或者需要处理的负面状态。SAP Fiori Design Guidelines 也明确强调,semantic color 应该承载业务含义,而不是作为装饰性色彩随意使用。ta

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/7 8:31:48

D2-补充阶段:软件工程中的健壮性、性能与可观测性优化实践

1. 项目概述:从“D2”到“补充”的深度思考 在任何一个技术或产品迭代的周期里,我们总会遇到一个看似简单却至关重要的环节——“补充”。当项目代号“D2”出现在任务列表上时,它往往不是一个全新的、从零开始的宏大叙事,而是一个…

作者头像 李华
网站建设 2026/8/7 8:31:39

Python实现命令行3D魔方渲染器:从零掌握图形学与矩阵变换

如果你正在学习Python,想找一个既有趣又能综合运用多种编程概念的项目,那么用Python实现一个3D魔方命令行渲染器绝对值得一试。这听起来可能有点“复古”——在图形界面无处不在的今天,为什么还要在命令行里折腾3D?但恰恰是这个看…

作者头像 李华
网站建设 2026/8/7 8:30:05

HTML与CSS学习指南:从基础到实战技巧

1. 从零到一:我的HTML&CSS学习之旅三年前第一次在浏览器地址栏输入"www."开头的网址时,我完全没想到自己会走上前端开发这条路。记得当时盯着网页右键菜单里的"查看网页源代码"选项,那些由尖括号包裹的神秘字符就像天…

作者头像 李华
网站建设 2026/8/7 8:29:33

CentOS核心命令实战指南:从基础到高级运维

1. CentOS 命令合集:系统管理的瑞士军刀作为Linux发行版中的常青树,CentOS以其稳定性和企业级特性著称。但真正让运维人员效率倍增的,是那些经过时间检验的命令行工具。记得刚接触CentOS时,面对黑底白字的终端窗口,那种…

作者头像 李华
网站建设 2026/8/7 8:25:31

大学物理期末高效复习:构建知识框架与解题心法

1. 从“背公式”到“搭框架”:我的大学物理期末复习心法 又到了期末季,图书馆里弥漫着咖啡和焦虑混合的味道。看着身边不少同学对着厚厚的物理教材和习题集,眉头紧锁,试图把一个个孤立的概念和公式塞进脑子里,我总会想…

作者头像 李华
网站建设 2026/8/7 8:25:20

第12章 异常

第12章 异常 异常 快速入门 package com.hwledu.exception_;public class Exception01 {public static void main(String[] args) {int num1 10;int num2 0;// 1. num1 / num2 > 10 / 0// 2. 当执行到 num1 / num2时,因为 num2 0, 程序就会出现(抛出)异常 → …

作者头像 李华