基于混合開發模式的零部件售后服務移動端設計與實現

楊凡 陳中舉

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

關鍵詞：混合移動開發模式；售后處理；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與插件的應用：

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.

【通聯編輯：梁書】