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

这里可以获取源码

相关推荐
昵称为空C10 小时前
SpringBoot3 http接口调用新方式RestClient + @HttpExchange像使用Feign一样调用
spring boot·后端
Gracemark11 小时前
高德地图-地图选择经纬度问题【使用输入提示-使用Autocomplete进行联想输入】(复盘)
vue.js
天下无贼12 小时前
【手写组件】 Vue3 + Uniapp 手写一个高颜值日历组件(含跨月补全+今日高亮+选中状态)
前端·vue.js
洋葱头_13 小时前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
奔跑的蜗牛ing13 小时前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
最后一个农民工16 小时前
vue3实现仿豆包模版式智能输入框
前端·vue.js
艾小码19 小时前
Vue组件到底怎么定义?全局注册和局部注册,我踩过的坑你别再踩了!
前端·javascript·vue.js
麦兜*19 小时前
MongoDB Atlas 云数据库实战:从零搭建全球多节点集群
java·数据库·spring boot·mongodb·spring·spring cloud
隐语SecretFlow19 小时前
国人自研开源隐私计算框架SecretFlow,深度拆解框架及使用【开发者必看】
深度学习
麦兜*19 小时前
MongoDB 在物联网(IoT)中的应用:海量时序数据处理方案
java·数据库·spring boot·物联网·mongodb·spring