課程地址

很多 SAP 從業(yè)者反映，open SAP 上的視頻，因?yàn)榫W(wǎng)絡(luò)原因無(wú)法訪問(wèn)，所以我會(huì)陸續(xù)在我的個(gè)人微 信 號(hào)“汪子熙”上面，把這些視頻配上中文字幕并發(fā)布出來(lái)，敬請(qǐng)關(guān)注。

本文是公開(kāi)課第二單元視頻的中文字幕，由本人手動(dòng)翻譯而成，感謝大家的支持。

第二單元內(nèi)容：講解 Fiori Elements Architecture

以下是視頻臺(tái)詞的中文翻譯。

====

歡迎大家來(lái)到 OpenSAP Fiori Elements 公開(kāi)課程第一周的第二單元。本單元我們討論 Fiori Elements 的架構(gòu)

SAP Fiori Elements 總的來(lái)說(shuō)分為五大組成部分，共同構(gòu)成了運(yùn)行時(shí)看到的應(yīng)用程序: (1)Floorplans; (2)OData 服務(wù); (3)注解; (4)配置; (5)定制代碼

下圖左邊第一個(gè)圖例代表 Floorplan, 比如 Analytical List 或者 Object Page, 由 Fiori Elements 框架提供

Floorplan 負(fù)責(zé)應(yīng)用程序的顯示方式及其行為方式的控制

第二，第三部分即 OData 服務(wù)和注解，需要應(yīng)用開(kāi)發(fā)人員維護(hù)

二者結(jié)合起來(lái)，使應(yīng)用開(kāi)發(fā)人員可以決定應(yīng)用在屏幕上顯示的具體內(nèi)容，而不需要使用 JavaScript 編程來(lái)實(shí)現(xiàn)

相反，借助 OData 和 注解，我們提供的實(shí)際是語(yǔ)義和行為的抽象描述(abstraction of semantics and behaviors)

這意味著應(yīng)用開(kāi)發(fā)人員得以專注于業(yè)務(wù)功能、行為方式以及消費(fèi)方式的設(shè)計(jì)中去

當(dāng)然如果您希望改變 Floorplan 的行為或引入額外的邏輯，Fiori Elements 的靈活性也足以勝任

Fiori Elements 應(yīng)用提供了兩種增強(qiáng)方式：無(wú)代碼配置 (no-code
configuration) 和定制代碼增強(qiáng) (custom code extensions)

下面我們深入討論這五個(gè)組成部分

從框架提供的 Floorplan 開(kāi)始介紹

我們可以把 Floorplan 想象成一個(gè)藍(lán)圖或者模板

Floorplan 定義了很多占位符，每個(gè)占位符包含了一個(gè)控件，比如過(guò)濾器，工具條，表格控件等等

Floorplan 描述了這個(gè)頁(yè)面所有可能提供給用戶使用的功能和行為

比如，當(dāng)一個(gè)用戶點(diǎn)擊了表格行項(xiàng)目時(shí)，用戶能夠?qū)Ш降矫骷?xì)頁(yè)面去，或者跳轉(zhuǎn)到外部應(yīng)用。這些行為的描述，就維護(hù)在 Floorplan 里

一旦 Fiori Elements 應(yīng)用啟動(dòng)后，框架的 Floorplan 處理器就接管了初始化控制權(quán)

框架結(jié)合應(yīng)用開(kāi)發(fā)人員提供的 OData 和注解，將 Floorplan 轉(zhuǎn)化成最終的 SAP UI5 視圖

Floorplans 和其控件包含了許多功能，這里舉一些例子

用戶可以個(gè)性化控件，創(chuàng)建不同的變體(variants), 可以共享頁(yè)面或者給頁(yè)面設(shè)置書(shū)簽

可以使用 Excel 導(dǎo)出和導(dǎo)入功能

只要后臺(tái)的 OData 服務(wù)支持，用戶也可以對(duì)數(shù)據(jù)進(jìn)行修改或創(chuàng)建，或是觸發(fā) Actions

Floorplans 也具有響應(yīng)式特性，這意味著根據(jù)用戶的設(shè)備或屏幕的不同，Floorplans 會(huì)顯示不同的內(nèi)容

最后也是很重要的一點(diǎn)是，Fiori Elements 對(duì) SAP 產(chǎn)品標(biāo)準(zhǔn)原生的支持

