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服务的数据” />