一套適合 SAP UI5 初學(xué)者循序漸進的學(xué)習(xí)教程

教程目錄

• SAP UI5 本地開發(fā)環(huán)境的搭建

• SAP UI5 初學(xué)者教程之一：Hello World

• SAP UI5 初學(xué)者教程之二：SAP UI5 的引導(dǎo)過程 Bootstrap

• SAP UI5 初學(xué)者教程之三：開始接觸第一個 SAP UI5 控件

• SAP UI5 初學(xué)者教程之四：XML 視圖初探

• SAP UI5 初學(xué)者教程之五：視圖控制器初探

• SAP UI5 初學(xué)者教程之六 - 了解 SAP UI5 的模塊(Module)概念

• SAP UI5 初學(xué)者教程之七 - JSON 模型初探

• SAP UI5 初學(xué)者教程之八 - 多語言的支持

• SAP UI5 初學(xué)者教程之九 - 創(chuàng)建第一個 Component

• SAP UI5 初學(xué)者教程之十 - 什么是 SAP UI5 應(yīng)用的描述符 Descriptor

• SAP UI5 初學(xué)者教程之十一 ：SAP UI5 容器類控件 Page 和 Panel

• SAP UI5 初學(xué)者教程之十二 - 使用 CSS 類對 UI 進行進一步美化

• SAP UI5 初學(xué)者教程之十三 - 如何添加自定義 CSS 類

• SAP UI5 初學(xué)者教程之十四 - 嵌入視圖的使用方式

• SAP UI5 初學(xué)者教程之十五 - 對話框和 Fragments 的使用方式

• SAP UI5 初學(xué)者教程之十六 - 圖標(biāo) icon 的使用

說明

Jerry 從 2014 年加入 SAP成都研究院 CRM Fiori 開發(fā)團隊之后開始接觸 SAP UI5，曾經(jīng)在 SAP 社區(qū)和“汪子熙”微信公眾號上發(fā)表過多篇關(guān)于 SAP UI5 工作原理和源碼解析的文章。

在 Jerry 這篇文章 對 SAP UI5 一無所知的新手，從哪些材料開始學(xué)習(xí)比較好？ 曾經(jīng)提到，Jerry 也是從 SAP UI5 菜鳥一路走過來，深知只有 ABAP 開發(fā)背景的開發(fā)者，向 SAP UI5 開發(fā)領(lǐng)域轉(zhuǎn)型的不易，因此我在業(yè)余時間設(shè)計了這份適合 SAP UI5 初學(xué)者的學(xué)習(xí)教程，把開發(fā)一個完整的 SAP UI5 應(yīng)用的流程，拆分成若干個步驟，力求每個步驟里，把涉及到的知識點都涵蓋到。這些知識點可能不像我的 UI5 源碼分析系列文章那么深入，但力求淺顯易懂，便于 SAP UI5 初學(xué)者理解。

本教程每一個步驟的源代碼，都存放在我的 Github 上，分別用文件夾 01，02，03 等等來標(biāo)識。

每一個步驟均是前一步驟的基礎(chǔ)上，添加了若干新特性。建議零基礎(chǔ)或者對 SAP UI5 知之甚少的初學(xué)者，按照順序從第一個步驟開始循序漸進地學(xué)習(xí)，把這些代碼下載到本地，配合教程的文字講解，自己動手，以加深理解。

大家如果對教程的每個步驟有任何疑問，歡迎在教程對應(yīng)的步驟文章里給我評論，進行留言。

本教程的前面已經(jīng)介紹過的步驟里，我們已經(jīng)接觸了以下兩種類型的 SAP UI5 控件：

(1) 簡單控件，比如 Button，Input，FormattedText 等等。
(2) 容器控件，比如 Panel 控件。容器控件內(nèi)部可以容納其他簡單控件。

本步驟我們會接觸一種新類型的控件即復(fù)合控件(composite control)。 復(fù)合控件內(nèi)部由其他簡單控件組合而成，這些控件聯(lián)合起來實現(xiàn)某一功能。

典型的一種復(fù)合控件就是本文介紹的 List 列表控件。

本文源代碼的下載位置如下。

可以看到我們的 SAP UI5 應(yīng)用的界面越來越豐富了。同前一步驟相比，多出了一個 Invoice 列表：

使用本教程之前介紹過的 Chrome 擴展 UI5 Inspector，能觀察到該列表 sap.m.List 由 sap.m.ObjectListItem 和 sap.m.Text 組成。

下面是如何將這個列表顯示在 SAP UI5 應(yīng)用里的詳細(xì)步驟。

總結(jié)

以上是生活随笔為你收集整理的SAP UI5 初学者教程之十七 - 聚合绑定在 UI5 复合控件中的使用试读版的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。