什么是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. TemplatedParent 与 TemplateBinding
  2. 自动化 专业 与行业
  3. memcached完全剖析–1. memcached的基础
  4. 深度操作系统 15 发布 —— 不忘初心,追逐梦想
  5. 干货!各国圣诞放假时刻表!
  6. Styled Label
  7. redux-form(V7.4.2)笔记(二)
  8. 伪命题:我们来谈谈校招生起薪的问题,它对你来说重要吗?
  9. 文件夹 计算机无法使用,电脑文件夹提示被使用无法删除怎么办
  10. Java基础语法结构
  11. 餐饮点餐外卖小程序源码(外卖订餐系统源码)
  12. weka mysql_weka连接mysql数据库
  13. 【通信仿真】基于matlab STAP全自由度空时自适应处理【含Matlab源码 1956期】
  14. 云计算现在好就业吗?薪资怎么样?
  15. [Unity]Mathf.Pingpong无效解决方法
  16. layui中实现动态的cols表头字段
  17. 如何用计算机函数算年龄,农历虚龄计算器,岁数计算器怎么查对象生日日
  18. 网络安全与网站安全及计算机安全:如何使用Kali Linux的Rarcrack获取RAR压缩文件加密密码?
  19. Processing 入门教程(三十) lerpColor颜色渐变
  20. 大端(Big Endian)和小端(Little Endian)的区别

热门文章

  1. x86 linux 裁剪过程中能正常跑起来的必要配置项
  2. kaptchaCode(验证码)
  3. org.hibernate.PersistentObjectException: detached entity passed to persist
  4. android常见面试问题
  5. hdu1285 拓扑排序(裸)
  6. Java开源权限管理中间件
  7. 发现一个增长天翼手机待机时间的方法
  8. ExtJs-GridPanel简单的增删改
  9. 初步掌握HDFS的架构及原理
  10. 利用python爬虫(part9)--Xpath与谓词の爱