基于微信小程序的卷煙稽查現(xiàn)場取證信息管理系統(tǒng)設(shè)計(jì)

摘要：為了稽查人員高效開展卷煙稽查工作，維護(hù)良好的卷煙經(jīng)營環(huán)境，設(shè)計(jì)開發(fā)了基于微信小程序的卷煙稽查現(xiàn)場取證信息管理系統(tǒng)。研究了卷煙稽查的現(xiàn)狀，分析了卷煙稽查現(xiàn)場取證的用戶需求，設(shè)計(jì)了系統(tǒng)的功能框架。系統(tǒng)前端頁面遵循微信開發(fā)標(biāo)準(zhǔn)采用 Vue 進(jìn)行數(shù)據(jù)交互；服務(wù)端使用 Java 進(jìn)行開發(fā)，并考慮系統(tǒng)后期拓展性及跨平臺部署的易用性。基于該系統(tǒng)，稽查人員能夠使用手機(jī)在現(xiàn)場完成卷煙稽查信息的自動上傳與管理，提高卷煙稽查工作的效率。

關(guān)鍵詞：卷煙稽查；現(xiàn)場取證；信息管理系統(tǒng)；微信小程序；VUE

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

文章編號：1009-3044（2024）22-0057-03

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）

0 引言

專賣稽查工作在煙草專賣制度中發(fā)揮著重要作用，是產(chǎn)業(yè)發(fā)展的有力保障。煙草行業(yè)對經(jīng)濟(jì)社會發(fā)展非常重要，要高度重視卷煙打假打私工作，切實(shí)加大打擊力度，增強(qiáng)工作實(shí)效，確保煙草行業(yè)的健康發(fā)展[1]。在卷煙稽查工作中，稽查人員需要手動用紙質(zhì)記錄涉案人員以及涉案店面的信息[2]，錄入效率低，并且紙質(zhì)文件不易保存，后期查閱需要翻閱大量紙質(zhì)文件，耗費(fèi)人力資源。設(shè)計(jì)卷煙稽查現(xiàn)場取證信息管理系統(tǒng)，通過手機(jī)拍照完成稽查信息的自動上傳，可以更好地保存涉事人員及店面相關(guān)信息，管理查詢稽查信息更為便捷，提高卷煙稽查工作的效率。

基于以上背景，本文在分析卷煙稽查現(xiàn)場取證的需求基礎(chǔ)上，提出了基于微信小程序的系統(tǒng)設(shè)計(jì)思路，劃分了系統(tǒng)模塊。系統(tǒng)采用前后端分離的設(shè)計(jì)模式提高應(yīng)用的可維護(hù)性、可擴(kuò)展性以及開發(fā)效率。前端頁面開發(fā)嚴(yán)格遵循微信開發(fā)標(biāo)準(zhǔn)采用Vue.js框架進(jìn)行實(shí)現(xiàn)，通過響應(yīng)式數(shù)據(jù)綁定，實(shí)現(xiàn)數(shù)據(jù)與視圖的動態(tài)同步，簡化前端數(shù)據(jù)交互的復(fù)雜性[3]；對于PC后臺的管理界面使用HTML5作為標(biāo)記語言，結(jié)合Vue.js以及ElementUI框架進(jìn)行開發(fā)，加速后臺管理界面的開發(fā)流程，并確保界面的美觀與一致性[4]；服務(wù)端開發(fā)采用了Java語言，適合于構(gòu)建大型的、復(fù)雜的企業(yè)級應(yīng)用。數(shù)據(jù)庫選用高性能的開源關(guān)系型數(shù)據(jù)庫管理系統(tǒng)MySQL[5]。系統(tǒng)同時充分考慮了后期的拓展性及跨平臺部署的易用性。

1 卷煙稽查現(xiàn)場取證信息管理系統(tǒng)設(shè)計(jì)

1.1 系統(tǒng)技術(shù)框架

微信小程序的前端應(yīng)用構(gòu)建采用了 WXML、WXSS、JavaScript 以及 JSON 技術(shù)。其中，WXML 作為微信小程序的標(biāo)記語言類似 HTML，用于描述頁面結(jié)構(gòu)；WXSS 是微信小程序的樣式表類似 CSS，用于描述頁面的樣式[6]。JavaScript 用于處理用戶交互、數(shù)據(jù)邏輯等，JSON 用于小程序的配置和部分?jǐn)?shù)據(jù)傳遞[7]。微信小程序采用 MVVM（Model-View-ViewModel） 設(shè)計(jì)模式[8]，使開發(fā)者可以更清晰地分離視圖（View） 和數(shù)據(jù)（Model） ，提高代碼的可維護(hù)性。微信小程序提供了豐富的組件，封裝了微信的功能，如表單、導(dǎo)航、媒體等，使開發(fā)者可以快速構(gòu)建界面，同時也提供了豐富的 API，包括網(wǎng)絡(luò)通信、本地存儲、設(shè)備信息等，使小程序能夠訪問手機(jī)的硬件功能。

