文/陳紅艷

本文基于互聯(lián)網(wǎng)+設(shè)計(jì)構(gòu)建了物流產(chǎn)品商城APP平臺(tái)?；趇onic框架為載體，通過(guò)AngularJS進(jìn)行前臺(tái)頁(yè)面開發(fā)并與數(shù)據(jù)相捆綁，以html5語(yǔ)言編寫展示頁(yè)面，將Node.js作為后臺(tái)技術(shù)支持。平臺(tái)劃分為兩部分，即客戶端與管理端，其中客戶端的功能是供給客戶購(gòu)置物流產(chǎn)品，管理端的功能是管理人員進(jìn)行訂單與物流產(chǎn)品全面管理。通過(guò)測(cè)試發(fā)現(xiàn)APP平臺(tái)可滿足客戶的網(wǎng)絡(luò)購(gòu)置物流產(chǎn)品多元化需要，可實(shí)現(xiàn)整個(gè)購(gòu)物流程；系統(tǒng)功能完善、運(yùn)行流暢，符合預(yù)期設(shè)計(jì)目標(biāo)。

引言

在互聯(lián)網(wǎng)時(shí)代，大多數(shù)企業(yè)采購(gòu)物流產(chǎn)品的時(shí)候，會(huì)通過(guò)網(wǎng)絡(luò)搜索相關(guān)信息，其中物流產(chǎn)品相關(guān)商城最常見的就是物流產(chǎn)品網(wǎng)。不論是手推臺(tái)車或柱式托盤，物流產(chǎn)品網(wǎng)羅列著上百種產(chǎn)品，幾乎都會(huì)在網(wǎng)絡(luò)搜索時(shí)出現(xiàn)在首頁(yè)。而使用任何搜索引擎，都會(huì)獲得相同結(jié)果，這就代表物流產(chǎn)品網(wǎng)已經(jīng)在電商領(lǐng)域占據(jù)了無(wú)可爭(zhēng)議的地位。物流產(chǎn)品網(wǎng)以其自身專業(yè)信息服務(wù)特色，在專業(yè)領(lǐng)域占據(jù)了有利地位，而且目前我國(guó)物流產(chǎn)品網(wǎng)絡(luò)體系已經(jīng)逐漸走向成熟。在移動(dòng)互聯(lián)網(wǎng)快速更新發(fā)展趨勢(shì)下，各行各業(yè)都自主開發(fā)了APP平臺(tái)，購(gòu)物行業(yè)也不例外[1-2]。

1.互聯(lián)網(wǎng)+背景下物流產(chǎn)品商城APP平臺(tái)設(shè)計(jì)

物流產(chǎn)品商城APP主要包括兩個(gè)部分，即客戶端與管理端[3]。

1.1 客戶端功能模塊

1.1.1 注冊(cè)登錄模塊。基于RestfulAPI中的signUp法進(jìn)行注冊(cè)，客戶端負(fù)責(zé)存儲(chǔ)客戶注冊(cè)相關(guān)信息于對(duì)象內(nèi)，再傳輸至后臺(tái)signUp法，信息格式需與標(biāo)準(zhǔn)要求明確相符，以此其則會(huì)有序把數(shù)據(jù)儲(chǔ)存于數(shù)據(jù)庫(kù)信息表，并反饋成功注冊(cè)提示信息，相反則反饋失敗注冊(cè)提示信息，同時(shí)提供具體原因。為保證注冊(cè)成功概率，前臺(tái)會(huì)進(jìn)行檢測(cè)優(yōu)化處理，規(guī)范化客戶所輸信息。同樣基于RestfulAPI中的signUp法進(jìn)行登錄，客戶端負(fù)責(zé)存儲(chǔ)登錄客戶名與密碼等信息于對(duì)象內(nèi)，再傳送至后臺(tái)signUp法，比較分析所輸信息與數(shù)據(jù)庫(kù)儲(chǔ)存信息，條件相符，則反饋成功登錄提示信息，客戶接收指令后，保存登錄信息，且頁(yè)面自動(dòng)跳轉(zhuǎn)于主頁(yè)，相反則反饋失敗登錄提示信息，并提示具體錯(cuò)誤項(xiàng)。

