python-flask-vue实现前后端人体与车辆属性检测

今天来实现一套前后端分离的人体（车辆）属性检测系统。其中后端主要是用python（flask）来实现主要算法以及数据存储等），前端用vue实现，主要实现数据上传与数据展示功能

一 、主要算法实现

① 目标检测算法

该演示平台主要是检测视频与图像中的人，车信息。

采用yolov5算法来实现目标检测。具体流程可以参照如下文章，这里就不做详细讲解啦

https://blog.youkuaiyun.com/reset2021/article/details/124408740?spm=1001.2014.3001.5502

主要注意事项，就是标注数据是需要考虑检测的目标对象（车，人），并且是要检测人体

② 人体属性识别

对上述检测出来的人体进行属性识别，设计实现了一个多标签的分类问题，具体实现过程将在另外博客中单讲。

结果如下（这里主要展示的是年龄，性别，帽子状态（是否戴帽子），头发长度四个属性）

③ 对上述检测出来的车辆进行属性识别，设计实现了一个多标签的分类问题，具体实现过程将在另外博客中单讲。

结果如下（这里主要展示的是颜色，朝向以及类别三个属性）

二 、前后端部署

① 前端部署

前端主要实现视频，图像的上传，以及视频，图像检测后的结果展示，并且对相应数据进行统计，最终展示对应的检测图片的相关属性内容

主体代码实现如下所示：

<template>
  <div id="Content">
    <div class="inputWrap">
      <el-radio-group v-model="radio">
        <el-radio-button label="视频检测"></el-radio-button>
        <el-radio-button label="图片检测"></el-radio-button>
      </el-radio-group>
      <el-upload
        class="uploadBtn"
        accept="video/mp4"
        action="http://127.0.0.1:5003/v