Jerry曾經作為SAP成都研究院的Fiori應用開發人員，從事了將近3年的SAP CRM Fiori應用開發，在使用SAP UI5的過程中，遇到過形形色色的問題，不少都是通過調試SAP UI5框架代碼自行解決的。平時也會有不少朋友向我咨詢開發過程中遇到的和SAP UI5相關的問題，所謂授人以魚不如授人以漁，如果一個SAP UI5開發人員對UI5框架代碼有些許了解，在遇到問題時能夠更有針對性更高效地去定位問題。然而SAP UI5框架代碼浩如煙海，初學者往往鼓起勇氣想一探究竟，但卻不知道如何下手，最后迷失在UI5的源代碼海洋里。

Jerry這個系列，通過SAP UI5最簡單的Hello　World應用中最簡單的button控件出發，試圖向大家展示SAP UI5框架代碼中圍繞該控件的相關實現。雖然使用Fiori Elements，開發人員大多數時候無需手動編寫操作UI5控件的JavaScript代碼，然而在遇到Fiori Elements不能按照自己的期望工作的時候，如果熟悉SAP UI5框架實現，就不至于完全不知所措。

這個系列的英文版在五年之前發布于SAP社區，收到了很好的反饋，也感謝SAP UI5開發團隊的同事，Andreas Kunz，對我的系列做出了肯定，同時對文章中敘述不完善的地方做出了補充。

雖然五年前Jerry寫作時給予的SAP UI5版本是1.31.0, 五年之后的今天(2020年10月)最新版本已經成為1.82.4, 但是這個系列除了介紹SAP UI5框架實現的部分細節之外，更重要的是向大家展示，Jerry自己是如何通過代碼調試的方法，來自學SAP UI5框架代碼的。

本系列針對SAP UI5框架的所有調試，都是基于源代碼的Debug Sources版本的，即同時按住"Shift+Alt+Ctrl+P", 在彈出框里勾上"Use Debug Sources", 重新刷新應用以加載Debug Sources.

系列目錄

(0) SAP UI5應用開發人員了解UI5框架代碼的意義(本文)
(1) UI5 module懶加載機制
(2) UI5 控件渲染機制
(3) HTML原生事件 VS SAP UI5 Semantic事件
(4) UI5控件元數據實現細節
(5) UI5控件的實例數據實現細節
(6) UI5控件數據綁定的實現原理
(7) UI5控件數據綁定的三種模式：One Way，Two Way和OneTime實現原理比較
(8) UI5控件ID的生成邏輯
(9) UI5控件的多語言(國際化,Internationalization,i18n)支持的實現原理
(10) XML視圖里的button控件
(11) button控件和它背后的DOM元素

敬請期待本系列的下一篇文章：UI5 module懶加載機制。希望我不會爛尾。如果大家等不及這個系列的中文版，可以移步SAP社區，直接閱讀我五年前寫的英文版：

https://blogs.sap.com/2015/10/26/a-tutorial-how-i-do-self-study-on-a-given-fiori-control-and-ui5-framework-code-behind/

感謝閱讀。

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的通过最简单的button控件，深入学习SAP UI5框架代码系列之零的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。