如何使用SAP UI5 SDK網站查詢指定控制元件的屬性如何使用

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社群，直接閱讀我五年前寫的  英文版。

感謝閱讀。

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