论文部分内容阅读
摘要：为了更好地提升零部件产品的售后服务质量，论文基于混合移动开发模式，设计完成了零部件售后服务移动端应用，实现了零部件信息管理、零部件图片比对、售后处理及各项统计等功能。
关键词：混合移动开发模式；售后处理；MVVM；AppCan
中图分类号：TP311 文献标识码：A
文章编号：1009-3044（2019）10-0193-03
开放科学（资源服务）标识码（OSID）：
Design and Implementation of Mobile Terminals for After-sales of parts Service Based on Hybrid Development Mode
YANG Fan， CHEN Zhong-ju
（Yangtze University， Jingzhou 434023， China）
Abstract： In order to improve the quality of remote after-sales service of parts， the paper is based on the hybrid mobile development model， designed and completed the mobile terminal application of the after-sales service of parts， and realized the functions of parts information management， parts picture comparison， after-sales processing and statistical reports.
Key words： Hybrid Development Mode； After-sales service； MVVM； AppCan
1 引言
当前大部分零部件物流仓储管理系统是基于PC端，虽然可以实现信息的集中处理与自动化管理，但为了避免发出的零部件存在缺陷或者严重的质量问题，厂商必须能够得到客户反馈的这批零件的实时信息，以达到产品所被要求的性能以及将召回产品的风险降到最低[1]。在外受理人员需要通过移动端对出口销售零部件产品进行信息查询与售后服务处理，保证迅速实现缺陷产品召回处理，将损害与损失降到最低。因此，设计基于移动设备的零部件售后服务的移动应用具有明显的实际意义。
2 需求分析
根据当前零部件物流仓储管理系统自身的特点，本系统设计主要包括五个零部件管理模块，分别是信息管理、图片管理、售后质量管理、查询与统计报表和系统权限管理。信息管理包含了配件信息的录入、查询、修改、删除以及批量删除等相关操作；图片管理模块包括两个功能：配件条码识别和配件图片识别；售后质量管理模块主要用于配件的售后服务，主要包含以下功能：申请、处理和评价售后服务，导入配件售后资料；查询与统计报表主要查看配件申请处理报表和产品统计报表；系统权限管理模块包含部门设置调整、用户的角色设置和系统用户信息管理，由管理员指定满足不同身份的权限操作需要。
为了方便用户的售后服务操作，实现一次开发，同时兼容Android和Ios等主流移动端，本移动端应用设计采用混合开发模式，该模式是介于Web App和Native App两者之间的应用开发模式[2]，尽管混合开发模式不能直接操控硬件会影响软件的性能，但它兼具良好的用户交互体验的特性和跨平台开发特性，可提高开发效率，节约开发成本。
3 零部件售后服务移动端设计
3.1 系统功能结构设计
根据系统的功能需求分析，系统功能设计如图1所示：
3.3 系统设计关键技术
1）移动应用数据对接交互（MVVM）：
通过在DOM对象中设定data-bind属性，MVVM.ViewModel使DOM对象与数据自动关联；通过MVVM控制器对Model对象数据和DOM对象进行双向绑定；使用ViewModel提供的events属性可以整合其所对应的View范圍内的操作事件[3]。
2）JQuery Ajax跨域请求：
由于移动设备上的APP要与WEB服务器进行外部数据请求，这将违背JS中存在的同源策略，普通的Ajax请求无法请求成功，所以需要进行跨域处理[4]。由于XHR2对跨域访问提供了很好的支持，在不修改前端代码的前提下采用XHR2作为跨域解决方案，只需要在服务器段对Response请求头进行设置即可。
3）零部件的图片比对：
为了解决部分零部件的售后图片反馈问题，需要将零部件的图片进行比对处理，其设计思路为：首先保存客户上传零部件图片到服务器，然后系统对上传的售后请求进行处理得到该零部件的物料编码，售后服务人员通过物料编码命名规则在零部件样本库中找到与编码一致的零部件图片并与客户申请图片进行对比。由于同一物料编码的零部件在样本库中可能存在多张，所以会出现多张原部件样本图片与客户申请的图片进行对比。实现流程如图2所示：
4）AppCan JSSDK与插件的应用：
AppCan javascript sdk 是AppCan根据自己的需求封装的一个开发库，对底层的接口进行更高层的封装，能让开发者更快速、高效的开发更加稳定的项目[5]。例如利用AppCan ListView列表组件进行开发零部件展示列表只需要通过appcan.listview设置list列表类型数据，然后set方法将数据填充进去，并配置到相关的列表点击与改变事件。由于该移动端涉及利用移动设备拍照识别二维码等操作，所以采用直接调用相关的插件API便于开发。例如窗口的调用：appcan.window.open （name，data，aniId，type，dataType），扫描二维码功能调用：uexScanner.open（callback）。
4 移动端系统实现
本移动端开发基于AppCan平台，与原PC端的零部件物流仓储管理系统相结合，实现了业务所需要的各项功能。其操作主界面如图4所示，通过该操作主页，客户可以通过申请售后服务填写相应的售后服务信息，同时上传售后服务凭证（零部件图片）如图5所示。
5 总结
本设计采用混合移动开发模式，基于AppCan开发平台，开发完成了零部件售后服务移动端，最终实现了在PC端和移动端上对零部件信息的管理、售后服务处理以及零部件图片对比等功能。本移动端应用提升了零部件产品的售后服务质量，完善了现有的零部件物流仓储管理系统，同时可供当前主流的移动设备系统安装使用，具有良好的实用价值和兼容性。
参考文献：
[1] 王赫， 张琳， 陆岚. 基于产品追溯技术的仓储管理信息系统设计[J]. 物流技术， 2009， 28（8）：59-62.
[2] 黄敏， 方治屿， 朱合隆， et al. 基于混合移动开发模式的监考自动提醒系统设计[J]. 科技广场， 2017（5）：182-189.
[3] 刘立. MVVM模式分析与应用[J]. 微型电脑应用， 2012， 28（12）：57-60.
[4] 陈腊梅， 李为， 程振林，等. AJAX跨域访问的研究与应用[J]. 计算机工程与设计， 2008， 29（22）：5680-5684.
[5] 胡恒. 基于AppCan平台的网上办税APP设计与实现[J]. 轻工科技， 2016（1）：81-82.
【通联编辑：梁书】
关键词：混合移动开发模式；售后处理；MVVM；AppCan
中图分类号：TP311 文献标识码：A
文章编号：1009-3044（2019）10-0193-03
开放科学（资源服务）标识码（OSID）：
Design and Implementation of Mobile Terminals for After-sales of parts Service Based on Hybrid Development Mode
YANG Fan， CHEN Zhong-ju
（Yangtze University， Jingzhou 434023， China）
Abstract： In order to improve the quality of remote after-sales service of parts， the paper is based on the hybrid mobile development model， designed and completed the mobile terminal application of the after-sales service of parts， and realized the functions of parts information management， parts picture comparison， after-sales processing and statistical reports.
Key words： Hybrid Development Mode； After-sales service； MVVM； AppCan
1 引言
当前大部分零部件物流仓储管理系统是基于PC端，虽然可以实现信息的集中处理与自动化管理，但为了避免发出的零部件存在缺陷或者严重的质量问题，厂商必须能够得到客户反馈的这批零件的实时信息，以达到产品所被要求的性能以及将召回产品的风险降到最低[1]。在外受理人员需要通过移动端对出口销售零部件产品进行信息查询与售后服务处理，保证迅速实现缺陷产品召回处理，将损害与损失降到最低。因此，设计基于移动设备的零部件售后服务的移动应用具有明显的实际意义。
2 需求分析
根据当前零部件物流仓储管理系统自身的特点，本系统设计主要包括五个零部件管理模块，分别是信息管理、图片管理、售后质量管理、查询与统计报表和系统权限管理。信息管理包含了配件信息的录入、查询、修改、删除以及批量删除等相关操作；图片管理模块包括两个功能：配件条码识别和配件图片识别；售后质量管理模块主要用于配件的售后服务，主要包含以下功能：申请、处理和评价售后服务，导入配件售后资料；查询与统计报表主要查看配件申请处理报表和产品统计报表；系统权限管理模块包含部门设置调整、用户的角色设置和系统用户信息管理，由管理员指定满足不同身份的权限操作需要。
为了方便用户的售后服务操作，实现一次开发，同时兼容Android和Ios等主流移动端，本移动端应用设计采用混合开发模式，该模式是介于Web App和Native App两者之间的应用开发模式[2]，尽管混合开发模式不能直接操控硬件会影响软件的性能，但它兼具良好的用户交互体验的特性和跨平台开发特性，可提高开发效率，节约开发成本。
3 零部件售后服务移动端设计
3.1 系统功能结构设计
根据系统的功能需求分析，系统功能设计如图1所示：
3.3 系统设计关键技术
1）移动应用数据对接交互（MVVM）：
通过在DOM对象中设定data-bind属性，MVVM.ViewModel使DOM对象与数据自动关联；通过MVVM控制器对Model对象数据和DOM对象进行双向绑定；使用ViewModel提供的events属性可以整合其所对应的View范圍内的操作事件[3]。
2）JQuery Ajax跨域请求：
由于移动设备上的APP要与WEB服务器进行外部数据请求，这将违背JS中存在的同源策略，普通的Ajax请求无法请求成功，所以需要进行跨域处理[4]。由于XHR2对跨域访问提供了很好的支持，在不修改前端代码的前提下采用XHR2作为跨域解决方案，只需要在服务器段对Response请求头进行设置即可。
3）零部件的图片比对：
为了解决部分零部件的售后图片反馈问题，需要将零部件的图片进行比对处理，其设计思路为：首先保存客户上传零部件图片到服务器，然后系统对上传的售后请求进行处理得到该零部件的物料编码，售后服务人员通过物料编码命名规则在零部件样本库中找到与编码一致的零部件图片并与客户申请图片进行对比。由于同一物料编码的零部件在样本库中可能存在多张，所以会出现多张原部件样本图片与客户申请的图片进行对比。实现流程如图2所示：
4）AppCan JSSDK与插件的应用：
AppCan javascript sdk 是AppCan根据自己的需求封装的一个开发库，对底层的接口进行更高层的封装，能让开发者更快速、高效的开发更加稳定的项目[5]。例如利用AppCan ListView列表组件进行开发零部件展示列表只需要通过appcan.listview设置list列表类型数据，然后set方法将数据填充进去，并配置到相关的列表点击与改变事件。由于该移动端涉及利用移动设备拍照识别二维码等操作，所以采用直接调用相关的插件API便于开发。例如窗口的调用：appcan.window.open （name，data，aniId，type，dataType），扫描二维码功能调用：uexScanner.open（callback）。
4 移动端系统实现
本移动端开发基于AppCan平台，与原PC端的零部件物流仓储管理系统相结合，实现了业务所需要的各项功能。其操作主界面如图4所示，通过该操作主页，客户可以通过申请售后服务填写相应的售后服务信息，同时上传售后服务凭证（零部件图片）如图5所示。
5 总结
本设计采用混合移动开发模式，基于AppCan开发平台，开发完成了零部件售后服务移动端，最终实现了在PC端和移动端上对零部件信息的管理、售后服务处理以及零部件图片对比等功能。本移动端应用提升了零部件产品的售后服务质量，完善了现有的零部件物流仓储管理系统，同时可供当前主流的移动设备系统安装使用，具有良好的实用价值和兼容性。
参考文献：
[1] 王赫， 张琳， 陆岚. 基于产品追溯技术的仓储管理信息系统设计[J]. 物流技术， 2009， 28（8）：59-62.
[2] 黄敏， 方治屿， 朱合隆， et al. 基于混合移动开发模式的监考自动提醒系统设计[J]. 科技广场， 2017（5）：182-189.
[3] 刘立. MVVM模式分析与应用[J]. 微型电脑应用， 2012， 28（12）：57-60.
[4] 陈腊梅， 李为， 程振林，等. AJAX跨域访问的研究与应用[J]. 计算机工程与设计， 2008， 29（22）：5680-5684.
[5] 胡恒. 基于AppCan平台的网上办税APP设计与实现[J]. 轻工科技， 2016（1）：81-82.
【通联编辑：梁书】