SAP Build是一个非常不错的快速构建高保真UI5应用的服务,可以免费注册使用。
在设计驱动开发的流程中,App的设计是非常重要的步骤,通过低保真、高保真的设计原型可以快速获取用户的反馈,然后快速调整原型,提高沟通的效率,最大程度节约开发资源。
https://www.build.me/
通过Build服务,可以快速构建UI5的高保真UI,然后根据设计,也可以直接生成可以运行的代码,我个人非常喜欢。今天通过一个小例子来看一下如何通过SAP Build来快速构建UI5原型App。
SAP Sales Order Tracker
SAP Sales Order Tracker是SAP标准的产品功能,可以帮助企业的销售人员来实时监控销售订单的交付状态。
界面大致如下:
下面就从模仿这个SAP标准的界面来练习一下。
SAP Build
在Build.me的网站上免费注册一个账户。
然后创建一个项目,创建一个Prototype。
选择一个模板,我选择了List Report。
创建一个数据对象,SalesOrders:
通过拖拉的方式编辑列表的每一个列信息,InOrder这一列是一个定制列,里面放了一个图标:
下面选择Share分享,下载自动生成的代码。
SAP WebIDE
将代码导入到SAP WebIDE。
选择testFLPServiceMockServer.html可以直接运行应用。
修改代码
<ColumnListItem type="Active">
<cells>
<ObjectIdentifier title="{ID}" text=""/>