基于微信小程序的快遞取寄系統設計與實現

張馨中，秦立靜，蔡文樂，趙蕓帆，李美萱，關文杰，寇東云

摘要：高校頻繁出現丟件、漏件和錯件的現象。為滿足用戶對隨時隨地進行預約取件，預約寄件及查詢預約情況的需求，實現了一種基于微信小程序的快遞取寄系統。系統以云開發低代碼和云函數為載體，由后臺的云數據管理系統和前端面向用戶的小程序組成，便于廣大師生在保證個人信息安全的同時，使用小程序實現一系列快遞服務需求。系統可以提高快遞站點的服務效率，節省人力物力財力，且成本低，易于維護管理，具有一定的實用價值。

關鍵詞：微信小程序；快遞服務；云開發；系統設計；管理系統

中圖分類號：TP311.56? ? ? 文獻標識碼：A

文章編號：1009-3044（2022）33-0051-04

1 引言

隨著我國數據物流領域的快速發展，大部分高校享受到了其帶來的智能與便利[1]。然而，中國大部分高校的快遞站點空間有限，人群流量大，容易出現漏件、錯件及丟件的現象，“如何解決人群擁堵”和“如何在最低成本的前提下提高取件效率”早已成為熱議的話題[2]。如何在保證服務質量的前提下，高效地進行取件寄件也成為必須解決的問題之一，此時開發一款服務于師生的智能快遞系統便顯得尤為重要。大數據時代，萬物互聯與數字化已成為現實，取件服務也必將朝著智能化、數字化的方向進步，這對于快遞行業發展有著重要意義[3]。

2 系統設計概述

2.1 系統介紹

系統名為“遞幫幫快遞取寄系統”，由小程序部分和云數據管理系統（Cloud Data Management System，CDMS）組成。遞幫幫微信小程序含義為：讓廣大師生通過使用便捷的小程序功能便可以隨時隨地實現自助預約取件、預約寄件、查詢預約數據、管理預約記錄等功能。有助于填補“面向高校師生的快遞取寄系統”這一服務類小程序的空缺。

系統將與校內菜鳥裹裹等快遞站點合作，通過云開發平臺為管理人員提供CDMS便于校內快遞的統一管理，為師生提供微信小程序用于實現一系列快遞預約服務。

2.2 數據模型設計

系統數據庫所使用的關系模型如表1所示。

2.3 系統結構設計

通過對系統的功能需求分析，得出遞幫幫小程序的系統結構圖，如圖1所示。

1）登錄功能

無須設置賬號密碼，用戶點擊“使用微信登錄”完成登錄過程，后臺通過獲取專屬openid完成與CDMS的綁定，通過獲取用戶微信頭像與昵稱完成個性化設置。

2）預約功能

用戶可以通過主頁選擇取件或寄件，在詳情頁填寫并提交表單即可完成預約，后臺會收到信息，隨后安排快遞工作人員通過小程序方式及短信方式通知用戶，也可以自行查詢預約記錄。

取件記錄和寄件記錄分開存儲，用戶可以點擊相應TAB欄切換以查詢訂單詳情。

3）個人中心及工具服務

除了主打的預約功能外，小程序內置了使用手冊、數據分析、滿意調研、通知公告、我的位置、常用信息、文檔中心等工具服務版塊，用戶可以點擊底部TAB欄切換到個人中心查看使用。

2.4 具體功能設計

1）預約與查詢功能

提交表單后系統將通過核對數據類型、長度、枚舉等指標進行表單驗證。若核對未通過則無法提交。當數據與約束條件核對無誤后，允許提交表單，系統彈出提示，并將訂單信息錄入CDMS。

提交查詢記錄請求后系統將查詢CDMS中與用戶openid一致的訂單數據。若未查詢到訂單，則顯示空白頁，用戶需要先提交訂單。當查詢到訂單后，系統將通過用戶提交的查詢條件是“取件”或“寄件”將數據分開展示。小程序預約寄件及預約記錄頁如圖2～圖3所示。

