如何在SAPUI5应用中使用SAP后端创建的OData

目录

前言

一、创建odata

二、操作步骤

1.使用WebIDE 模板创建一个SAP UI5 Application 

2.为SAPUI5 应用定义数据源（SAP OData）并配置OData服务

3.SAPUI5 应用界面设计

总结

---

---

前言

ABAPer不需要javascript基础，基本0代码实现sapui5应用程序访问SAP OData

 

一、创建odata

        odata如何创建不写了，我们创建一个 header item关联的odata（YGW_PO_SRV）。

元数据如下图：

 

二、操作步骤

1.使用WebIDE 模板创建一个SAP UI5 Application 

        登陆到webide 使用模板创建一个项目

我们使用 SAPUI5 Application 模板

 

    定义一个项目名称，这里随意，无限制

 

选择 view type 和定义 view name

点击finish按钮，生成的目录如下 

 

 

        

2.为SAPUI5 应用定义数据源（SAP OData）并配置OData服务

        

最终效果

 

新建  Default Service Model

 

 生成的代码

 

 

3.SAPUI5 应用界面设计

• view有Code Editor 和Layout Editor,使用Layout Editor 可以不写代码

• 选择list 组件

        

 右键删除 list2 和list3

 绑定数据

 

 

• 运行界面效果如下 

---

总结

webide工具很强大，sap的设计原则，和webdypnrp for abap相识，可以拖拽实现，减少代码量