专栏首页Jerry的SAP技术分享如何免费试用SAP的Fiori应用
原创

如何免费试用SAP的Fiori应用

什么是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标签页去阅读加载好的调试版本的脚本文件了。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SAP新一代全栈开发工具:SAP Business Application Studio

    SAP前端开发技术的进化方向,从SAP GUI,到能在浏览器里运行的ABAP Webdynpro / WebClient UI,再到现在仍然没有停止进化的Fio...

    Jerry Wang
  • 介绍一种Fiori标准应用的增强方式

    2015年,Jerry还在SAP成都研究院CRM Fiori开发团队工作时,担任了德国一个著名的灯具制造商客户的CRM Fiori项目的dev angel. 当...

    Jerry Wang
  • 一步步把SAP GUI的事务码配置到SAP Fiori Launchpad里

    今天是2020年1月31日鼠年大年初七,这是Jerry鼠年的第7篇文章,也是汪子熙公众号总共第206篇原创文章。

    Jerry Wang
  • SAP新一代全栈开发工具:SAP Business Application Studio

    SAP前端开发技术的进化方向,从SAP GUI,到能在浏览器里运行的ABAP Webdynpro / WebClient UI,再到现在仍然没有停止进化的Fio...

    Jerry Wang
  • 介绍一种Fiori标准应用的增强方式

    2015年,Jerry还在SAP成都研究院CRM Fiori开发团队工作时,担任了德国一个著名的灯具制造商客户的CRM Fiori项目的dev angel. 当...

    Jerry Wang
  • SAP Fiori + Vue = ?

    2017年3月28日,我到国内一个SAP CRM客户那里,同他们的架构师关于二次开发的UI框架选择SAP UI5还是Vue进行了一番探讨。回到SAP研究院之后,...

    Jerry Wang
  • 到底什么样的ABAP系统能运行Fiori应用

    ABAP Front-End Server如上图红色方框所示,上面主要包含三部分代码:

    Jerry Wang
  • 我是怎么和SAP结缘的 - Jerry的SAP校园招聘之路

    2006年9月,结束了一年的北京中科院实习后,我回到了电子科技大学,此时已经是研三上学期了。有着“金九银十”之称的秋季校园招聘正式开始了。

    Jerry Wang
  • 如何基于Restful ABAP Programming模型开发并部署一个支持增删改查的Fiori应用

    Jerry之前的文章30分钟用Restful ABAP Programming模型开发一个支持增删改查的Fiori应用 发布之后,有朋友问我,“没错, 我是在你...

    Jerry Wang
  • 找出OData service出错根源的小技巧

    SAP的Fiori应用是通过OData和后台交互的。在使用Fiori应用时您可能会遇到这样的错误消息:

    Jerry Wang

扫码关注云+社区

领取腾讯云代金券