基于微信小程序的卷煙稽查現場取證信息管理系統設計

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

關鍵詞：卷煙稽查；現場取證；信息管理系統；微信小程序；VUE

中圖分類號：TP393 文獻標識碼：A

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

開放科學（資源服務）標識碼（OSID）

0 引言

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

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

1 卷煙稽查現場取證信息管理系統設計

1.1 系統技術框架

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

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

1.2 系統需求分析

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

并且，系統的設計還應該滿足以下需求：

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

1.3 系統功能設計

稽查人員使用手機端的微信小程序模塊包括：1） 用戶管理模塊：能夠對卷煙零售用戶的信息進行管理和查詢；2） 現場數據采集模塊：對稽查違法現場的數據進行拍照采集，包括門店門頭照片圖像、卷煙存放點圖像、違法卷煙圖像、當事人指認違法現場圖像、執法人員封裝圖像、身份證復印件圖像、煙草專賣零售許可證圖像。

管理員負責 PC 端的網頁管理系統，包括：1） 后臺統計管理模塊：對微信小程序現場采集上傳的數據進行審核，并在后臺進行統計分析，導出生成數據分析表格；2） 用戶管理模塊：對系統使用用戶的信息、角色、權限進行管理。

卷煙稽查現場取證信息管理系統的功能框架如圖 2 所示。

1.4 系統架構設計

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

為了進一步提升系統的服務能力和穩定性，系統設計中使用了騰訊云服務。通過云服務的負載均衡技術，系統能夠實現服務端的動態負載分配，優化資源利用，提高系統的并發處理能力，確保在高訪問量情況下依然能夠維持穩定運行[12]。

綜上，系統的設計不僅考慮了物理層面的網絡連接，還涵蓋了軟件層面的功能實現，以及服務端的穩定性保障。通過這種多層次、模塊化的設計方法，系統能夠靈活應對不斷變化的業務需求，為用戶提供高效、可靠的服務。系統的網絡拓撲與邏輯結構的架構如圖3所示。

2 卷煙稽查現場取證信息管理系統實現

2.1 系統主要功能函數類

系統設計了Controller、Mapper、Entity主要的功能類包，每個包中都包含了對應的函數實現類，如表1、表2、表3所示。

2.2 系統功能實現

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

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

管理員在PC端使用瀏覽器登錄后臺的Web管理系統，在后臺系統中可以對前端微信小程序上傳的現場稽查數據進行審核，同時進行統計和導出操作，如圖6所示。

3 結論

針對卷煙稽查過程中所面臨的信息處理與管理問題，本文基于微信小程序開發平臺設計并開發了實際現場能夠方便快捷操作的卷煙稽查現場取證信息管理系統。稽查人員可以通過前端微信小程序對現場稽查情況進行實時的拍照上傳；管理人員使用后端Web管理平臺對前端微信小程序上傳的稽查數據進行審核和導出，同時可視化組件能夠清晰直觀地對數據進行統計分析。卷煙稽查現場取證信息管理系統的主要功能模塊在實際的卷煙稽查現場進行了使用測試，系統的交互性及穩定性良好，具備較好的可用性。

參考文獻：

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

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

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

[4] 章躍庭.Vue-Element-Admin在廣播電視員工線上培訓系統中的應用[J].電視技術，2020，44（12）：1-3.

[5] 沈濤，胡旭輝.基于JSP平臺的高校學生工作管理系統的實現[J].信息與電腦（理論版），2020，32（5）：105-107.

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

[7] 藝龍網信息技術（北京）有限公司.微信小程序頁面動態化方法、系統、設備及儲存介質：中國，CN202311523881.0[P].2024-02-20.

[8] 黃文杰，殷思琴.基于MVVM模式的實驗設備開放共享管理系統設計[J].長江信息通信，2023，36（6）：117-119.

[9] 崔慶森，王爍宇，賈裕民，等.基于云開發的藏漢雙語跑步微信小程序的設計與實現[J].自動化應用，2023，64（14）：221-223.

[10] 岑俊慷，劉衛.基于微信小程序的在線答題系統的設計與實現[J].現代計算機，2023，29（10）：81-86.

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

[12] 鐘亮，彭毅.卷煙物流設備健康管理系統設計與實現[J].物流科技，2021，44（12）：58-60，65.

【通聯編輯：謝媛媛】