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

这里可以获取源码

相关推荐
a濯7 小时前
element plus el-table多选框跨页多选保留
javascript·vue.js
小林学习编程8 小时前
SpringBoot校园失物招领信息平台
java·spring boot·后端
愿你天黑有灯下雨有伞8 小时前
Spring Boot整合Kafka实战指南:从环境搭建到消息处理全解析
spring boot·kafka·linq
灬0灬灬0灬8 小时前
深度学习---常用优化器
人工智能·深度学习
_Itachi__8 小时前
Model.eval() 与 torch.no_grad() PyTorch 中的区别与应用
人工智能·pytorch·python
Clf丶忆笙9 小时前
SpringBoot异步处理@Async深度解析:从基础到高阶实战
spring boot
九月TTS9 小时前
开源分享:TTS-Web-Vue系列:Vue3实现固定顶部与吸顶模式组件
前端·vue.js·开源
llc的足迹9 小时前
el-menu 折叠后小箭头不会消失
前端·javascript·vue.js
BioRunYiXue10 小时前
一文了解氨基酸的分类、代谢和应用
人工智能·深度学习·算法·机器学习·分类·数据挖掘·代谢组学
九月TTS10 小时前
TTS-Web-Vue系列:移动端侧边栏与响应式布局深度优化
前端·javascript·vue.js