天天看點

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 裡字段标簽和圖示
SAP Fiori Elements 在本地測試模式下如何修改 List Report 裡字段标簽和圖示