首页 > SAP > HANA > SMP3.0学习笔记之十二 使用AppBuilder读取OData服务的数据
2019
08-27

SMP3.0学习笔记之十二 使用AppBuilder读取OData服务的数据

AppBuilder是一个基于浏览器的轻量级开发工具,它有着非常吸引人的外观和体验,可以帮助开发人员快速开发基于SAP
UI5的移动应用。

AppBuilder的Form
Designer界面:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-36.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-70.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

这里尝试使用AppBuiler创建一个HTML5应用,在不写任何代码的情况下访问SMP的OData服务获取数据并且展现出来。首先在SMP3.0管理界面中创建Application:
com.myfirst.appbuilder,并确保其配置正确。在AppBuilder中新建一个应用:MyAppBuilderApp:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-96.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

设置SMP连接:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-91.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

增加一个SuperList并进入SuperList
设计器。SuperList是一个数据驱动的、基于元数据的UI控件,它包含一层或者多层的数据视图,并且可以实现对数据的增删改操作。

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-39.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

将该SuperList与SMP 的CarrierCollection OData服务绑定:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-42.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

在SuperList
Designer中增加两个Label并分别绑定CARRNAME和carrid属性:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-71.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

回到Form
Designer中增加一个SuperList控件并且与刚才SuperList绑定。之后点击“RUN”就会看到如下界面:

<img src="/oldimg/50/https://www.ut163.com/wp-content/uploads/2019/08/20190827124540-88.jpg" alt="SMP3.0学习笔记之十二使用AppBuilder读取OData服务的数据” />

最后编辑:
作者:yangsen
有需要可在文章留言或者邮件yan252@163.com给我。

留下一个回复

你的email不会被公开。

three + fourteen =