基于混合開發(fā)模式的零部件售后服務(wù)移動(dòng)端設(shè)計(jì)與實(shí)現(xiàn)

楊凡 陳中舉

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

關(guān)鍵詞：混合移動(dòng)開發(fā)模式；售后處理；MVVM；AppCan

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）10-0193-03

開放科學(xué)（資源服務(wù)）標(biāo)識(shí)碼（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 引言

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

2 需求分析

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

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

3 零部件售后服務(wù)移動(dòng)端設(shè)計(jì)

3.1 系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)

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

3.3 系統(tǒng)設(shè)計(jì)關(guān)鍵技術(shù)

1）移動(dòng)應(yīng)用數(shù)據(jù)對(duì)接交互（MVVM）：

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

2）JQuery Ajax跨域請(qǐng)求：

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

3）零部件的圖片比對(duì)：

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

4）AppCan JSSDK與插件的應(yīng)用：

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

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

5 總結(jié)

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

參考文獻(xiàn)：

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

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

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

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

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

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