使用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的原创文章，请关注公众号"汪子熙":