文/陳紅艷
本文基于互聯網+設計構建了物流產品商城APP平臺。基于ionic框架為載體,通過AngularJS進行前臺頁面開發并與數據相捆綁,以html5語言編寫展示頁面,將Node.js作為后臺技術支持。平臺劃分為兩部分,即客戶端與管理端,其中客戶端的功能是供給客戶購置物流產品,管理端的功能是管理人員進行訂單與物流產品全面管理。通過測試發現APP平臺可滿足客戶的網絡購置物流產品多元化需要,可實現整個購物流程;系統功能完善、運行流暢,符合預期設計目標。
在互聯網時代,大多數企業采購物流產品的時候,會通過網絡搜索相關信息,其中物流產品相關商城最常見的就是物流產品網。不論是手推臺車或柱式托盤,物流產品網羅列著上百種產品,幾乎都會在網絡搜索時出現在首頁。而使用任何搜索引擎,都會獲得相同結果,這就代表物流產品網已經在電商領域占據了無可爭議的地位。物流產品網以其自身專業信息服務特色,在專業領域占據了有利地位,而且目前我國物流產品網絡體系已經逐漸走向成熟。在移動互聯網快速更新發展趨勢下,各行各業都自主開發了APP平臺,購物行業也不例外[1-2]。
物流產品商城APP主要包括兩個部分,即客戶端與管理端[3]。
1.1.1 注冊登錄模塊。基于RestfulAPI中的signUp法進行注冊,客戶端負責存儲客戶注冊相關信息于對象內,再傳輸至后臺signUp法,信息格式需與標準要求明確相符,以此其則會有序把數據儲存于數據庫信息表,并反饋成功注冊提示信息,相反則反饋失敗注冊提示信息,同時提供具體原因。為保證注冊成功概率,前臺會進行檢測優化處理,規范化客戶所輸信息。同樣基于RestfulAPI中的signUp法進行登錄,客戶端負責存儲登錄客戶名與密碼等信息于對象內,再傳送至后臺signUp法,比較分析所輸信息與數據庫儲存信息,條件相符,則反饋成功登錄提示信息,客戶接收指令后,保存登錄信息,且頁面自動跳轉于主頁,相反則反饋失敗登錄提示信息,并提示具體錯誤項。
1.1.2 產品瀏覽模塊。產品瀏覽模塊與大多數功能之間是息息相關的,客戶點擊相關產品則客戶端就會開展相關操作,其一啟動新model頁面;其二在頁面加載完成之前,基于數據庫就產品ID獲取具體數據信息,并就既定排版模式,在頁面上加以呈現。其中頁面提供添加購物車與收藏部分,在添加收藏后,服務器會根據其API,向收藏表儲存數據,反饋成功提示信息。在添加購物車時,客戶端可獲取客戶所選擇產品信息以及其ID,以推動服務器傳送相關信息至購物車表中,同時反饋成功提示信息。客戶端接收反饋信息后實時提取頁面跳轉函數,轉至購物車頁面,以獲取購物車表包含的商品信息,客戶可選擇想要購買的商品以結算[4]。
1.1.3 產品搜索功能。客戶在搜索框中輸入關鍵詞,客戶端控制器會獲取客戶輸入的關鍵詞信息,然后打包,以Service為載體傳輸于服務器中,而服務器會就關鍵詞信息對數據庫產品表進行詳細檢索,從而將與條件明確相符的所有產品信息反饋于客戶端,在客戶端接收到數據信息后,基于for循環,于搜索列表逐層展示產品信息,客戶可從中找到所需產品,選擇添加到購物車或直接購買,便可節省首頁搜索時間,此功能關鍵在于后臺如何處理關鍵詞,獲取查詢信息后如何打包。
1.1.4 購物車功能。購物車功能具備添加、編輯、結算購物車子功能,以實現物流產品購置。添加購物車基于API接口,傳輸產品添加需求,以完成添加操作;編輯購物車具備產品信息更新、刪除功能;結算購物車即計算購買產品總價格,以及核對客戶送貨地址等信息。
1.1.5 售后服務功能。永久性保留歷史賬單,不僅可加強客戶消費體驗,還可幫助APP分析消費群體的消費行為,以此在主界面提供用戶感興趣的物流產品知識、選購指南等引導消費群體購置性價比最高且最稱心的產品。同時,APP還支持導航與一鍵呼叫等服務功能,消費者可基于微信、微博等新媒體平臺與周圍人共享。APP商家可通過APP面向消費群體推送物流產品新品與促銷信息,獲得利潤。同時,基于APP后臺還可無縫對接并同步物流網站商城相關產品信息。
1.1.6 個人中心。個人中主要包括一些常見輔助功能,客戶可查詢訂單狀態、訂單詳情,收到產品后,可進行收貨確認,客戶端在接收到相關信息之后再反饋于服務器,而服務器負責對訂單信息進行實時更新,并反饋于訂單狀態。同時客戶還可對產品進行評價。客戶可在收貨地址編輯中修改、刪除地址。其中還包含收藏表,利用服務器可以將產品數據信息儲存于收藏表內,客戶想要瀏覽所收藏產品時,客戶端會負責將客戶ID實時傳送至服務器,而服務器可基于收藏表檢索與需求相符的記錄信息,并向客戶反饋所需數據信息,以瀏覽收藏條目。
1.2.1 產品展示功能。產品展示功能的作用主要是通過移動設備界面呈現的產品信息,為展示界面底層設計五項構件,即首頁、分類、購物車、消息中心、個人中心。登錄APP平臺之后,默認展示首頁,其中包含產品展示模塊主入口,提供圖片輪播、產品樓層、產品推薦等主要信息,并提供產品搜索功能。
1.2.2 訂單管理功能。客戶通過管理端的訂單管理功能模塊面向服務發送數據請求,隨后服務器則發揮作用對訂單列表進行一一檢索,并打包數據反饋至管理端,以列表形式展示,而訂單數量比較多時可分頁,且管理人員可就具體發貨狀況更新修改訂單狀態,以實現購物。
1.2.3 分類管理功能。客戶通過分類管理,管理端向服務器傳輸數據請求,服務器則發揮作用對訂單列表進行詳細檢索,并打包數據反饋至管理端,以列表形式呈現,而分類數量較多的情況下可以分頁處理,且管理人員可就具體情況添加新分類,重新命名分類,創建完成即可。
1.2.4 庫存管理功能。客戶通過庫存管理,管理端面向服務器發送數據請求,服務器則充分發揮作用對產品庫存列表進行全面檢索,并打包數據反饋至管理端,其以列表形式呈現物流產品,在需修改產品庫存時,只需要點擊產品相關信息,便可修改庫存,同時還可添加備注,便于查閱庫存歷史的時候,明確來源,還可查詢產品庫存歷史以及產品入庫出庫次數。
1.2.5 主頁管理功能。客戶基于管理端主頁管理功能模塊面向服務器發送數據請求,服務器則發揮作用對產品主頁圖片列表進行全方位檢索,并打包數據反饋至管理端,以列表形式展示,在圖片需要修改的情況下只需長按圖片即可選擇修改[5]。
在平臺功能測試過程中,需根據需要生成測試用例,以動態化方法測試軟件。針對物流產品商城APP,選擇集成測試進行平臺功能測試,選用黑盒測試方法,以測試注冊登錄功能模塊為例。基于網絡穩定正常,在模擬器與真機上安裝物流商城APP,測試注冊登錄功能是否可實現預期結果;輸入數據,即登錄用戶名與密碼。注冊登錄模塊測試結果具體如表1所示。同理,測試其他功能模塊,測試結果均與與其結果相符,據此可知系統功能運行流暢,符合預期設計目標。通過反復檢查分析APP平臺模塊測試,基于更新修改與不斷完善改進,測試結果全部合格,APP平臺在很大程度上符合預期設計要求,功能健全,用戶界面良好。

表1 測試結果
綜上所述,基于互聯網+的物流產品商城APP平臺設計與測試,結果表明APP可在很大程度上滿足客戶的網絡購置物流產品個性化、多元化需要,可實現整個購物流程;系統成功完成了各項功能模塊;系統功能完善、運行流暢,符合預期設計目標;客戶端編寫利用JavaScript語言,服務端基于web技術,合理采用外部構件實現了既定特定功能;通過webstorm調取api模式,提高數據庫運行效率與水平。
引用出處
[1]張澤柱.基于ionic框架和Angular JS的手機移動端商城APP的設計與實現[D].山東:山東大學,2017.
[2]唐梅芝,王忠政.“互聯網+”戰略下“東北農產品商城”APP平臺的構建研究[J].黑龍江畜牧獸醫(下半月),2017,(11):278-280.
[3]陳奧杰.消費者跨境電商信息偏好程度測算及其影響因素[D].浙江大學,2018.
[4]黃明超.基于AppCan的移動購物商城客戶端設計與實現[D].華南理工大學,2016.
[5]邱林,盧華.基于O2O校園農產品商城APP平臺的設計與實現[J].廣西農學報,2018,33(6):56-59,63.