經過最簡單的button控件，深刻學習SAP UI5框架代碼系列之零

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...

感謝閱讀。

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