云開發(fā)允許開發(fā)者在云端進(jìn)行應(yīng)用的構(gòu)建、部署和管理，無須自己搭建和維護(hù)服務(wù)器[9]。云開發(fā)的核心優(yōu)勢在于簡化了后端服務(wù)的搭建和運(yùn)維工作，讓開發(fā)者可以更加專注于前端和業(yè)務(wù)邏輯的開發(fā)。云開發(fā)通過提供無服務(wù)器架構(gòu)、實(shí)時數(shù)據(jù)庫、云端存儲、云端函數(shù)等核心服務(wù)，降低了技術(shù)門檻、縮短了開發(fā)周期、提高了開發(fā)效率，具有很好的可擴(kuò)展性和靈活性。云開發(fā)作為后端服務(wù)的提供者，簡化了微信小程序的后端開發(fā)工作，而微信小程序則利用其在微信生態(tài)中的優(yōu)勢，為云開發(fā)服務(wù)提供了廣泛的應(yīng)用場景。云存儲和微信小程序開發(fā)之間存在一種服務(wù)與應(yīng)用的互補(bǔ)關(guān)系[10]。云存儲服務(wù)為微信小程序提供了強(qiáng)大的后端支持，包括數(shù)據(jù)存儲、文件管理、內(nèi)容分發(fā)等關(guān)鍵功能。通過云存儲，微信小程序開發(fā)者可以構(gòu)建更加穩(wěn)定、安全、高效的應(yīng)用，同時降低開發(fā)和運(yùn)維的復(fù)雜性。云存儲的彈性、成本效益和安全性等特點(diǎn)，與微信小程序的輕量級、便捷性和社交屬性相結(jié)合，共同為用戶帶來了更好的應(yīng)用體驗(yàn)。

1.2 系統(tǒng)需求分析

微信小程序可以在不同操作系統(tǒng)的移動端設(shè)備上運(yùn)行，如 iOS、Android 等，無須為不同平臺開發(fā)不同的應(yīng)用，降低了設(shè)計(jì)開發(fā)的成本。設(shè)計(jì)基于微信小程序的卷煙稽查現(xiàn)場取證信息管理系統(tǒng)便于稽查人員現(xiàn)場辦案時使用，操作便捷且達(dá)到對卷煙稽查案件匯總分析的目的。根據(jù)稽查人員以及后臺管理用戶的使用需求，系統(tǒng)前端應(yīng)具有以下功能：小程序端的登錄、違法卷煙的條形碼掃描識別；違法卷煙信息上傳、先保書填寫保存、卷煙信息查詢功能。系統(tǒng)后端應(yīng)具有以下功能：用戶角色權(quán)限管理、信息管理與統(tǒng)計(jì)。系統(tǒng)需求用例圖如圖 1 所示。

并且，系統(tǒng)的設(shè)計(jì)還應(yīng)該滿足以下需求：

1） 用戶體驗(yàn)：界面設(shè)計(jì)應(yīng)簡潔直觀，減少用戶的學(xué)習(xí)成本；操作響應(yīng)應(yīng)迅速，減少等待時間，提升用戶滿意度；應(yīng)考慮微信生態(tài)內(nèi)的交互習(xí)慣，如使用微信登錄、微信支付等。2） 性能優(yōu)化：優(yōu)化小程序的啟動和加載時間，避免長時間的白屏或加載動畫；合理管理圖片、視頻等資源，使用壓縮和懶加載技術(shù)減少加載時間；利用微信小程序的分包加載特性，按需加載模塊，減少首次加載的數(shù)據(jù)量。3） 安全性：使用 HTTPS 協(xié)議確保數(shù)據(jù)傳輸過程的安全；合理使用微信提供的用戶認(rèn)證機(jī)制，保護(hù)用戶信息；明確小程序的權(quán)限范圍，避免不必要的權(quán)限請求。4） 可維護(hù)性和可擴(kuò)展性：采用模塊化的開發(fā)方式，便于后期維護(hù)和功能擴(kuò)展；遵循編碼規(guī)范，提高代碼的可讀性和可維護(hù)性；合理使用版本控制工具，管理小程序的迭代和更新。5） 兼容性和適配性：小程序需要在不同型號和尺寸的手機(jī)上都能正常顯示和操作；能夠適應(yīng)用戶在橫豎屏切換時的顯示需求。6） 離線能力：合理利用緩存，使得小程序在離線或網(wǎng)絡(luò)不佳的情況下也能提供部分功能。7） 測試和質(zhì)量保證：實(shí)施單元測試、集成測試等自動化測試流程，確保代碼質(zhì)量；進(jìn)行性能測試，確保小程序在高并發(fā)情況下的穩(wěn)定性。

