SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡欄位標籤和圖示

注销發表於2021-04-21

透過 Jerry 這篇文章 在沒有任何前端開發經驗的基礎上, 建立第一個 SAP Fiori Elements 應用 介紹的步驟,建立一個簡單的 SAP Fiori Elements 應用。

在 Visual Studio Code 命令欄裡,使用 start-mock,則能夠以本地 mock 資料啟動這個 Fiori Elements List Report 應用。

在專案工程檔案裡,找到 localService 資料夾下面的 metadata.xml, 定位到名為 SEPMRA_C_PD_ProductType 的 EntityType:

這個 entityType 對應 manifest.json 檔案裡定義的 List Report 應用能夠工作,所必需的 Main Entity Set:

在 本地後設資料檔案 metadata.xml 裡,給 sap:label 的值維護成:產品類別。注意,sap:label 附近,就是另一個註解屬性值:sap:value-list , 表明這個產品類別是一個下拉選單,且列表內的表項值固定。

冒號之前的 sap 這一 xml 檔案名稱空間,定義在 xml 檔案頭部:

最終效果:

同理,產品圖片的修改方式:

最後的效果:

注意:如果 online 執行,即連線 SAP 伺服器消費 OData 服務時,必須將 OData 服務提供的註解也進行對應修改。否則,本文介紹的這些本地修改,將不會生效。

下圖是連線 SAP 伺服器後臺 OData 服務渲染的 SAP Fiori Elements List Report 應用, 我們能注意到,本地的那些修改已經丟失了。

更多Jerry的原創文章,盡在:"汪子熙":

相關文章