基于微信小程序的卷烟稽查现场取证信息管理系统设计

摘要：为了稽查人员高效开展卷烟稽查工作，维护良好的卷烟经营环境，设计开发了基于微信小程序的卷烟稽查现场取证信息管理系统。研究了卷烟稽查的现状，分析了卷烟稽查现场取证的用户需求，设计了系统的功能框架。系统前端页面遵循微信开发标准采用 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.

【通联编辑：谢媛媛】