面向食用菌等生产车间的排班、现场打卡、工序记录与工时统计场景，采用 Spring Boot 后端 + Vue3 后台管理端 + UniApp 小程序端协同实现，覆盖员工账号、岗位团队、工序点位、排班计划、签到签退、异常记录与工时统计的完整闭环。

一、技术栈

端	技术与工具
小程序端	UniApp、Vue、Pinia、uni-ui；扫码、定位、相机拍照、人脸验证入口
后台管理端	Vue3、Vite、Element Plus、Pinia、Vue Router、Axios、ECharts、QRCode
后端服务	Java 17、Spring Boot 3.3.1、MyBatis-Plus、JWT、Apache POI、百度 AI 人脸识别 SDK、百度语音合成 / 识别接口
数据库	MySQL（库名 mushroom_factory_attendance，默认接口端口 7292）

二、系统亮点

人脸识别考勤：小程序端提供人脸拍照上传与识别入口，后台维护员工人脸审核记录，后端接入百度人脸识别 SDK 做签到 / 签退身份校验。

动态二维码点位打卡：后台为工序工作点位生成 1 分钟有效期动态二维码，小程序端结合扫码、点位经纬度与考勤范围约束现场打卡。

腾讯地图 API：排班详情展示地图点位与距离提示，签到受点位经纬度与打卡范围约束。

工序 / 团队排班：月历、团队、工序多维度排班；工序维护标准工时、计件单价、计时单价。

计件 / 计时工时核算：排班可配置目标产量、计件单价或计时单价；工时记录保留实际时长、加班时长、实际数量与金额核算依据。

语音播报 + 后端语音识别接口：小程序签到与人脸识别页调用文本转语音播放提示；后端实现 speechToText 语音识别接口并保存识别记录。

ECharts 图形化分析：控制面板与工时统计页展示每日考勤趋势、员工工时排行、团队对比、异常 / 加班统计与职位分布。

三、小程序端功能展示

图1 · 小程序登录 / 我的排班

图2 · 排班详情 / 签到签退

图3 · 人脸验证 / 我的工时

四、后台管理端功能展示

图4 · 控制面板（ECharts）

图5 · 员工人脸审核

图6 · 工序管理

图7 · 团队排班

图8 · 动态点位二维码

图9 · 工时记录

图10 · 工时统计分析（ECharts）

五、运行说明

1. 数据库：创建 MySQL 库 mushroom_factory_attendance，导入 SQL 脚本。
2. 后端：JDK 17 + Spring Boot 3.3.1，配置百度人脸识别 / 语音接口密钥与数据库连接，默认端口 7292。
3. 后台：Vue3 + Vite，npm install 后 npm run dev。
4. 小程序：UniApp 工程，HBuilderX / 微信开发者工具运行，配置服务器地址后体验登录、排班、签到、人脸验证等。

---

文档展示 10 张截图，如需了解更多，请联系我。