@[TOC](文章目錄)

本文回答筆者的[知識星球](https://t.zsxq.com/07RJRBlnM)裡一個朋友提出的問題，文章內容也是筆者曾經指導 SAP CRM Fiori 客戶實施過的一個專案裡的真實開發案例。

先看專案需求，下圖是 SAP CRM 標準的 Fiori 應用之一：My Opportunities 的 Opportunity 明細頁面。

可以看到這個介面，並沒有將 Opportunity 的建立者(Creator)欄位放出來。
![](https://img-blog.csdnimg.cn/img_convert/e3de754e8743031974e0423a3eee55a2.png)

幸運的是，SAP Fiori 框架提供了端到端的擴充套件手段，即自上而下的每一個資料交換層，都支援透過擴充套件(extension)的方式進行增強，即：

(1) 底層持久層即資料庫層面的增強，這種方式在筆者這篇教程裡有詳細介紹：

* [73. 如何手動透過增強的方式，給 SAP ABAP 資料庫表增添新的欄位](https://jerry.blog.csdn.net/article/details/128521082)

對本文的例子來說，不需要增強資料庫層面，因為 Opportunity 的建立者本身就已經是資料庫表的標準欄位了。

(2) OData 服務模型和 ABAP 實現程式碼的增強。具體步驟在筆者這篇教程裡有詳細介紹：

- [30. 如何使用 SEGW 的 redefine 功能對 SAP 標準 OData 服務進行擴充套件](https://jerry.blog.csdn.net/article/details/128516573)

(3) SAP UI5 Fiori UI 層的增強，也就是本文餘下部分詳細闡述的內容。

按照本文介紹的步驟，最後實現的效果是：Creator 欄位成功暴露字啊 SAP UI5 開發的 Opportunity 明細頁面上：

![](https://img-blog.csdnimg.cn/img_convert/25cfe1cbeca62a15ddedd811220aafd1.png)

# SAP UI5 XML 檢視的 Extension Point 概念

做過 SAP ABAP BAdI Enhancement 開發的朋友們，對於 Extension Point(增強點) 這個概念都不會陌生。

什麼是 SAP ABAP 的 Extension Point？

這是 SAP 為 ABAP 應用引入的一種增強機制，即在標準程式的某些位置，預留給客戶和實施夥伴能夠自由插入自己 ABAP 程式碼的一種機制。在這些特定位置插入的自定義程式碼，不屬於 ABAP 標準程式的一部分，但是在 ABAP 標準程式被執行之後，這些自開發程式碼也會自動執行。

客戶和實施夥伴修改自開發程式碼，並不會影響到 SAP 標準的 ABAP 應用，二者分開儲存和傳輸。

SAP UI5 的 XML 檢視裡，也有類似 Extension Point 的概念。同 ABAP Extension Point 相比，SAP UI5 的 Extension Point，允許客戶和合作夥伴插入的是一個個 UI5 控制元件，比如本文將要在 Opportunity 明細頁面，`所有標準欄位的底部`，插入的 Creator 欄位。

透過 SAP UI5 Extension Point， SAP UI5 開發人員可以在不影響原始 SAP UI5 應用程式程式碼的情況下，對應用程式進行個性化的擴充套件和定製化。

下圖是 My Opportunities 明細頁面的 ExtensionPoint，其名稱空間為 `Core`：

![](https://img-blog.csdnimg.cn/img_convert/4a5bdf550f8d9f65b065a2d7c5160b00.png)

# SAP WebIDE 裡的開發

在 SAP WebIDE 裡新建一個 Fiori Extension Project，然後建立一個新的 View Fragment，這個 Fragment 是我們要新增到 Opportunity 標準頁面的 Creator 欄位的一個容器。我們把 Creator 欄位對應的控制元件放到 View Fragment 裡，然後再把 View Fragment 放到 Opportunity 明細頁面的 Extension Point 裡。

將來如果除了 Creator 欄位之外還有其他的欄位擴充套件需求，我們只需要把這些額外的欄位放到哦啊 View Fragment 裡即可。

![](https://img-blog.csdnimg.cn/img_convert/a442d62ff99b30f3bb73944afefdaeaf.png)

View Fragment 的實現檔名稱：`extCreatedBy.fragment.xml`.

完整的 XML 原始碼：

```xml
<fragmentdefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:ui="sap.ui.layout">
   <form.simpleform id="opportunityExtension">
        <content>
         <label id="opportunityCreatedByLbael" text="Created By">
         </label>
         <text id="opportunityCreatedByValue" text="{json>/extCreatedBy}"></text>
        </content>
        </form.simpleform>
</fragmentdefinition>
```
把之前按照下面這篇教程，透過 Redefine 方法擴充套件的 OData 服務的 url，配置到這個 Fiori extension 專案裡來：

- [30. 如何使用 SEGW 的 redefine 功能對 SAP 標準 OData 服務進行擴充套件](https://jerry.blog.csdn.net/article/details/128516573)

![](https://img-blog.csdnimg.cn/img_convert/4110207bd3c485baa91c4d254e85886c.png)

在這個 redefine 過後的 OData 服務實現裡，`/IWBEP/IF_MGW_APPL_SRV_RUNTIME~GET_ENTITY` 和 `/IWBEP/IF_MGW_APPL_SRV_RUNTIME~GET_EXPANDED_ENTITY` 兩個方法需要 redefine.

![](https://img-blog.csdnimg.cn/img_convert/6e6ba836da9be6df1c943f9e56b4cf90.png)

以上就是這個專案裡將 Creator 擴充套件欄位暴露到 SAP UI5 標準應用 My Opportunities 明細頁面上去的關鍵步驟。

一個真實的 SAP 標準 UI5 應用的擴充套件開發專案分享 - UI5 介面上新增訂單建立者欄位

相關文章