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

这里可以获取源码

相关推荐
m0_7482409122 分钟前
Vue.js前端框架教程12:Vue表单验证rules和form.validate
javascript·vue.js·前端框架
武昌库里写JAVA1 小时前
Golang内存管理与优化
数据结构·vue.js·spring boot·算法·课程设计
荆州克莱1 小时前
centos7 免安装mysql5.7及配置(支持多个mysql)
spring boot·spring·spring cloud·css3·技术
理想青年宁兴星1 小时前
【SpringBoot】Java中isEmpty使用不当报错空指针
java·spring boot·后端
Ven%1 小时前
llamafactory报错:双卡4090GPU,训练qwen2.5:7B、14B时报错GPU显存不足(out of memory),轻松搞定~~~
运维·服务器·人工智能·python·深度学习·机器学习·llama
reembarkation1 小时前
vue2中使用 v-html 指令渲染的标签, 标签内绑定的 click 事件
前端·vue.js·html
阿moments1 小时前
SpringBoot3-第六篇(整合NoSQL)
数据库·spring boot·nosql
shadowflies2 小时前
组件库TDesign的表格<t-table>的使用,行列合并以及嵌入插槽实现图标展示,附踩坑
前端·javascript·vue.js·vue·tdesign
我来试试2 小时前
【分享】Pytorch数据结构:Tensor(张量)及其维度和数据类型
数据结构·人工智能·pytorch
西西弗Sisyphus2 小时前
Vision Transformer (ViT) 论文的第二句话
深度学习·transformer·vit