楊凡 陳中舉

摘要：為了更好地提升零部件產(chǎn)品的售后服務質(zhì)量，論文基于混合移動開發(fā)模式，設計完成了零部件售后服務移動端應用，實現(xiàn)了零部件信息管理、零部件圖片比對、售后處理及各項統(tǒng)計等功能。

關鍵詞：混合移動開發(fā)模式；售后處理；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 引言

當前大部分零部件物流倉儲管理系統(tǒng)是基于PC端，雖然可以實現(xiàn)信息的集中處理與自動化管理，但為了避免發(fā)出的零部件存在缺陷或者嚴重的質(zhì)量問題，廠商必須能夠得到客戶反饋的這批零件的實時信息，以達到產(chǎn)品所被要求的性能以及將召回產(chǎn)品的風險降到最低[1]。在外受理人員需要通過移動端對出口銷售零部件產(chǎn)品進行信息查詢與售后服務處理，保證迅速實現(xiàn)缺陷產(chǎn)品召回處理，將損害與損失降到最低。因此，設計基于移動設備的零部件售后服務的移動應用具有明顯的實際意義。

2 需求分析

根據(jù)當前零部件物流倉儲管理系統(tǒng)自身的特點，本系統(tǒng)設計主要包括五個零部件管理模塊，分別是信息管理、圖片管理、售后質(zhì)量管理、查詢與統(tǒng)計報表和系統(tǒng)權限管理。信息管理包含了配件信息的錄入、查詢、修改、刪除以及批量刪除等相關操作；圖片管理模塊包括兩個功能：配件條碼識別和配件圖片識別；售后質(zhì)量管理模塊主要用于配件的售后服務，主要包含以下功能：申請、處理和評價售后服務，導入配件售后資料；查詢與統(tǒng)計報表主要查看配件申請?zhí)幚韴蟊砗彤a(chǎn)品統(tǒng)計報表；系統(tǒng)權限管理模塊包含部門設置調(diào)整、用戶的角色設置和系統(tǒng)用戶信息管理，由管理員指定滿足不同身份的權限操作需要。

為了方便用戶的售后服務操作，實現(xiàn)一次開發(fā)，同時兼容Android和Ios等主流移動端，本移動端應用設計采用混合開發(fā)模式，該模式是介于Web App和Native App兩者之間的應用開發(fā)模式[2]，盡管混合開發(fā)模式不能直接操控硬件會影響軟件的性能，但它兼具良好的用戶交互體驗的特性和跨平臺開發(fā)特性，可提高開發(fā)效率，節(jié)約開發(fā)成本。

3 零部件售后服務移動端設計

3.1 系統(tǒng)功能結構設計

根據(jù)系統(tǒng)的功能需求分析，系統(tǒng)功能設計如圖1所示：

3.3 系統(tǒng)設計關鍵技術

1）移動應用數(shù)據(jù)對接交互（MVVM）：

通過在DOM對象中設定data-bind屬性，MVVM.ViewModel使DOM對象與數(shù)據(jù)自動關聯(lián)；通過MVVM控制器對Model對象數(shù)據(jù)和DOM對象進行雙向綁定；使用ViewModel提供的events屬性可以整合其所對應的View范圍內(nèi)的操作事件[3]。

2）JQuery Ajax跨域請求：

由于移動設備上的APP要與WEB服務器進行外部數(shù)據(jù)請求，這將違背JS中存在的同源策略，普通的Ajax請求無法請求成功，所以需要進行跨域處理[4]。由于XHR2對跨域訪問提供了很好的支持，在不修改前端代碼的前提下采用XHR2作為跨域解決方案，只需要在服務器段對Response請求頭進行設置即可。

3）零部件的圖片比對：

為了解決部分零部件的售后圖片反饋問題，需要將零部件的圖片進行比對處理，其設計思路為：首先保存客戶上傳零部件圖片到服務器，然后系統(tǒng)對上傳的售后請求進行處理得到該零部件的物料編碼，售后服務人員通過物料編碼命名規(guī)則在零部件樣本庫中找到與編碼一致的零部件圖片并與客戶申請圖片進行對比。由于同一物料編碼的零部件在樣本庫中可能存在多張，所以會出現(xiàn)多張原部件樣本圖片與客戶申請的圖片進行對比。實現(xiàn)流程如圖2所示：

4）AppCan JSSDK與插件的應用：

4 移動端系統(tǒng)實現(xiàn)

本移動端開發(fā)基于AppCan平臺，與原PC端的零部件物流倉儲管理系統(tǒng)相結合，實現(xiàn)了業(yè)務所需要的各項功能。其操作主界面如圖4所示，通過該操作主頁，客戶可以通過申請售后服務填寫相應的售后服務信息，同時上傳售后服務憑證（零部件圖片）如圖5所示。

5 總結

本設計采用混合移動開發(fā)模式，基于AppCan開發(fā)平臺，開發(fā)完成了零部件售后服務移動端，最終實現(xiàn)了在PC端和移動端上對零部件信息的管理、售后服務處理以及零部件圖片對比等功能。本移動端應用提升了零部件產(chǎn)品的售后服務質(zhì)量，完善了現(xiàn)有的零部件物流倉儲管理系統(tǒng)，同時可供當前主流的移動設備系統(tǒng)安裝使用，具有良好的實用價值和兼容性。

參考文獻：

[1] 王赫， 張琳， 陸嵐. 基于產(chǎn)品追溯技術的倉儲管理信息系統(tǒng)設計[J]. 物流技術， 2009， 28（8）：59-62.

[2] 黃敏， 方治嶼， 朱合隆， et al. 基于混合移動開發(fā)模式的監(jiān)考自動提醒系統(tǒng)設計[J]. 科技廣場， 2017（5）：182-189.

[3] 劉立. MVVM模式分析與應用[J]. 微型電腦應用， 2012， 28（12）：57-60.

[4] 陳臘梅， 李為， 程振林，等. AJAX跨域訪問的研究與應用[J]. 計算機工程與設計， 2008， 29（22）：5680-5684.

[5] 胡恒. 基于AppCan平臺的網(wǎng)上辦稅APP設計與實現(xiàn)[J]. 輕工科技， 2016（1）：81-82.

【通聯(lián)編輯：梁書】