使用 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的單數和複數形式：

效果如下：