#?一套適合?SAP?UI5?初學者循序漸進的學習教程

##?教程目錄

*?SAP?UI5?本地開發環境的搭建

*?SAP?UI5?初學者教程之一：Hello?World

*?SAP?UI5?初學者教程之二：SAP?UI5?的引導過程?Bootstrap

*?SAP?UI5?初學者教程之三：開始接觸第一個?SAP?UI5?控件

*?SAP?UI5?初學者教程之四：XML?視圖初探

*?SAP?UI5?初學者教程之五：視圖控制器初探

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

*?SAP?UI5?初學者教程之七?-?JSON?模型初探

*?SAP?UI5?初學者教程之八?-?多語言的支持

*?SAP?UI5?初學者教程之九?-?創建第一個?Component

*?SAP?UI5?初學者教程之十?-?什么是?SAP?UI5?應用的描述符?Descriptor

*?SAP?UI5?初學者教程之十一?：SAP?UI5?容器類控件?Page?和?Panel

*?SAP?UI5?初學者教程之十二?-?使用?CSS?類對?UI?進行進一步美化

*?SAP?UI5?初學者教程之十三?-?如何添加自定義?CSS?類

*?SAP?UI5?初學者教程之十四?-?嵌入視圖的使用方式

*?SAP?UI5?初學者教程之十五?-?對話框和?Fragments?的使用方式

*?SAP?UI5?初學者教程之十六?-?圖標?icon?的使用

*?SAP?UI5?初學者教程之十七?-?聚合綁定在?UI5?復合控件中的使用

*?SAP?UI5?初學者教程之十八?-?SAP?UI5?數據綁定語法里的特殊符號，以及絕對綁定和相對綁定概念詳解

*?SAP?UI5?初學者教程之十九?-?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?知之甚少的初學者，按照順序從第一個步驟開始循序漸進地學習，把這些代碼下載到本地，配合教程的文字講解，自己動手，以加深理解。

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

在本教程的前一步驟 SAP UI5 初學者教程之十九 - SAP UI5 數據類型和復雜的數據綁定 里，我們已經開發了一個具有金額和貨幣顯示的發票列表，效果如下圖所示：

本步驟我們繼續對這個發票列表添加一些額外的效果。如果發票金額大于 50，就用紅色高亮這個金額。

效果如下圖所示：

下面是詳細實現步驟和原理解析。

這篇文章會詳細介紹 SAP UI5 表達式綁定的語法和實現原理，以及 List 紅色高亮的 CSS 實現。

總結

以上是生活随笔為你收集整理的SAP UI5 初学者教程之二十 - SAP UI5 的表达式绑定用法讲解的全部內容，希望文章能夠幫你解決所遇到的問題。

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