如何使用SAP WebIDE創(chuàng)建SAP Fiori Elements應(yīng)用

本篇內(nèi)容介紹了“如何使用SAP WebIDE創(chuàng)建SAP Fiori Elements應(yīng)用”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

在新建項(xiàng)目菜單里，

Category選擇為SAP Fiori Elements，模板選擇為L(zhǎng)ist Report Application：

該List Report Application消費(fèi)的OData服務(wù)，從Service Catalog的下拉菜單里選擇指向ES5系統(tǒng)的Destination，從中選擇EPM_REF_APPS_SHOP_SR這個(gè)服務(wù)：

選擇Suppliers這個(gè)data collection：

OData Collection選擇Suppliers：

一切就緒后，運(yùn)行：

看到空白的頁(yè)面，這是因?yàn)槲覀兩形丛谠揕ist Report Application里指定更多有意義的annotation：

新建一個(gè)annotation文件，用來(lái)存放我們的自定義注解：

而manifest.json也自動(dòng)引用了我們剛剛創(chuàng)建的annotation.xml:

新建一個(gè)annotation：

注解類(lèi)型選擇為UI.LineItem:

在UI.LineItem下再創(chuàng)建一個(gè)DataFieldWithURL注解：

再添加一個(gè)UI.DataField注解。這樣，在Fiori Elements繪制的表格里出現(xiàn)了兩列，分別通過(guò)UI.DataFieldWithUrl和UI.DataField實(shí)現(xiàn)。

在添加一個(gè)UI.PresentationVariant注解，實(shí)現(xiàn)排序功能：

把UI.PresentationVariant.SortOrder.Common.SortOrder施加到Name字段上：

這樣Name字段就支持自動(dòng)排序了：

通過(guò)UI.HeaderInfo注解，我們可以維護(hù)對(duì)用戶(hù)更友好的信息：

分別通過(guò)UI.HeaderInfo的TypeName和TypeNamePlural維護(hù)HeaderInfo的單數(shù)和復(fù)數(shù)形式：

效果如下：

“如何使用SAP WebIDE創(chuàng)建SAP Fiori Elements應(yīng)用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！