1.1.2 產(chǎn)品瀏覽模塊。產(chǎn)品瀏覽模塊與大多數(shù)功能之間是息息相關(guān)的，客戶點(diǎn)擊相關(guān)產(chǎn)品則客戶端就會(huì)開展相關(guān)操作，其一啟動(dòng)新model頁(yè)面；其二在頁(yè)面加載完成之前，基于數(shù)據(jù)庫(kù)就產(chǎn)品ID獲取具體數(shù)據(jù)信息，并就既定排版模式，在頁(yè)面上加以呈現(xiàn)。其中頁(yè)面提供添加購(gòu)物車與收藏部分，在添加收藏后，服務(wù)器會(huì)根據(jù)其API，向收藏表儲(chǔ)存數(shù)據(jù)，反饋成功提示信息。在添加購(gòu)物車時(shí)，客戶端可獲取客戶所選擇產(chǎn)品信息以及其ID，以推動(dòng)服務(wù)器傳送相關(guān)信息至購(gòu)物車表中，同時(shí)反饋成功提示信息?？蛻舳私邮辗答佇畔⒑髮?shí)時(shí)提取頁(yè)面跳轉(zhuǎn)函數(shù)，轉(zhuǎn)至購(gòu)物車頁(yè)面，以獲取購(gòu)物車表包含的商品信息，客戶可選擇想要購(gòu)買的商品以結(jié)算[4]。

1.1.3 產(chǎn)品搜索功能。客戶在搜索框中輸入關(guān)鍵詞，客戶端控制器會(huì)獲取客戶輸入的關(guān)鍵詞信息，然后打包，以Service為載體傳輸于服務(wù)器中，而服務(wù)器會(huì)就關(guān)鍵詞信息對(duì)數(shù)據(jù)庫(kù)產(chǎn)品表進(jìn)行詳細(xì)檢索，從而將與條件明確相符的所有產(chǎn)品信息反饋于客戶端，在客戶端接收到數(shù)據(jù)信息后，基于for循環(huán)，于搜索列表逐層展示產(chǎn)品信息，客戶可從中找到所需產(chǎn)品，選擇添加到購(gòu)物車或直接購(gòu)買，便可節(jié)省首頁(yè)搜索時(shí)間，此功能關(guān)鍵在于后臺(tái)如何處理關(guān)鍵詞，獲取查詢信息后如何打包。

1.1.4 購(gòu)物車功能。購(gòu)物車功能具備添加、編輯、結(jié)算購(gòu)物車子功能，以實(shí)現(xiàn)物流產(chǎn)品購(gòu)置。添加購(gòu)物車基于API接口，傳輸產(chǎn)品添加需求，以完成添加操作；編輯購(gòu)物車具備產(chǎn)品信息更新、刪除功能；結(jié)算購(gòu)物車即計(jì)算購(gòu)買產(chǎn)品總價(jià)格，以及核對(duì)客戶送貨地址等信息。

1.1.5 售后服務(wù)功能。永久性保留歷史賬單，不僅可加強(qiáng)客戶消費(fèi)體驗(yàn)，還可幫助APP分析消費(fèi)群體的消費(fèi)行為，以此在主界面提供用戶感興趣的物流產(chǎn)品知識(shí)、選購(gòu)指南等引導(dǎo)消費(fèi)群體購(gòu)置性價(jià)比最高且最稱心的產(chǎn)品。同時(shí)，APP還支持導(dǎo)航與一鍵呼叫等服務(wù)功能，消費(fèi)者可基于微信、微博等新媒體平臺(tái)與周圍人共享。APP商家可通過(guò)APP面向消費(fèi)群體推送物流產(chǎn)品新品與促銷信息，獲得利潤(rùn)。同時(shí)，基于APP后臺(tái)還可無(wú)縫對(duì)接并同步物流網(wǎng)站商城相關(guān)產(chǎn)品信息。

