什么是SAP Fiori?SAP Fiori不是SAP发布的某款产品,而是SAP新一代UI设计风格和用户体验的代号。
Fiori是一个意大利语中的单词,意思是“花”:

不得不说SAP确实对“花”情有独钟,因为SAP的另一款内存数据库HANA(全称:High-performance Analytic Appliance),在日语里也是“花”的意思。

再回到Fiori。SAP Fiori 2.0在2015年时,曾经获得全球最富盛名的设计竞赛,红点设计概念竞赛(Red Dot Award:Design Concept 2015)的大奖。这次竞赛有全球来自61个国家4680件作品参与角逐,最终SAP脱颖而出获此殊荣。
如果您想看看按照SAP Fiori这套规范设计出的前端应用到底长什么样,可以按照本文介绍的方法免费体验。
访问链接:https://www.sap.com/china/products/fiori.html
点击“免费试用”的按钮:

在跳转的页面里点击按钮“See it in action”:

然后我们就能看到一个Fiori应用的入口界面了,这个界面有个术语叫做Fiori Launchpad。我们也可以把下面这个链接加到收藏夹里,下次直接访问。
https://www.sapfioritrial.com/sites?helpset=trial&sap-client=001

Fiori Launchpad里每个方方正正的白色区域,我们称之为Tile。每个Tile代表一个Fiori应用。其中上图红色高亮的几个Tile代表的应用就是Jerry所在的SAP成都研究院的开发团队负责开发和维护的。
任意点击一个Tile,比如My Opportunities。在进入页面的过程中,能看到一个旋转的花瓣动画效果,这也呼应了Fiori的“花”的含义:

进入Opportunity应用后,您就能看到类似下图的界面了,这就是一个典型的SAP Fiori应用。

如果您对这些Fiori的前端实现好奇,想看看它们背后的JavaScript或者CSS的实现,那么同时按住Ctrl+Alt+Shift+P四个按键,会看到下面这个弹出窗口。选中“Use Debug Sources”的勾选项,

然后重新刷新浏览器,

这样就会加载SAP Fiori应用的调试版本了。如果不这样做的话,默认加载的是发布版本的前端代码,里面的JavaScript代码经过压缩,变量名和函数名完全不可读。
此时在Chrome浏览器的开发者工具的Networ标签里能看到一系列调试版本的脚本文件的加载。

稍等片刻之后,就可以到Chrome开发者工具的Sources标签页去阅读加载好的调试版本的脚本文件了。

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

如何免费试用SAP的Fiori应用相关推荐

  1. 在 SAP CRM Fiori 应用上给 Opportunity 订单添加 note 的后台执行明细

    在 SAP CRM Fiori 应用上给 Opportunity 订单添加 note 的后台执行明细: 修改某些字段之后点击保存按钮: I change "chance of success ...

  2. SAP CRM Fiori Launchpad 登录之后,看不见任何 tile 的解决办法

    我登录 SAP CRM Fiori gateway 系统,发现 Launchpad 里一个 tile 也没有: 解决方法 事物码 PFCG,从标准的 role SAP_CRM_BCR_SALESREP ...

  3. SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) UI 如何通过调整 CSS 来改变UI显示风格

    这是Jerry 2021年的第 19 篇文章,也是汪子熙公众号总共第 290 篇原创文章. 本文分别针对 SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) UI,介 ...

  4. SAP之FIORI(5)-对话框与提示框

    SAP之FIORI(5)-对话框与提示框 Dialog 常用属性: escapeHandler:当点击Escape时的处理方式,默认为关闭对话框 draggable:对话框是否可拖动 horizont ...

  5. SAP CRM Fiori应用如何启用Sales Office和Sales Group两个字段

    User story In CRM WebUI, the sales area of a given opportunity consists of the following fields in a ...

  6. SAP ABAP, Fiori, Android和Hybris里的异步操作

    ABAP 其实ABAP的编程范式相对其他语言比较简单,没有太多异步操作.除了STARTING NEW TASK可以实现异步调用. Use ABAP Multi-Thread programming t ...

  7. SAP CRM Fiori My appointment点了Edit按钮后的三个roundtrip详解

    my appointment edit之后有3个sequential 的roundtrip 我看了下现在的三组串行的roundtrip,我觉得我们需要搞清楚第三组到底会不会阻塞user的ui操作: a ...

  8. SAP CRM Fiori My Appointment应用里点了Edit按钮后三个Roundtrip分析

    Thursday, July 23, 2015 2:15 PM 这三个roundtrip是串行的.如下图所示: authorization check request: GET /sap/fiori/ ...

  9. SAP S4HANA1610/Fiori安装过程全记录

    经历各种坑,从硬件到文件,终于安装成功. 有需要安装或使用S4HANA(含Fiori)的同学可以参考. 安装文件分享给大家 链接:http://pan.baidu.com/s/1mi7LfIS 密码: ...

最新文章

  1. Zend Studio 修改高亮变量的颜色、括号颜色
  2. asp.net core 系列 18 web服务器实现
  3. php use include区别,php use和include区别总结
  4. JavaScript程序员必备的5个debug技巧
  5. DataTable的计算功能(转)
  6. 比手工模型快10~100倍,谷歌揭秘视频NAS三大法宝
  7. Ubuntu18.04安装OpenPCDet及配置spconv
  8. Zigbee 学习计划——第1天——第一个程序
  9. 3D数学之四元组应用及实现
  10. 如何在思科交换机上配置Telnet远程登录
  11. mysql 如何还原数据库
  12. linux pthread_cleanup_push 线程实现,线程清理(pthread_cleanup_push函数和pthread_cleanup_pop函数)...
  13. rfid射频前端的主要组成部分有_RFID复习题目
  14. STC12系列单片机的AUXR辅助寄存器
  15. Kali Linux安装GVM 20.08(前OpenVas)
  16. spring boot物联网智能管理平台 毕业设计-附源码211120
  17. Python常用模块(一)pandas
  18. 回车符与换行符的区别
  19. Flink project java篇
  20. 结构化经验教训总结单

热门文章

  1. 网络层访问权限控制技术-ACL详解 (2)
  2. 自动校验控件演示[含源码]
  3. 质因数的个数 (分解质因数)
  4. sh 脚本执行sql文件传参数
  5. web browser 发展史
  6. 安装 CocoaPods Alcatraz
  7. 26计算限制的异步操作01-CLR
  8. 云计算环境下的应用架构设计
  9. 让Tee 7.x版本和FastReport 3.x版本共存
  10. 使用sonar-ws-client-4.2.jar 获取sonar数据