2）工具與服務功能

系統內置了十個用于提升用戶使用體驗的版塊，涉及表單驗證、記錄存在驗證及權限認證。

3）CDMS

系統內置了CDMS用于后臺管理。快遞站點工作人員和客服人員通過使用賬號密碼登入CDMS，可對系統運行情況、預約訂單、滿意調研記錄和常用信息頁面進行數據查詢、修改等操作。超級管理員登入CDMS后，除了上述操作，還可對數據展示、通知公告、文檔中心等頁面進行數據修改、新建等操作。

管理員使用CDMS可以便捷管理訂單信息、更新信息等，在小程序端展示，保證信息的即時性和穩定性。

2.5 系統創新設計

交互設計方面，登錄頁布局簡約，方便用戶直接登錄。主頁和個人中心頁呈網格狀排版，整齊排列，獨立圖標，美觀UI設計，指引明確，操作便捷，方便用戶尋找功能。功能頁設計簡約，內容清晰，易于使用。小程序主頁面如圖4所示。

系統可以一鍵生成訂單信息，相較于傳統的手動數據庫模式錄入更加智能便捷。通過綁定openid的方式，用戶可以安全地訪問個人數據，不會出現信息泄露的情況。

數據展示頁面使用可視化的方式內置了26個數據窗口用于詳細且有價值的數據展示，用戶可以選擇相應類別查看，也可以對可視化圖表進行點擊，提高互動感。數據展示頁面結構圖如圖5所示。

3 重點功能實現

3.1 低代碼

系統使用騰訊云微搭低代碼進行開發，低代碼是一種通過可視化進行應用程序開發的方法，使用拖拽組件和模型驅動的邏輯來創建頁面和搭建應用。低代碼開發平臺允許多名開發人員同步創建、編輯和操作應用程序，花費的時間比傳統方式更少。

低代碼具有一定的靈活性，能夠解決開發周期較長這一問題，使用低代碼可以減少設計人員和開發人員間的溝通成本，降低出錯的概率，當應用程序出現錯誤時能夠快速地找到問題并解決。其次，低代碼能夠大幅度降低開發成本，具有跨平臺性，可以有效提高軟件開發的效率，并保證其邏輯質量[4]。

3.2 云開發與云函數

系統使用了云開發和云函數服務，用于進一步減輕開發難度，降低開發成本。

云開發采用Serverless架構，免去了小程序應用構建中煩瑣的服務器搭建和運維，使用靜態托管、命令行工具（Command Line Interface，CLI）、Flutter SDK等能力可以有效降低應用開發的門檻[5]。基于云開發構建的小程序，能夠彌補傳統開發模式的“效率低、耗時多、依賴后臺、不夠靈活”等問題，并更快響應業務需求[6]。

云函數通過托管用戶代碼使用用戶配置的觸發器，根據觸發器的觸發事件自動執行用戶應用，提供Function as a Service類型服務，用戶只需使用JS腳本語言編寫核心代碼并設置代碼運行的條件，即可彈性、安全地運行。騰訊云完全管理底層計算資源，包括服務器CPU、內存、網絡和其他配置，且代碼按需運行，空閑時不收費。云函數起到邏輯編寫的重要作用，具體功能如下。

1）實現一鍵登錄功能

系統通過調用云函數前端API的app.utils函數內的getWXContext方法獲取用戶的openid信息，用于存入CDMS進行后期身份核對。關鍵代碼如下：

CONST cloud = require（'wx-server-sdk'）;

cloud.init（{

env： cloud.DYNAMIC_CURRENT_ENV，}） //初始化環境

module.exports = ASYNC FUNCTION （params， context） {

CONST wxContext = cloud.getWXContext（） //獲取openid

RETURN {

openid： wxContext.OPENID}

}

2）實現個性化昵稱與頭像展示功能

系統通過調用云函數前端API的wx.getUserProfile函數獲取用戶的微信昵稱和頭像，并賦值給全局變量，隨后通過對展示組件進行數據綁定實現個性化展示。關鍵代碼如下：

