天天看點

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

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

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

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

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

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

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

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

在 本地中繼資料檔案 metadata.xml 裡,給 sap:label 的值維護成:産品類别。注意,sap:label 附近,就是另一個注解屬性值:sap:value-list , 表明這個産品類别是一個下拉清單,且清單内的表項值固定。

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

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

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

最終效果:

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

同理,産品圖檔的修改方式:

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

最後的效果:

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示

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

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

SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示