【目标跟踪+人流计数+人流热图(Web界面)】基于YOLOV11+Vue+SpringBoot+Flask+MySQL

前言

本系统是基于YOLOv11+SpringBoot+Vue+Flask+MySQL的人流计数、人流热图系统(包含YOLO全系列)

系统可以上传视频选择yolo模型进行人流计数。还支持自主划定检测区域,行人轨迹追踪、查看计数结果等功能。
可支持人流计数、人流热图以及人流热图+计数三种方式。

技术栈使用YOLOV11(包含YOLOV1-YOLOV11)、SpringBoot、MyBatis-Plus、Vue3、Ts、element-plus、Flask、Axios、MySQL 等技术。

系统还支持分用户管理。分为管理员和普通用户,管理员可查看所有记录,并管理用户。普通用户只可查看自己的记录。
界面简洁、美观。支持主题色修改、布局样式修改、组件大小修改等。
系统演示视频

1.界面功能介绍

1.登陆注册

系统使用MySQL作为数据库实现登陆注册功能。如下:

2.人流计数

登陆成功后来到系统首页,可以进行人流计数。

这里可以选择模型、自定义检测区域以及上传检测视频。

选择完成后即可开始人流计数。

检测时会实时显示检测后的结果。

完成检测后会提示处理完成,并显示保存进度。

3.人流热图

这里可以绘制人流热图以及人流热图加人流计数。

首先选择是否计数,若选择不计数,则只进行人流热图显示。

选择好模型并上传视频即可开始。


若选择添加计数,则只进行人流热图+人流计数。

此时会多出一个选择高度的选择框,选择好模型、高度并上传视频后即可开始。

4.人流记录

系统会保存用户计数的结果,包括使用模型、划线高度、用户、原视频、处理结果视频、进入人数、离开人数、识别时间等信息。

同时点击右侧的查看可以查看更多详细信息。

可以播放、暂停、拖动。

同时支持模糊查询、分页查询等功能。

5.热图记录

系统会保存用户计数的结果,包括使用模型、划线高度、用户、原视频、处理结果视频、进入人数、离开人数、识别时间等信息。若只为热图显示则划线高度、进入人数、离开人数均为无。

同样可点击右侧的查看可以查看更多详细信息。

可以播放、暂停、拖动。



同时支持模糊查询、分页查询等功能。

6.用户管理

管理员可对用户信息进行管理,包括对用户的增删改查

7.个人中心

用户在个人中心可对自己的信息进行修改

6.主题风格修改

系统可以自定义直接修改主题,包括系统整体颜色、组件大小。

支持深色模式、色弱模式、灰色模式等。


还可以自定义样式布局。


2.源码获取

这里可以获取源码

相关推荐
gc_22996 小时前
Vue框架学习(1:环境搭建)
vue.js
小程故事多_807 小时前
从 Tokenizer 到 Next Token,穿透数据流,完整理解 Transformer 底层逻辑
android·深度学习·transformer
我是人✓7 小时前
SpringBoot项目的五种创建方式
java·spring boot·后端
Rocky Ding*8 小时前
FLUX 3 Image Klein 技术解析:5.6B 生成器、Flow Map 蒸馏与 ComfyUI 可控编辑
论文阅读·人工智能·深度学习·机器学习·aigc·flux·ai-native
a puppy slide 葱9 小时前
ENAS | 基于参数共享的高效神经网络架构搜索
论文阅读·人工智能·深度学习·神经网络·机器学习·计算机视觉·神经网络架构搜索
科创致远9 小时前
中小企业智能体(AI Agent)怎么选?2026年企业级Agent选型指南
大数据·人工智能·深度学习
古法老登瞎折腾10 小时前
大数据智能运维实战(一):机器和任务数据都有了,如何用 MCP 搭建运维助手?
大数据·运维·spring boot·spring ai·mcp
企业数字化笔记11 小时前
多租户配额怎么控制?用量口径、并发预留与超额处理的实现方法
java·数据库·spring boot
承渊政道11 小时前
【从零开始大模型开发与微调:基于PyTorch与ChatGLM】(从ChatGLM本地化到LoRA、PEFT的高级微调)
android·人工智能·pytorch·chatglm·本地化部署·大模型开发与微调
我的div丢了肿么办11 小时前
element-plus表格使用:filter-method过滤导致出现无数据
前端·javascript·vue.js