1.3 系統(tǒng)功能設(shè)計(jì)

稽查人員使用手機(jī)端的微信小程序模塊包括：1） 用戶管理模塊：能夠?qū)頍熈闶塾脩舻男畔⑦M(jìn)行管理和查詢；2） 現(xiàn)場數(shù)據(jù)采集模塊：對稽查違法現(xiàn)場的數(shù)據(jù)進(jìn)行拍照采集，包括門店門頭照片圖像、卷煙存放點(diǎn)圖像、違法卷煙圖像、當(dāng)事人指認(rèn)違法現(xiàn)場圖像、執(zhí)法人員封裝圖像、身份證復(fù)印件圖像、煙草專賣零售許可證圖像。

管理員負(fù)責(zé) PC 端的網(wǎng)頁管理系統(tǒng)，包括：1） 后臺統(tǒng)計(jì)管理模塊：對微信小程序現(xiàn)場采集上傳的數(shù)據(jù)進(jìn)行審核，并在后臺進(jìn)行統(tǒng)計(jì)分析，導(dǎo)出生成數(shù)據(jù)分析表格；2） 用戶管理模塊：對系統(tǒng)使用用戶的信息、角色、權(quán)限進(jìn)行管理。

卷煙稽查現(xiàn)場取證信息管理系統(tǒng)的功能框架如圖 2 所示。

1.4 系統(tǒng)架構(gòu)設(shè)計(jì)

在構(gòu)建基于移動端微信小程序的卷煙稽查現(xiàn)場取證信息管理系統(tǒng)時，總體結(jié)構(gòu)設(shè)計(jì)需確保系統(tǒng)的高效性和穩(wěn)定性。系統(tǒng)結(jié)構(gòu)可劃分為物理網(wǎng)絡(luò)結(jié)構(gòu)與邏輯功能結(jié)構(gòu)兩個組成部分。物理網(wǎng)絡(luò)結(jié)構(gòu)通過物理網(wǎng)絡(luò)拓?fù)鋱D的形式，明確終端設(shè)備、網(wǎng)絡(luò)設(shè)備與系統(tǒng)之間的連接關(guān)系[11]；邏輯功能結(jié)構(gòu)則著重于系統(tǒng)的軟件架構(gòu)設(shè)計(jì)，包括了數(shù)據(jù)接口的規(guī)范定義，確保了數(shù)據(jù)在不同模塊間的高效傳輸與交互。同時，系統(tǒng)采用分層的設(shè)計(jì)理念，將視圖層、邏輯層進(jìn)行清晰劃分。視圖層負(fù)責(zé)用戶界面的展示，提供直觀的數(shù)據(jù)輸入與輸出界面；邏輯層則處理數(shù)據(jù)的業(yè)務(wù)邏輯，執(zhí)行數(shù)據(jù)采集、校驗(yàn)、分析等核心功能。

為了進(jìn)一步提升系統(tǒng)的服務(wù)能力和穩(wěn)定性，系統(tǒng)設(shè)計(jì)中使用了騰訊云服務(wù)。通過云服務(wù)的負(fù)載均衡技術(shù)，系統(tǒng)能夠?qū)崿F(xiàn)服務(wù)端的動態(tài)負(fù)載分配，優(yōu)化資源利用，提高系統(tǒng)的并發(fā)處理能力，確保在高訪問量情況下依然能夠維持穩(wěn)定運(yùn)行[12]。

綜上，系統(tǒng)的設(shè)計(jì)不僅考慮了物理層面的網(wǎng)絡(luò)連接，還涵蓋了軟件層面的功能實(shí)現(xiàn)，以及服務(wù)端的穩(wěn)定性保障。通過這種多層次、模塊化的設(shè)計(jì)方法，系統(tǒng)能夠靈活應(yīng)對不斷變化的業(yè)務(wù)需求，為用戶提供高效、可靠的服務(wù)。系統(tǒng)的網(wǎng)絡(luò)拓?fù)渑c邏輯結(jié)構(gòu)的架構(gòu)如圖3所示。

2 卷煙稽查現(xiàn)場取證信息管理系統(tǒng)實(shí)現(xiàn)

2.1 系統(tǒng)主要功能函數(shù)類

系統(tǒng)設(shè)計(jì)了Controller、Mapper、Entity主要的功能類包，每個包中都包含了對應(yīng)的函數(shù)實(shí)現(xiàn)類，如表1、表2、表3所示。

