使用SAP WebIDE建立SAP Fiori Elements應用

在新建項目菜單裏，

Category選擇爲SAP Fiori Elements，模板選擇爲List Report Application：

該List Report Application消費的OData服務，從Service Catalog的下拉菜單裏選擇指向ES5系統的Destination，從中選擇EPM_REF_APPS_SHOP_SR這個服務：

選擇Suppliers這個data collection：

OData Collection選擇Suppliers：

一切就緒後，運行：

看到空白的頁面，這是由於咱們還沒有在該List Report Application裏指定更多有意義的annotation：

新建一個annotation文件，用來存放咱們的自定義註解：

而manifest.json也自動引用了咱們剛剛建立的annotation.xml:

新建一個annotation：

註解類型選擇爲UI.LineItem:

在UI.LineItem下再建立一個DataFieldWithURL註解：

再添加一個UI.DataField註解。這樣，在Fiori Elements繪製的表格裏出現了兩列，分別經過UI.DataFieldWithUrl和UI.DataField實現。

在添加一個UI.PresentationVariant註解，實現排序功能：

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

這樣Name字段就支持自動排序了：

經過UI.HeaderInfo註解，咱們能夠維護對用戶更友好的信息：

分別經過UI.HeaderInfo的TypeName和TypeNamePlural維護HeaderInfo的單數和複數形式：

效果以下：

要獲取更多Jerry的原創文章，請關注公衆號"汪子熙":