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

举报
Jerry Wang 发表于 2022/01/23 15:59:37 2022/01/23
【摘要】 如果我们手上已经有可以正常工作的OData服务,无论位于ABAP on-premise系统还是public上的internet OData service,都可以用SAP WebIDE里的Fiori创建向导,几分钟之内轻松创建出可以持续开发的UI5应用。打开SAP云平台上的WebIDE,New->Project from Template:选择Master Detail风格的Fiori应用:...

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

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

clipboard1,1

选择Master Detail风格的Fiori应用:

clipboard2,2
clipboard3,3

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

clipboard4,4

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

clipboard5,5
clipboard6,6

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

clipboard7,7

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

clipboard8,8

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

clipboard9,9

最后渲染的应用如下:

clipboard10,10

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

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

clipboard11,11

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200