export default function （{event， data}） {

wx.getUserProfile（{

desc： '用于完善用戶信息'，

success： （res） => {

app.dataset.state.username = res.userInfo.nickName; //微信名稱賦值給全局變量

app.dataset.state.usericon = res.userInfo.avatarUrl; //用戶頭像賦值給全局變量

}}）

}

3）實現表單信息驗證功能

系統通過使用微搭平臺提供的表單驗證方法，通過判斷約束條件核對信息，以實現表單信息驗證功能。關鍵代碼如下：

{

"eventName"： "submit"，

"type"： "dataSource"，

"handler"： {

"name"： "dataSource"，

"module"： "dataSource"，

"params"： {

"dataSourceName"： "CP_89bhnri"，

"methodName"： "wedaCreate"，

"options"： {

"showToast"： FALSE，

"showLoading"： FALSE

}，"：params"： "'create' === 'edit' ？ event.detail ： event.detail "

}

4）實現定位功能展示

系統通過調用騰訊地圖WebService API提供的一系列服務接口，使用getApiKey、coord2label、ipLocation等方法實現騰訊地圖服務接入[7]。根據微信小程序開發要求，系統還調取了wx.getLocation接口以獲取當前的地理位置、速度。關鍵代碼如下：

{

"fit"： "cover"，

"home"： true，

"iconTheme"： "black"，

"imgPreview"： ""，

"label"： ""，

"layout"： "vertical"，

"lazyLoad"： ""，

"locationRange"： 100，

"locationType"： 2，

"maskClosable"： true，

"mode"： "scaleToFill"，

"requiredFlag"： ""，

"showMap"： true，

"showMenuByLongpress"： ""，

"value"： {

"address"： ""，

"geopoint"： {

"type"： "Point"，

"coordinates"： [，]}}

}

3.3 企業工作臺

系統內置了基于企業工作臺，由數據模型搭建而成的遞幫幫_CDMS用于后臺數據訂單的管理，支持多角色、多用戶登錄。UI對多種登錄環境如電腦端和H5端進行適配，以保證頁面的完整性。功能設計明確，方便進行導出、修改、刪除等一系列操作，不需要額外的配置就能保證功能的正常使用，開發效率高，易維護，成本低廉[8]。H5端頁面如圖6所示。

4 結束語

基于微信小程序的快遞取寄系統利用低代碼完成了數據模型設計、邏輯設計和整體的UI設計。系統從實際需求出發，幫助廣大師生提供快遞預約服務及各類輔助工具。區別于傳統的開發模式，系統使用云環境進行開發，專注于系統本身的邏輯和UI創新，無須手動搭建服務器，具有更高效、更穩定、易維護的特性。小程序和CDMS目前已成功上線，能夠穩定、長時間的運行。

參考文獻：

[1] 齊晗.對高校快遞中心運營中若干問題優化研究[J].物流工程與管理，2019，41（8）：86，127-128.

[2] 劉海燕.高校快遞末端配送的問題與對策探究[J].營銷界，2021（33）：54-55.

[3] 任曉翠.面向快遞終端的物流配送服務系統設計[J].自動化與儀器儀表，2020（1）：101-104.

[4] Woo M.無/低代碼軟件開發的興起——無需經驗？[J].工程（英文），2020（9）：1083-1085.

[5] 黎雪，王芳.基于亞馬遜云的云開發課程設計[J].計算機與網絡，2021，47（13）：42-43.

[6] 陳健，羅曉云.通信云平臺系統研究與應用[J].機電信息，2019（2）：38-39.

[7] 宋鶯，謝小玲，余文婷，等.智慧校園微信小程序云服務開發與構建[J].長江信息通信，2022，35（4）：174-176.

[8] 徐宇帆，余秋明，柴政.基于微信小程序的校園參賽平臺的設計與實現[J].電腦知識與技術，2022，18（7）：63-66.

【通聯編輯：謝媛媛】