目录
1.使用WebIDE 模板创建一个SAP UI5 Application
2.为SAPUI5 应用定义数据源(SAP OData)并配置OData服务
前言
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相识,可以拖拽实现,减少代码量