在开始正式内容之前，先闲聊几句。SAP为啥要推Fiori？

熟悉SAP的朋友，对于SAP GUI一定不会陌生，它是这个样子的（如下图）。

刚接触SAP GUI的人，无一不吐槽SAP GUI“丑陋”的页面风格。经常可以听到有人调侃，能够操作SAP GUI，是一项“专业技能”。

可以说，SAP GUI在某种程度上，也成为了SAP系统的一个经典符号，它虽然“丑陋”，但“简洁”，“高效”，“风格统一”。

GUI虽经典，但随着技术的发展，特别企业用户是全场景（anytime, anywhere）的业务需求，GUI已经不能很好地胜任这些任务，Fiori也是在这种大背景下，逐步进化成SAP的新一代UI风格，来一张Fiori的靓照（如下图）。

第一次接触Fiori的同学，相信都被这种“漂亮的”页面惊艳，因为它太不像SAP了，完全颠覆了GUI的形象。

习惯了GUI的同学，会吐槽Fiori的“蜗牛速度”，因为和传统的SAP GUI相比，Fiori属于Web应用程序，在启动时不可避免的会有资源加载、页面渲染等步骤，这些确实是Web应用程序的通病。但瑕不掩瑜，Fiori 清爽的风格，user-friendly的操作方式，以及在不同终端的通用性，其优势也是显而易见的。（其实，经过性能调优后，Fiori的反应速度还是很快的。）

时代在进步，传统的SAP ABAP发开人员不该故步自封。本篇博客中，让我们一起看下，如果要学习SAP Fiori的开发，需要先了解哪些知识点。

这部分不啰嗦，先来一张架构图。

Fiori应用程序的技术架构主要由三部分组成，底层的SAP HANA数据库，中层的SAP NetWeaver平台，以及前端的SAPUI5页面。我们来分别说一下这三部分：

对于SAP S/4HANA而言，其底层的数据库会是SAP HANA，它是一个列存储的内存数据库，只要按照HANA的开发guidance做，不“瞎搞”（一次关联处理几十个表），其速度是极快的。

SAP NetWeaver是Fiori应用程序的后台，因此，其业务逻辑还是由“稳定”，“高效”，“焕发第二春”的ABAP语言完成的（例如调用标准的Accouting Interface生成财务凭证），但与传统GUI应用程序不同的一点是，Fiori应用程序是基于CDS进行建模的。SAP提供一套完整的基于CDS的开发模型，包括annotation，BOPF，DRAFT等框架（在此，本文不做过多展开）。SAP Gateway是Netweaver上的一个组件，对于准备好的CDS业务模型，通过SAP Gateway发布成OData service供SAPUI5前台程序使用。

SAPUI5是SAP是基于HTML5、CSS和JavaScript的前台开发技术，它提供了一系列的Fiori相关组件，利用SAPUI5可以构建风格统一的Fiori应用程序。对于SAPUI5的程序，其支持于不同的运行平台，Mobile，Tablet，Desktop都不在话下。SAPUI5的技术架构如下：

可以看到，在Fiori应用的前台，其设计模型是经典MVC，也即Model-View-Controller，因此掌握MVC的原理，也是理解Fiori的运行机制的基础。

了解了Fiori的架构，那么，应该储备哪些技能，才能完成Fiori应用程序的开发呢？

做过Web应用程序开发的同学都知道，HTML, CSS, Javascript是前端开发的“三件套”。正常来说，Fiori应用程序也是如此，如果你能有“三件套”的基础是最好的。但没有基础的同学也不要忧伤，正如我上面介绍的，SAP提供了Fiori的一个完整框架，不写任何一行HTML, CSS, Javascript代码，也是能够完成Fiori的开发的，也即通过CDS annotion完成所有的页面描述。

必要技能：

开发环境:

辅助技能:

知道更好:

限于篇幅，本文简单介绍SAP Fiori的基础架构，其主要目的是让想学习Fiori开发的同学形成一个整体概念，对于具体的技术细节，感兴趣的同学可以持续关注本博客，后续我将继续整理、发布。

下面是两个比较重要的链接，一个是SAPUI5的DemoKit，一个是Fiori App设计的Guidance。

持续更新SAP领域优质文章，欢迎关注❤️、点赞👍、转发📣！