自开发SAPUI5采购收货FIORI APP

在这里通过SAPUI5创建一个采购收货的FIORI APP,此SAPUI5的运用,使用的是前一文章生成的ODATA来做的,ODATA的具体生成请看这里。最终的APP,使用上与SAP标准采购收货的APP有很大的相似性(其实我一开始并不是参考标准的程序做的,只是发现我做的与标准的有很大的相似性,标准采购收货看这里

看这文章之前最好是先准备好ODATA,此SAPUI5是在在SAP Web IDE本地个人版本上进行开发的,如你还没有的话,你需要先安装SAP Web IDE本地个人版本,或者是直接使用我的在线版本(SAP WEB IDE在LINUX上的服务器多用版本安装看这里),

测试访问地址:https://flt.tpddns.net:44300/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=100&sap-language=ZH#ZGR_MIGO-display

账号: ZTEST01
密码:Ut163.com

注:密码第一位是大写

测试时可以使用4500000700左右的订单,可能数据要完整些,其它的可能不一定能收货。

自开发SAPUI5采购收货FIORI APP - 第1张  | 优通SAP

1.使用模板向导生成APP

此APP的程序主内容是基于WEB IDE 中的CRUD Master-Detail来修改实现的,只是修改了其中的一部份功能。在SAP WEB IDE中 菜单中选择File->New->Project from Template ,并选择CRUD Master-Detail,

自开发SAPUI5采购收货FIORI APP - 第2张  | 优通SAP

在后面的步骤中需要选择使用的ODATA服务器,并选择已做好的ODATA服务,其它的按你需填写就成,在后面是要进行修改的,我生成的APP名字为:ZMIGO,APPID:zsap.mm.migo。

2.修改页面

默认向导生成的是创建行功能,与修改功能,而这两个功能在采购收货中我们都不需要,所以我们删除了相关的增加保存按钮,而我们需要在主界面中增加“收货过账”,而在明细页中我们是用户修改数据后直接就修改了ODATA中的值(还没保存),所以在明细中我们增加一个“还原”按钮(SAP标准程序通常是要保存才会修改ODATA的值,这与标准的应该是最大的差异,不过感觉这种试应该用户会更喜欢),

2.1.修改Master.view.xml

这里主要是增加“确认过账”按钮,及ObjectListItem的一些内容

2.2.修改Master.controller.js

这里住要是增加收货过账的功能,在onGRMigo事件中实现,在其中,调用ODATA的ZFM_GR_MIGO 函数,使用omodel.callFunction(“/ZFM_GR_MIGO” 来实现,此需要先在ODATA中做好相关的功能,可参看这里在ODATA实现。

2.3.修改明细页Detail.view.xml

在这里主要增加“还原”按钮功能,及当用户修改收货数据时显示数量完整度(进度条),及设置相关的颜色,以便于用户从颜色视觉上发现修改了收货数据及数量的不完整性。

3.修改明细页Detail.controller.js

当用户点击“还原”时,调用事件onRetunrData,在代码中把收货数据修改在默认的全量收货状态。当用户修改收货数量时使用事件onCheckZshsl来检查收货数据的完整度,并调用this._setProgress来更新收货完整度状态条,在其中还通过Device.system.phone来判断是手机还是电脑操作,来进行一些差异的显示操作(主要是电脑屏幕大,显示时是主从屏幕都显示,但手机只会显示一个)。

其它还有一些细节的修改,其中BaseController.js中也进行了点小修改,可在完整源码中查看。

4.完整源码下载(收费下载源码)

      隐藏内容需要支付:¥10
任何问题请联系yan252@163.com
立即购买

下一步就是把测试正常的FIORI APP ,发布到SAP Gateway 服务器上,并配置到 LUNCHPAD,最后实现如我们演示的效果(账号: ZTEST01,密码:Ut163.com),注:密码第一位是大写

留下一个回复

你的email不会被公开。

9 − 2 =