如果您開(kāi)發(fā)的 Fiori Elements 應(yīng)用未包含任何定制代碼，那么它在不需要付出額外代價(jià)的情況下，本身就已經(jīng)是一個(gè)開(kāi)箱即用的，符合企業(yè)級(jí)就緒標(biāo)準(zhǔn)(Enterprise-Ready) 的應(yīng)用了

下面看看我們到底Fiori Elements 應(yīng)用開(kāi)發(fā)，到底需要提供哪些構(gòu)建模塊

首先當(dāng)然是 OData，每一個(gè) Fiori Elements 應(yīng)用都需要 OData

OData 是一種位于標(biāo)準(zhǔn) HTTP 之上的協(xié)議，定義了如何同后端交換數(shù)據(jù)的行為

OData 包含數(shù)據(jù)模型的元描述，定義了模型實(shí)體和屬性，以及它們之間的關(guān)聯(lián)關(guān)系

OData 不僅支持對(duì)描述模型標(biāo)準(zhǔn)的增刪改查操作

還能觸發(fā) Actions 和調(diào)用函數(shù)

OData 本身具備一個(gè)功能強(qiáng)大的查詢語(yǔ)言

該語(yǔ)言允許客戶端查詢優(yōu)化過(guò)的讀取請(qǐng)求，對(duì)數(shù)據(jù)進(jìn)行過(guò)濾和搜索

以及對(duì)數(shù)據(jù)進(jìn)行聚合或限制的功能

OData 能告訴客戶端，當(dāng)前支持以及受限的操作

在標(biāo)準(zhǔn) OData 協(xié)議的基礎(chǔ)上，SAP 對(duì)其做了擴(kuò)展，引入了 Draft 概念，Fiori Elements 對(duì) Draft 概念也支持良好

借助 Draft 概念，我們可以構(gòu)建更加專業(yè)和動(dòng)態(tài)的應(yīng)用程序，比如保留一個(gè)修改過(guò)的草稿模型，能夠稍后繼續(xù)編輯

有了 Draft 的支持，我們可以讓編輯的模型保持草稿狀態(tài)，留待稍后繼續(xù)編輯，甚至可以切換到另一個(gè)不同的設(shè)備

目前 OData 主要有 V2 和 V4 兩個(gè)版本

V4 是 V2 的進(jìn)化版, 不僅包含了新功能, 也是 ISO 批準(zhǔn)的 OASIS 標(biāo)準(zhǔn)

Fiori Elements 能充分發(fā)揮 OData V4 的優(yōu)勢(shì), 同時(shí) SAP 也極其注意保持兩個(gè)版本間 Floorplan 風(fēng)格和布局的穩(wěn)定與一致

OData 也允許應(yīng)用開(kāi)發(fā)人員對(duì)元數(shù)據(jù)進(jìn)行注解(annotate), 這是一個(gè)很酷的特性

這樣一來(lái)，應(yīng)用開(kāi)發(fā)人員就能夠自己描述數(shù)據(jù)應(yīng)該如何被框架解析并渲染。舉一些例子

使用注釋, 我們可以指定金額字段和貨幣字段，二者在語(yǔ)義上從屬于一起

又比如給一個(gè)顯示字符串內(nèi)容的字段添加額外的語(yǔ)義: 該字段只能顯示一個(gè)合法的電子郵箱地址。有了這些注解，框架就能知道如何以正確的外觀渲染字段

注釋還可以定義行為。例如指定一個(gè) Business Object 是否可以編輯

注解也可以給出消費(fèi)提示(Consumption hints), 比如某個(gè)字段是否允許被點(diǎn)擊

您可能會(huì)問(wèn)，如何創(chuàng)建數(shù)據(jù) OData 服務(wù)以及注解？

首先我想強(qiáng)調(diào)的是，Fiori Elements 支持任何符合 OData 規(guī)范的后臺(tái)服務(wù)

但如果可以使用 SAP 后臺(tái)，則只需要一些簡(jiǎn)單的鼠標(biāo)點(diǎn)擊，就能迅速創(chuàng)建出 OData 服務(wù)

Cloud Application Programming Model (CAP) 和 Restful ABAP Programming Model (RAP) 這兩種編程模型