1.1.6 個(gè)人中心。個(gè)人中主要包括一些常見輔助功能，客戶可查詢訂單狀態(tài)、訂單詳情，收到產(chǎn)品后，可進(jìn)行收貨確認(rèn)，客戶端在接收到相關(guān)信息之后再反饋于服務(wù)器，而服務(wù)器負(fù)責(zé)對(duì)訂單信息進(jìn)行實(shí)時(shí)更新，并反饋于訂單狀態(tài)。同時(shí)客戶還可對(duì)產(chǎn)品進(jìn)行評(píng)價(jià)。客戶可在收貨地址編輯中修改、刪除地址。其中還包含收藏表，利用服務(wù)器可以將產(chǎn)品數(shù)據(jù)信息儲(chǔ)存于收藏表內(nèi)，客戶想要瀏覽所收藏產(chǎn)品時(shí)，客戶端會(huì)負(fù)責(zé)將客戶ID實(shí)時(shí)傳送至服務(wù)器，而服務(wù)器可基于收藏表檢索與需求相符的記錄信息，并向客戶反饋所需數(shù)據(jù)信息，以瀏覽收藏條目。

1.2 管理端功能模塊

1.2.1 產(chǎn)品展示功能。產(chǎn)品展示功能的作用主要是通過(guò)移動(dòng)設(shè)備界面呈現(xiàn)的產(chǎn)品信息，為展示界面底層設(shè)計(jì)五項(xiàng)構(gòu)件，即首頁(yè)、分類、購(gòu)物車、消息中心、個(gè)人中心。登錄APP平臺(tái)之后，默認(rèn)展示首頁(yè)，其中包含產(chǎn)品展示模塊主入口，提供圖片輪播、產(chǎn)品樓層、產(chǎn)品推薦等主要信息，并提供產(chǎn)品搜索功能。

1.2.2 訂單管理功能?？蛻敉ㄟ^(guò)管理端的訂單管理功能模塊面向服務(wù)發(fā)送數(shù)據(jù)請(qǐng)求，隨后服務(wù)器則發(fā)揮作用對(duì)訂單列表進(jìn)行一一檢索，并打包數(shù)據(jù)反饋至管理端，以列表形式展示，而訂單數(shù)量比較多時(shí)可分頁(yè)，且管理人員可就具體發(fā)貨狀況更新修改訂單狀態(tài)，以實(shí)現(xiàn)購(gòu)物。

1.2.3 分類管理功能。客戶通過(guò)分類管理，管理端向服務(wù)器傳輸數(shù)據(jù)請(qǐng)求，服務(wù)器則發(fā)揮作用對(duì)訂單列表進(jìn)行詳細(xì)檢索，并打包數(shù)據(jù)反饋至管理端，以列表形式呈現(xiàn)，而分類數(shù)量較多的情況下可以分頁(yè)處理，且管理人員可就具體情況添加新分類，重新命名分類，創(chuàng)建完成即可。

1.2.4 庫(kù)存管理功能?？蛻敉ㄟ^(guò)庫(kù)存管理，管理端面向服務(wù)器發(fā)送數(shù)據(jù)請(qǐng)求，服務(wù)器則充分發(fā)揮作用對(duì)產(chǎn)品庫(kù)存列表進(jìn)行全面檢索，并打包數(shù)據(jù)反饋至管理端，其以列表形式呈現(xiàn)物流產(chǎn)品，在需修改產(chǎn)品庫(kù)存時(shí)，只需要點(diǎn)擊產(chǎn)品相關(guān)信息，便可修改庫(kù)存，同時(shí)還可添加備注，便于查閱庫(kù)存歷史的時(shí)候，明確來(lái)源，還可查詢產(chǎn)品庫(kù)存歷史以及產(chǎn)品入庫(kù)出庫(kù)次數(shù)。

