基于混合开发模式的零部件售后服务移动端设计与实现.docx

?

?

基于混合开发模式的零部件售后服务移动端设计与实现

?

?

杨凡陈中举

摘要：为了更好地提升零部件产品的售后服务质量，论文基于混合移动开发模式，设计完成了零部件售后服务移动端应用，实现了零部件信息管理、零部件图片比对、售后处理及各项统计等功能。

关键词：混合移动开发模式；售后处理；MVVM；AppCan

：TP311：A

：1009-3044（2019）10-0193-03

开放科学（资源服务）标识码（OSID）：

DesignandImplementationofMobileTerminalsforAfter-salesofpartsServiceBasedonHybridDevelopmentMode

YANGFan，CHENZhong-ju

（YangtzeUniversity，Jingzhou434023，China）

Abstract：Inordertoimprovethequalityofremoteafter-salesserviceofparts，thepaperisbasedonthehybridmobiledevelopmentmodel，designedandcompletedthemobileterminalapplicationoftheafter-salesserviceofparts，andrealizedthefunctionsofpartsinformationmanagement，partspicturecomparison，after-salesprocessingandstatisticalreports.

Keywords：HybridDevelopmentMode；After-salesservice；MVVM；AppCan

1引言

当前大部分零部件物流仓储管理系统是基于PC端，虽然可以实现信息的集中处理与自动化管理，但为了避免发出的零部件存在缺陷或者严重的质量问题，厂商必须能够得到客户反馈的这批零件的实时信息，以达到产品所被要求的性能以及将召回产品的风险降到最低[1]。在外受理人员需要通过移动端对出口销售零部件产品进行信息查询与售后服务处理，保证迅速实现缺陷产品召回处理，将损害与损失降到最低。因此，设计基于移动设备的零部件售后服务的移动应用具有明显的实际意义。

2需求分析

根据当前零部件物流仓储管理系统自身的特点，本系统设计主要包括五个零部件管理模块，分别是信息管理、图片管理、售后质量管理、查询与统计报表和系统权限管理。信息管理包含了配件信息的录入、查询、修改、删除以及批量删除等相关操作；图片管理模块包括两个功能：配件条码识别和配件图片识别；售后质量管理模块主要用于配件的售后服务，主要包含以下功能：申请、处理和评价售后服务，导入配件售后资料；查询与统计报表主要查看配件申请处理报表和产品统计报表；系统权限管理模块包含部门设置调整、用户的角色设置和系统用户信息管理，由管理员指定满足不同身份的权限操作需要。

为了方便用户的售后服务操作，实现一次开发，同时兼容Android和Ios等主流移动端，本移动端应用设计采用混合开发模式，该模式是介于WebApp和NativeApp两者之间的应用开发模式[2]，尽管混合开发模式不能直接操控硬件会影响软件的性能，但它兼具良好的用户交互体验的特性和跨平台开发特性，可提高开发效率，节约开发成本。

3零部件售后服务移动端设计

3.1系统功能结构设计

根据系统的功能需求分析，系统功能设计如图1所示：

3.3系统设计关键技术

1）移动应用数据对接交互（MVVM）：

通过在DOM对象中设定data-bind属性，MVVM.ViewModel使DOM对象与数据自动关联；通过MVVM控制器对Model对象数据和DOM对象进行双向绑定；使用ViewModel提供的events属性可以整合其所对应的View范圍内的操作事件[3]。

2）JQueryAjax跨域请求：

由于移动设备上的APP要与WEB服务器进行外部数据请求，这将违背JS中存在的同源策略，普通的Ajax请求无法请求成功，所以需要进行跨域处理[4]。由于XHR2对跨域访问提供了很好的支持，在不修改前端代码的前提下采用XHR2作为跨域解决方案，只需要在服务器段对Response请求头进行设置即可。

3）零部件的图片比对：

为了解决部分零部件的售后图片反馈问题，需要将零部件的图片进行比对处理，其设计思路为：首先保存客户上传零部件图片到服务器，然后系统对上传的售后请求进行处理得到该零部件的物料编码，售后服务人员通过物料编码命