都能將 CDS View 自動(dòng)發(fā)布成 OData 服務(wù)

并且二者都支持在 CDS View 定義里編寫(xiě)注解

即便使用傳統(tǒng)的 ABAP 編程模型，我們?nèi)匀豢梢杂?SAP Gateway 和注解提供類 (Annotation Provider Class) 來(lái)開(kāi)發(fā) OData 服務(wù)

如果注解是 OData 服務(wù)的一個(gè)組成部分，我們稱其為后臺(tái)驅(qū)動(dòng)式注解 (backend-driven annotations)

盡管如此，由后臺(tái)提供的注解是可選的

我們也可以在本地注解文件里提供所需的注解，或者采取二者結(jié)合的方式

在二者結(jié)合的工作模式下，本地注解將會(huì)在 Term 字段的級(jí)別上，覆蓋掉來(lái)自后臺(tái)的注解

本地注解是在應(yīng)用程序項(xiàng)目中創(chuàng)建的，并遵循應(yīng)用程序自身的生命周期

我們可以使用本地注解來(lái)實(shí)現(xiàn)后臺(tái)尚不能提供的注解功能

或者滿足利用同一個(gè) OData 服務(wù)來(lái)實(shí)現(xiàn)多個(gè)應(yīng)用程序變體的需求

有時(shí)我們使用的 OData 服務(wù)提供商根本不能提供注解服務(wù)，此時(shí)本地注解就更能發(fā)揮作用了

我們已經(jīng)了解到，Floorplans 利用元數(shù)據(jù)和注解，來(lái)決定頁(yè)面上要渲染的控件

不僅如此，Floorplan也會(huì)考慮由應(yīng)用開(kāi)發(fā)人員提供的可選配置

還是舉例說(shuō)明

在 List Report Floorplan 中，我們顯示了一個(gè)表格控件。大家也許知道，SAP UI5 提供了好幾種類型的表格控件

根據(jù)我們目前的 UX 設(shè)計(jì)準(zhǔn)則，List Report Floorplan 里默認(rèn)選擇的是 ResponsiveTable

但如果您想在 List Report 中使用其他類型的 UI5 表格控件

可以通過(guò) Fiori Tools 加上配置的方式，輕松實(shí)現(xiàn)

Fiori Elements 提供了很多這樣的配置項(xiàng)

這些配置并不是語(yǔ)義層面的，而是基于具體的應(yīng)用程序

這就是為什么選擇 Table 控件類型的功能，不是作為注解，而是通過(guò)配置方式提供的

我們甚至為這個(gè)配置提供了分層 (Layering)的設(shè)計(jì)

假設(shè)我們想把表格控件類型改成 GridTable. 但是部分用戶在平板電腦和手機(jī)上訪問(wèn)該應(yīng)用

而這些移動(dòng)平臺(tái)上 ResponsiveTable 顯示效果更佳。這種情況下，管理員或者 Key User 仍然可以通過(guò)配置的方式，將表格類型恢復(fù)成 ResponsiveTable

前面已經(jīng)提過(guò)，Fiori Elements 提供了大量的 UI patterns 和功能

以及適合大多數(shù)業(yè)務(wù)用例的特性 (普適性)

當(dāng)然，作為一個(gè)框架，Fiori Elements 不可能為所有類型的行為和設(shè)計(jì)都提供開(kāi)箱即用的支持

這種情況下，應(yīng)用開(kāi)發(fā)人員仍舊能夠編寫(xiě)定制代碼，并集成到 Fiori Elements 應(yīng)用中去

這些定制代碼需要應(yīng)用開(kāi)發(fā)人員自行在 Fiori Elements 工程中特殊的位置編寫(xiě)

例如 Object Page 里增添一個(gè)新的 section, 表格增加一個(gè)新的 column, 工具欄里增添一個(gè)新的 Action 按鈕等等

通過(guò)使用由 SAP Fiori Elements 提供的構(gòu)建塊

我們可以快速進(jìn)行擴(kuò)展的開(kāi)發(fā)，同時(shí)仍然保持整個(gè)應(yīng)用具有一致的外觀和體驗(yàn)

但是我們不會(huì)有 100% 的靈活性，不能在屏幕的任何位置添加新的控件

