如何用SAP-WebIDE的Fiori创建向导基于ABAP-OData-service快速创建UI5应用

116次阅读

共计 609 个字符,预计需要花费 2 分钟才能阅读完成。

如果我们手上已经有可以正常工作的 OData 服务,无论位于 ABAP on-premise 系统还是 public 上的 internet OData service,都可以用 SAP WebIDE 里的 Fiori 创建向导,几分钟之内轻松创建出可以持续开发的 UI5 应用。

打开 SAP 云平台上的 WebIDE,New->Project from Template:

选择 Master Detail 风格的 Fiori 应用:


这里就要指定这个 UI5 应用消费的 OData 服务 url 了。下拉菜单里看到的是一个我在 SAP 云平台创建的 Destination,指向 on premise 系统:

url 路径选择 /sap/opu/odata/sap/CRM_OPPORTUNITY,做过 CRM 的朋友们会知道这个路径指向的是 CRM ABAP 里的 OData 服务 CRM_OPPORTUNITY:


点击 Test,会解析出 OData 服务的 metadata,然后可以点 Next 按钮:

点了 Next 之后,需要指定 Master list 和 detail 视图里重要字段的绑定路径。这些字段的说明在上图右边的缩略图里有展示。

点 finish 后,应用成功创建。执行应用:

最后渲染的应用如下:

至此我们没有编写一行代码,就得到了一个可以工作的 master-detail 风格的 Fiori 应用。

压缩过后 webIDE 自动生成的 JavaScript 总共代码也不过 500 多行:

要获取更多 Jerry 的原创文章,请关注公众号 ” 汪子熙 ”:

正文完
 0