一套適合 SAP UI5 初學者循序漸進的學習教程
教程目錄
說明
Jerry 從 2014 年加入 SAP成都研究院 CRM Fiori 開發團隊之後開始接觸 SAP UI5，曾經在 SAP 社區和“汪子熙”微信公衆號上發表過多篇關於 SAP UI5 工作原理和源碼解析的文章。
在 Jerry 這篇文章 對 SAP UI5 一無所知的新手，從哪些材料開始學習比較好？ 曾經提到，Jerry 也是從 SAP UI5 菜鳥一路走過來，深知只有 ABAP 開發背景的開發者，向 SAP UI5 開發領域轉型的不易，因此我在業餘時間設計了這份適合 SAP UI5 初學者的學習教程，把開發一個完整的 SAP UI5 應用的流程，拆分成若干個步驟，力求每個步驟裏，把涉及到的知識點都涵蓋到。這些知識點可能不像我的 UI5 源碼分析系列文章那麼深入，但力求淺顯易懂，便於 SAP UI5 初學者理解。
本教程每一個步驟的源代碼，都存放在我的 Github 上，分別用文件夾 01，02，03 等等來標識。
每一個步驟均是前一步驟的基礎上，添加了若干新特性。建議零基礎或者對 SAP UI5 知之甚少的初學者，按照順序從第一個步驟開始循序漸進地學習，把這些代碼下載到本地，配合教程的文字講解，自己動手，以加深理解。
大家如果對教程的每個步驟有任何疑問，歡迎在教程對應的步驟文章裏給我評論，進行留言。
本教程的前八個步驟，我們創建的 UI5 應用的入口，都是 index.html. 然而如果你想把你的 UI5 應用配置到 Fiori Launchpad 使用(這也是 SAP UI5 最通常的使用場景)，那麼還需要手動創建一個 Component.js 文件。當我們把 SAP UI5 應用配置到 Fiori Launchpad 上成爲一個 tile(本教程後續會介紹)之後，點擊 tile，則該應用的 Component.js 會被 Fiori Launchpad 加載。
本文介紹 Component.js 的具體創建步驟。
本步驟完成之後，運行出來的 SAP UI5 界面同前一步驟相比沒有變化。
差異體現在項目的文件夾結構上：多了一個 Component.js 文件。
本步驟的代碼位於我的 github上。
我們首先來了解本步驟新增添的 Component.js 的內容。分爲兩部分理解。
詳細介紹請參考我的教程：SAP UI5 初學者教程之九 - 創建第一個 Component。