使用 SAP WebIDE 创建 SAP Fiori Elements 应用

2024-04-07 17:17:50

在新建项目菜单里，

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

使用 SAP WebIDE 创建 SAP Fiori Elements 应用相关推荐

答网友提问：使用 SAP Fiori Tools 创建的 Fiori Elements 应用，如何进行二次开发？
这是 Jerry 2021 年的第 28 篇文章,也是汪子熙公众号总共第 299 篇原创文章. Jerry 之前的文章在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Element ...
使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署
登录SAP云平台,在Services面板里找到SAP WebIDE Full-stack服务: 从availability里发现WebIDE full-stack目前只有Neo能用,CloudFoun ...
使用SAP WebIDE创建开发Java应用，并且在浏览器里调试
打开SAP WebIDE,新建一个项目,选择New from template,基于Multi-Target Application模板创建: 项目创建完毕后,右键选择New->Java Mod ...
使用SAP WebIDE进行SAP Cloud Platform Business Application开发
在WebIDE的Preferences里,启用SAP WebIDE扩展:SAP Cloud Platform Business Application development tools: 设置该We ...
使用SAP WebIDE开发SAP Fiori Worklist应用消费OData服务
新建一个Destination,类型为HTTP,再添加三个额外的Properties,其中WebIDEUsage设置为odata_gen: 其中WebIDEUsage属性的值,除了odata_gen之 ...
使用 SAP WebIDE 开发 SAP Fiori Worklist 应用消费 OData 服务
新建一个Destination,类型为HTTP,再添加三个额外的Properties,其中WebIDEUsage设置为odata_gen: 其中WebIDEUsage属性的值,除了odata_gen之 ...
使用 SAP WebIDE 将SAP UI5 应用部署到 SAP ABAP Netweaver 服务器上
Created by Jerry Wang, last modified on Jun 28, 2015 从时序图可以看出: 使用HTTP PUT进行文件上传不支持delta upload 每个文件 ...
使用SAP WebIDE给SAP UI5应用添加data source
添加一个新的Data source: 选择之前配置的指向northwind OData的Destination, 注意,在Neo和CloudFoundry环境里都要创建同名Destination才行. ...
使用 SAP Business Application Studio 创建 Fiori Elements 应用显示 OData 服务的数据
关于 SAP Fiori Elements 的介绍,请参考我这些文章: 在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用答网友提问:使用 SAP Fiori ...

最新文章

热门文章