【目标跟踪+人流计数+人流热图(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.源码获取

这里可以获取源码

相关推荐
电科_银尘11 小时前
【深度学习项目实战·33】自定义数据集:把自己的图片接入PyTorch
人工智能·pytorch·深度学习
武子康11 小时前
单卡 A6000 跑 Qwen-Drive:怎样留下可比较的第一条基线?
linux·人工智能·深度学习
FungLeo12 小时前
成为全栈·Vue 管理后台篇·分类树与标签管理:层级数据如何落到管理界面
前端·javascript·vue.js·分类树·naive ui·标签管理·前端数据结构
乌暮13 小时前
Spring AOP 与 Spring 事务:用大白话彻底理解原理与实践
java·数据库·spring boot·后端·sql·学习·spring
ruanno_top15 小时前
选中一项后,焦点掉回了页面顶部:三个弹层的焦点还原
vue.js
小荷才露尖尖角,早有蜻蜓立上头17 小时前
SpringBoot+QQ邮箱发送邮件
spring boot
tryCbest18 小时前
Vue3——第 17 篇:模板引用(ref)与组件实例——操作 DOM 的正确姿势
vue.js·前端搭建
头发还在的女程序员19 小时前
Java在线租房系统源码解析:Spring Boot+Vue 3+UniApp房源管理与预约看房方案
java·vue.js·spring boot·租房小程序·租房系统·租房软件
FYKJ_201019 小时前
springboot同人周边订单管理系统48955-计算机毕业设计、课程设计
java·javascript·vue.js·spring boot·django·php·课程设计
在所不辞兄19 小时前
为什么在新能源汽车电驱与热管理开发中,AI驱动的数字孪生和数据驱动仿真正在部分替代对物理台架与实车标定的依赖?
人工智能·深度学习·神经网络·算法·机器学习