2.2 系統(tǒng)功能實(shí)現(xiàn)

進(jìn)入卷煙稽查現(xiàn)場取證信息管理系統(tǒng)微信小程序的登錄頁面，輸入正確的用戶名和密碼后進(jìn)入系統(tǒng)主界面，在主界面上即可直觀地看到各功能模塊所對應(yīng)的按鈕，如圖4所示。

現(xiàn)場數(shù)據(jù)采集完成后，點(diǎn)擊“提交”按鈕，所有數(shù)據(jù)上傳至后臺服務(wù)端，同時，使用人員可以在微信小程序中查看已提交數(shù)據(jù)的上傳列表，如圖5所示。

管理員在PC端使用瀏覽器登錄后臺的Web管理系統(tǒng)，在后臺系統(tǒng)中可以對前端微信小程序上傳的現(xiàn)場稽查數(shù)據(jù)進(jìn)行審核，同時進(jìn)行統(tǒng)計(jì)和導(dǎo)出操作，如圖6所示。

3 結(jié)論

針對卷煙稽查過程中所面臨的信息處理與管理問題，本文基于微信小程序開發(fā)平臺設(shè)計(jì)并開發(fā)了實(shí)際現(xiàn)場能夠方便快捷操作的卷煙稽查現(xiàn)場取證信息管理系統(tǒng)?；槿藛T可以通過前端微信小程序?qū)ΜF(xiàn)場稽查情況進(jìn)行實(shí)時的拍照上傳；管理人員使用后端Web管理平臺對前端微信小程序上傳的稽查數(shù)據(jù)進(jìn)行審核和導(dǎo)出，同時可視化組件能夠清晰直觀地對數(shù)據(jù)進(jìn)行統(tǒng)計(jì)分析。卷煙稽查現(xiàn)場取證信息管理系統(tǒng)的主要功能模塊在實(shí)際的卷煙稽查現(xiàn)場進(jìn)行了使用測試，系統(tǒng)的交互性及穩(wěn)定性良好，具備較好的可用性。

參考文獻(xiàn)：

[1] 王小波.卷煙市場監(jiān)管實(shí)效性實(shí)現(xiàn)的根本途徑分析[J].法制與社會，2014（22）：201-203.

[2] 鄧艷.卷煙市場監(jiān)管工作現(xiàn)狀分析及完善措施探討[J].企業(yè)改革與管理，2022（2）：171-173.

[3] 朱志慧，蔡潔.基于SpringBoot+Vue+Uni-app框架的校園失物招領(lǐng)系統(tǒng)[J].電子技術(shù)與軟件工程，2022（17）：62-65.

[4] 章躍庭.Vue-Element-Admin在廣播電視員工線上培訓(xùn)系統(tǒng)中的應(yīng)用[J].電視技術(shù)，2020，44（12）：1-3.

[5] 沈濤，胡旭輝.基于JSP平臺的高校學(xué)生工作管理系統(tǒng)的實(shí)現(xiàn)[J].信息與電腦（理論版），2020，32（5）：105-107.

[6] 鄒明榮，劉小玲，黃琨，等.基于WXSS/WXML技術(shù)的景區(qū)微信小程序的開發(fā)——以西嶺雪山為例[J].信息系統(tǒng)工程，2020（2）：76-79.

[7] 藝龍網(wǎng)信息技術(shù)（北京）有限公司.微信小程序頁面動態(tài)化方法、系統(tǒng)、設(shè)備及儲存介質(zhì)：中國，CN202311523881.0[P].2024-02-20.

[8] 黃文杰，殷思琴.基于MVVM模式的實(shí)驗(yàn)設(shè)備開放共享管理系統(tǒng)設(shè)計(jì)[J].長江信息通信，2023，36（6）：117-119.

[9] 崔慶森，王爍宇，賈裕民，等.基于云開發(fā)的藏漢雙語跑步微信小程序的設(shè)計(jì)與實(shí)現(xiàn)[J].自動化應(yīng)用，2023，64（14）：221-223.

[10] 岑俊慷，劉衛(wèi).基于微信小程序的在線答題系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].現(xiàn)代計(jì)算機(jī)，2023，29（10）：81-86.

[11] 張敏，覃凱莉，陳彪，等.基于微信小程序的在線應(yīng)急語言服務(wù)平臺研究與設(shè)計(jì)[J].西南民族大學(xué)學(xué)報（自然科學(xué)版），2023，49（1）：94-104.

[12] 鐘亮，彭毅.卷煙物流設(shè)備健康管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].物流科技，2021，44（12）：58-60，65.

【通聯(lián)編輯：謝媛媛】