1.2.5 主頁(yè)管理功能?？蛻艋诠芾矶酥黜?yè)管理功能模塊面向服務(wù)器發(fā)送數(shù)據(jù)請(qǐng)求，服務(wù)器則發(fā)揮作用對(duì)產(chǎn)品主頁(yè)圖片列表進(jìn)行全方位檢索，并打包數(shù)據(jù)反饋至管理端，以列表形式展示，在圖片需要修改的情況下只需長(zhǎng)按圖片即可選擇修改[5]。

2.APP平臺(tái)功能測(cè)試

在平臺(tái)功能測(cè)試過(guò)程中，需根據(jù)需要生成測(cè)試用例，以動(dòng)態(tài)化方法測(cè)試軟件。針對(duì)物流產(chǎn)品商城APP，選擇集成測(cè)試進(jìn)行平臺(tái)功能測(cè)試，選用黑盒測(cè)試方法，以測(cè)試注冊(cè)登錄功能模塊為例?；诰W(wǎng)絡(luò)穩(wěn)定正常，在模擬器與真機(jī)上安裝物流商城APP，測(cè)試注冊(cè)登錄功能是否可實(shí)現(xiàn)預(yù)期結(jié)果；輸入數(shù)據(jù)，即登錄用戶名與密碼。注冊(cè)登錄模塊測(cè)試結(jié)果具體如表1所示。同理，測(cè)試其他功能模塊，測(cè)試結(jié)果均與與其結(jié)果相符，據(jù)此可知系統(tǒng)功能運(yùn)行流暢，符合預(yù)期設(shè)計(jì)目標(biāo)。通過(guò)反復(fù)檢查分析APP平臺(tái)模塊測(cè)試，基于更新修改與不斷完善改進(jìn)，測(cè)試結(jié)果全部合格，APP平臺(tái)在很大程度上符合預(yù)期設(shè)計(jì)要求，功能健全，用戶界面良好。

表1 測(cè)試結(jié)果

3.結(jié)論

綜上所述，基于互聯(lián)網(wǎng)+的物流產(chǎn)品商城APP平臺(tái)設(shè)計(jì)與測(cè)試，結(jié)果表明APP可在很大程度上滿足客戶的網(wǎng)絡(luò)購(gòu)置物流產(chǎn)品個(gè)性化、多元化需要，可實(shí)現(xiàn)整個(gè)購(gòu)物流程；系統(tǒng)成功完成了各項(xiàng)功能模塊；系統(tǒng)功能完善、運(yùn)行流暢，符合預(yù)期設(shè)計(jì)目標(biāo)；客戶端編寫利用JavaScript語(yǔ)言，服務(wù)端基于web技術(shù)，合理采用外部構(gòu)件實(shí)現(xiàn)了既定特定功能；通過(guò)webstorm調(diào)取api模式，提高數(shù)據(jù)庫(kù)運(yùn)行效率與水平。

引用出處

[1]張澤柱.基于ionic框架和Angular JS的手機(jī)移動(dòng)端商城APP的設(shè)計(jì)與實(shí)現(xiàn)[D].山東:山東大學(xué),2017.

[2]唐梅芝,王忠政.“互聯(lián)網(wǎng)+”戰(zhàn)略下“東北農(nóng)產(chǎn)品商城”APP平臺(tái)的構(gòu)建研究[J].黑龍江畜牧獸醫(yī)（下半月）,2017,(11):278-280.

[3]陳奧杰.消費(fèi)者跨境電商信息偏好程度測(cè)算及其影響因素[D].浙江大學(xué),2018.

[4]黃明超.基于AppCan的移動(dòng)購(gòu)物商城客戶端設(shè)計(jì)與實(shí)現(xiàn)[D].華南理工大學(xué),2016.

[5]邱林,盧華.基于O2O校園農(nóng)產(chǎn)品商城APP平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].廣西農(nóng)學(xué)報(bào),2018,33(6):56-59,63.