这是 Jerry 2021 年的第 41 篇文章，也是汪子熙公众号总共第 318 篇原创文章。

一位朋友向我发起了知乎咨询：

![](https://img-blog.csdnimg.cn/img_convert/86a1ef8e1864a2dcda06c757ab532f71.png)

关于这个话题，Jerry 曾经写过一篇文章：**[ABAP开发人员未来应该学些什么](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247483784&idx=1&sn=0a5ae8901d484f8b7442ba14c4c7069f&chksm=ead5b31fdda23a09b1d7ddbcb36d78750b0a3054f12447cd89021f3967a9912111a920e59375&scene=21#wechat_redirect)**。

![](https://img-blog.csdnimg.cn/img_convert/9ee5b7e55480c69ee809d6f183a14030.png)

其[英文版](https://blogs.sap.com/2017/01/19/what-should-an-abaper-continue-to-learn-as-an-application-developer/)发布在 SAP 社区博客上并被管理员置顶，获得了超过一万阅读量。

![](https://img-blog.csdnimg.cn/img_convert/b2ebfa525d7d6f04e121a9e7d433bb56.png)

当时文章里我建议的四个学习方向是：

(1) 熟悉一门函数式编程语言
(2) 了解 Spring
(3) 熟悉 JavaScript
(4) 了解一种 NoSQL 数据库

后来我补充了第五点，熟悉 SAP Cloud Platform (现在更名为 SAP Business Technology Platform）开发技术。

回到这位知乎朋友的咨询，作为一位 ABAP 资深顾问，如果想再选择一门除 ABAP之外的其他 SAP 技术深入钻研，我当然推荐 SAP UI5 作为下一个主攻方向。理由阐述如下。

我是 2013 年开始接触 SAP UI5 的，距今已超过 8 年，亲眼见证其从最初的 beta 版本，演进到现在最新的 1.90.0 版。

![](https://img-blog.csdnimg.cn/img_convert/b2dbe0f4cc260b39e9273f74bebd8134.png)

在我 2018 年的一篇文章 [**SAP UI和 Salesforce UI开发漫谈**](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247484460&idx=1&sn=aafe62ded3bc7b07f4d3da99f3926ab3&chksm=ead5b6bbdda23fad3c4b7e8148d61e4c9a2609f13151a221da1bf313a25f0df37fab8d9ec557&scene=21#wechat_redirect)里，曾经回顾了 SAP 历代 UI 技术演变史。作为取代 SAP GUI，SAP ABAP Webdynpro 和 SAP WebClient UI 的下一代 UI 技术，SAP UI5 是 SAP 主推的开发 Fiori 应用的首选前端框架。

如果用其他流行的前端框架比如 Angular，React 和 Vue 来开发具有 Fiori UX 风格的前端应用，需要借助 [SAP Fiori Fundamental](https://sap.github.io/fundamental/) 开发库的帮助：

![](https://img-blog.csdnimg.cn/img_convert/67f45dcccb545749a8c2320c4e17c6b1.png)

而 SAP UI5 框架提供了对于应用实现 Fiori UX 页面风格的原生支持，即有些开发人员戏称的“SAP UI5 才是 SAP 前端开发的亲儿子”。

SAP UI5 作为包括 SAP 旗舰级产品 S/4HANA 以及其他众多云产品选择的前端实现技术，这体现了其在 SAP 技术家族中的核心地位。可以说，只要 S/4HANA 这面大旗不倒，应用开发人员投入在 ABAP + SAP UI5 这对组合上的时间和精力，永远不会白费。

同时，近些年来，SAP 投入了大量的开发资源，围绕 SAP UI5 打造其生态圈，推出了诸如 UI5 WebComponents,UI5-tooling,UI5 Easy Generator,UI5 Inspector,UI5 CLI,UI5 Builder,Karma for UI5,Fiori Elements 等开发库，开发框架和开发工具。因此，学习 SAP UI5，将有机会接触这些围绕 SAP UI5 衍生出的新技术领域，拓宽自己除了 ABAP 之外的技术视野。

![](https://img-blog.csdnimg.cn/img_convert/3d7fc0fc48bf22fe2665ddcfb2453d00.png)

我之前的文章 **[ABAP 开发人员未来应该学些什么](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247483784&idx=1&sn=0a5ae8901d484f8b7442ba14c4c7069f&chksm=ead5b31fdda23a09b1d7ddbcb36d78750b0a3054f12447cd89021f3967a9912111a920e59375&scene=21#wechat_redirect)** 曾经建议 ABAP 开发人员去熟悉 JavaScript，而学习 SAP UI5，能帮助我们在实践中掌握浏览器端 JavaScript 开发的基本技能。另一方面，在学习 SAP UI5 应用构建，分发，以及部署到云服务器上时，通过使用 SAP UI5 Tooling 等工具，我们又能接触到服务器端 JavaScript 的基础知识，即 Nodejs.

下面模仿经典 ARPG 游戏《暗黑破坏神Ⅱ》里的技能树来阐述，如何通过开启 SAP UI5 的学习，来升级自己的 SAP 开发技能。

![](https://img-blog.csdnimg.cn/img_convert/a1dc925a914dbb170335336499a88bf7.png)

同《暗黑破坏神Ⅱ》通过箭头指向来描述技能前置条件一样，下图说明，要学习 SAP Fiori Elements，需要先学习 SAP UI5 本地开发，OData 服务开发和 CDS view 开发三项技能。而要想把本地开发好的 SAP UI5 应用部署在 SAP Business Technology Platform 上，除了掌握 SAP UI5 本地开发技能外，还要具备 SAP BTP 和 Nodejs 基础知识。

![](https://img-blog.csdnimg.cn/img_convert/2108c85c15e519bf83995e2810be5fcd.png)

本文推荐的 SAP UI5 开发，实际是指上图红色的 SAP UI5 本地开发技能。这是掌握 SAP UI5 更高级开发技能的基础。

而如何迈开 SAP UI5 学习的第一步，可以参考我的文章：[**对 SAP UI5 一无所知的新手，从哪些材料开始学习比较好？**](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247492258&idx=1&sn=7d3910109f2721dc316c0b8890091690&chksm=ead65035dda1d923924a5b186d4296a65d6efe2d08d8f4705abc52c42b349b2e95c255337f21&scene=21#wechat_redirect)

当进行过一段时间的学习和实践，自认为对 SAP UI5 本地开发比较熟悉之后，就可以按照上图技能树，开始新技能的学习。也可以使用 Chrome 开发者工具，通过单步调试的方式，从自己实际学习和工作中联系紧密的 SAP UI5 实现源代码开始阅读。分析和学习 SAP UI5 源代码，能进一步提高自己使用 UI5 框架开发应用的水平。

下面这些文章，也许对想了解 SAP UI5 源代码实现的朋友有一些帮助。

*   [通过最简单的 button 控件，深入学习 SAP UI5 框架代码系列之零](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247490624&idx=1&sn=355253156bec497d2d51925010feb8c1&chksm=ead5aed7dda227c1dd97a0ba5d24eb1d91415eadca97ec0f540cf49beaa6a699d734d5ce4f2c&scene=21#wechat_redirect)

*   [一个用于 SAP UI5 学习的脚手架应用，没有任何后台 API 的依赖](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247490638&idx=1&sn=2d48eeb6c0004950adaa97703e648796&chksm=ead5aed9dda227cf7b42b0f5f002a2517648f941695db22ddc09afa8725e1ca7960d69f4863e&scene=21#wechat_redirect)

*   [SAP UI5 module 懒加载机制](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247490700&idx=1&sn=5aa8829849e249b31cc390e644b0cc6b&chksm=ead5ae1bdda2270d5c99f2e6b0649f4ad3e4eafc00f43be88fa89cfce8de134d0db24db3d9e7&scene=21#wechat_redirect)

*   [SAP UI5 控件渲染机制](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247490725&idx=1&sn=a99eaa85624d62fd9a8d5eb0fe382ace&chksm=ead5ae32dda2272447f691827b4a960dac4188adb9c82f8c29815531ba9a7939530153b00f17&scene=21#wechat_redirect)

*   [HTML 原生事件 VS SAP UI5 Semantic 事件](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247490756&idx=1&sn=72ad4fbfc919bc53a136ac2871890e46&chksm=ead5ae53dda227453a4e9d92400a6c2e17957b3040db928102d42a86a7d295d023b938c2c1ec&scene=21#wechat_redirect)

*   [SAP UI5 控件元数据的元数据实现](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491142&idx=1&sn=82b67f87d392f7e6a9c233f5a3f9b14b&chksm=ead5acd1dda225c7bec3b4c41e80c189a8b74359ececbff761bebacd2f8189633cac5f7a84a2&scene=21#wechat_redirect)

*   [SAP UI5 控件的实例数据修改和读取逻辑](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491167&idx=1&sn=5b69e73118bfee9f399d941bc4be026f&chksm=ead5acc8dda225de8e92d10c3909280dfcb7d754b985ba268c1ed5e836137709ef23ac140744&scene=21#wechat_redirect)

*   [SAP UI5 控件数据绑定的实现原理](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491196&idx=1&sn=d5516ab572a9a292f40014361ddc1453&chksm=ead5acebdda225fd6cc100f2a5f9281d30aaeb238aa3801473c20614f093fb074c9c179337d5&scene=21#wechat_redirect)

*   [SAP UI5 控件数据绑定的三种模式：One Way, Two Way 和OneTime 实现原理比较](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491221&idx=1&sn=abaecc29eec83383f38ef5d79e98fa79&chksm=ead5ac02dda22514745c0762ecbed0b56116d9c80595cb1f4bc5fb863629da60cd71edefdd54&scene=21#wechat_redirect)

*   [谈谈 SAP UI5 的视图控件 ID，以及其和 Angular 视图的异同](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247492187&idx=1&sn=a8dbaa645c472b5c22771e512ed1b971&chksm=ead650ccdda1d9dab86ba16fb71ea5e90aa15918f3e3ac2c4237c9f5f03d51a12dac40280e70&scene=21#wechat_redirect)

*   [SAP UI5 OData谣言粉碎机：极短时间内发送两个 Odata request,前一个会自动被 cancel 掉吗](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491291&idx=1&sn=237b0f4a83ffa8e047c7510d64a20dd6&chksm=ead5ac4cdda2255ae10700efd736c8f21d11bbf328149034a0d3df848667db2c6b13cf316fed&scene=21#wechat_redirect)

*   [SAP UI5 和 Angular 的函数防抖(Debounce) 和函数节流(Throttle) 实现原理介绍](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491343&idx=1&sn=0e7aa53525157d8ef8af8681d79d7b64&chksm=ead5ad98dda2248e44955e59e89c95d81d5a4ae4fa3380486c74252e67515bc2c0883bd49967&scene=21#wechat_redirect)

*   [对 SAP UI5 一无所知的新手，从哪些材料开始学习比较好？](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247492258&idx=1&sn=7d3910109f2721dc316c0b8890091690&chksm=ead65035dda1d923924a5b186d4296a65d6efe2d08d8f4705abc52c42b349b2e95c255337f21&scene=21#wechat_redirect)

ITPub博客

作为一名 ABAP 资深顾问，下一步可以选择哪一门 SAP 技术作为主攻方向？

最新文章