這個(gè)"限制"也確保了即使屏幕布局由于 SAP 版本升級(jí)發(fā)生變化后，我們的自定義內(nèi)容能夠始終可用

也就是說(shuō)，SAP 版本升級(jí)不會(huì)影響到應(yīng)用中的自定義 UI 內(nèi)容

這個(gè)準(zhǔn)則同樣也適用于我們編寫(xiě)在某些 Hooks 上的自定義代碼，比如當(dāng)用戶試圖保存一個(gè)文檔時(shí)

在類似 beforeSave 的鉤子上, Fiori Elements 提供了所謂的 ExtensionsAPI. 這是一系列方法的集合,能用于自定義代碼的編寫(xiě)中

比如當(dāng)表格行項(xiàng)目被點(diǎn)擊時(shí)，使用 ExtensionsAPI 拿到被點(diǎn)擊的行項(xiàng)目包含的業(yè)務(wù)數(shù)據(jù)

需要注意的是，編寫(xiě)擴(kuò)展代碼也是有代價(jià)的

應(yīng)用開(kāi)發(fā)人員負(fù)責(zé)編寫(xiě)定制代碼，因此也必須確保這些代碼功能的正確性和穩(wěn)定性，特別是在升級(jí)之后

而且必須確保這些自開(kāi)發(fā)代碼滿足所有的 SAP 產(chǎn)品標(biāo)準(zhǔn)

本單元的介紹即將結(jié)束。簡(jiǎn)單總結(jié)一下，并展望下一個(gè)單元的學(xué)習(xí)目標(biāo)

這個(gè)單元我們討論了使用 Fiori Elements 開(kāi)發(fā)企業(yè)級(jí)可用 (Enterprise-Ready) 程序的五大組成部分

由框架提供的 Floorplans, 定義了界面內(nèi)容的顯示和表現(xiàn)形式

2 和 3 分別是 OData 服務(wù)和注解，由應(yīng)用開(kāi)發(fā)人員提供，負(fù)責(zé)定義應(yīng)用顯示的內(nèi)容和提供的業(yè)務(wù)功能

4 和 5 是可選的配置以及定制開(kāi)發(fā)功能，二者允許我們對(duì) Fiori Elements 應(yīng)用進(jìn)行微調(diào) (fine tune) 和擴(kuò)展

本課程的下一單元即第三單元，我們會(huì)深入討論 OData 服務(wù)和注解。感謝觀看本視頻，我們下單元再見(jiàn)

====

OData 服務(wù)將您的 Fiori Elements 應(yīng)用 UI 同后臺(tái)數(shù)據(jù)源連接起來(lái)，OData 服務(wù)提供商包括 SAP S/4HANA，SAP Business Warehouse，SAP Business Technology Platform 和其他外部 OData 服務(wù)提供商。

OData 注解，決定了您的 Fiori Elements 的外觀以及行為。比如控制哪個(gè)字段可以點(diǎn)擊，哪個(gè)字段可以編輯。同時(shí)，OData annotation 能夠?yàn)?OData 元數(shù)據(jù)提供更多的語(yǔ)義化信息 - semantic information，比如：

• 哪個(gè)字段允許用戶唯一標(biāo)識(shí)一個(gè)業(yè)務(wù)實(shí)體
• 定義字段 A 是字段 B 的貨幣單位
• 若干字段應(yīng)該組合起來(lái)，共同顯示在一個(gè) form 里

在 ABAP platform 7.5 及其以后的版本，我們可以采取 Core Data Services 的方式，實(shí)現(xiàn) OData 服務(wù).

在 SAP BTP ABAP 編程環(huán)境里，除了 ABAP Programming Model for SAP Fiori 之外，我們還可以選擇 Restful ABAP Programming Model 以及 Cloud Application Programming Model 來(lái)進(jìn)行 OData 服務(wù)開(kāi)發(fā)。

SAP Fiori Elements 基于 SAP 最新的 UX 準(zhǔn)則，提供了默認(rèn)的配置項(xiàng)，使用 SAP Fiori Tools，可以便捷地修改這些配置。

SAP Fiori Elements 應(yīng)用的擴(kuò)展手段

• 自定義控件
• 使用 SAP Fiori Elements ExtensionAPI 提供的自定義邏輯

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP Fiori Elements 公开课第二单元视频的台词和课程主要内容的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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