什么是SAPFiori？SAPFiori不是SAP发布的产品，而是SAP新一代UI设计风格和用户体验的代号。Fiori是意大利语的一个词，意思是“花”：不得不说SAP对“花”真的是情有独钟，因为SAP的另一款内存数据库HANA（全称：High-performanceAnalyticAppliance），日文Li亦指“花”。再次回到菲奥里。2015年，SAPFiori2.0赢得了全球最负盛名的设计大赛红点设计概念大赛（RedDotAward:DesignConcept2015）。本次大赛共有来自全球61个国家的4680件作品参赛，最终SAP脱颖而出获得了这一殊荣。如果你想看看按照SAPFiori规范设计的前端应用长什么样，可以按照本文介绍的方法免费体验一下。访问链接：https://www.sap.com/china/pro...点击“免费试用”按钮：在重定向页面点击“Seeitinaction”按钮：然后我们可以看到一个Fiori的入口界面在应用程序中，这个界面有一个术语叫做FioriLaunchpad。我们也可以将以下链接加入收藏夹，下次直接访问。https://www.sapfioritrial.com...FioriLaunchpad中的每个方形白色区域，我们称之为Tile。每个Tile代表一个Fiori应用程序。其中，上图中以红色高亮显示的几个tile所代表的应用，是由Jerry所在的SAP成都研究院的开发团队开发维护的。单击任何磁贴，例如我的机会。在进入页面的过程中，可以看到一个旋转的花瓣动画效果，这也呼应了Fiori中“花”的意思：进入Opportunity应用后，可以看到类似下图的界面，这是一个典型的SAPFiori应用程序。如果你对这些Fiori前端实现感到好奇，想看看它们背后JavaScript或者CSS的实现，那么同时按住Ctrl+Alt+Shift+P这四个键，你就会看到如下内容弹出窗口。选中“使用调试源”选项，然后刷新浏览器，这将加载SAPFiori应用程序的调试版本。如果不这样做，默认加载的是release版本的前端代码，里面的JavaScript代码是压缩过的，变量名和函数名完全不可读。这时，在Chrome浏览器的开发者工具的Networ选项卡中，可以看到调试版的一系列脚本文件的加载。稍等片刻后，您可以进入Chrome开发者工具的Sources选项卡，读取加载的调试版本的脚本文件。获取更多Jerry原创文章，请关注公众号“王子熙”：
