基于YOLOv7算法的的高精度实时通用目标检测识别系统(PyTorch+Pyside6+YOLOv7)

摘要:基于YOLOv7算法的高精度实时检测识别系统可用于日常生活中检测与定位多种目标,此系统可完成对输入图片、视频、文件夹以及摄像头方式的目标检测与识别,同时本系统还支持检测结果可视化与导出。本系统采用YOLOv7目标检测算法来训练数据集,使用Pysdie6框架来搭建桌面页面系统,支持PT、ONNX等模型权重作为系统的预测模型加载。本系统实现的功能包括:模型权重的选择与初始化;检测置信度与后处理IOU阈值的调节;图像的导入、检测、检测结果的可视化与目标统计;视频的导入、检测、检测结果的可视化与目标统计;文件夹的图像批量导入、检测、检测结果的可视化与目标统计;设备摄像头的导入、检测、检测结果的可视化与目标统计;单张图像、视频、摄像的推理用时展示。本博文详细介绍系统的环境搭建过程、整体功能介绍与演示,用时也提供了完整的Python源码和使用教程,适合新入门的朋友参考同时支持二次开发,整个系统的完整代码以及资源文件请转至文末的下载链接来获取。
在这里插入图片描述

YOLOv7算法原理介绍

2022年7月YOLOv7被提出与发布,论文发表在2023的计算机视觉顶级会议CVPR上,在YOLOv3和YOLOv4的官网上均挂上了YOLOv7的链接和说明,这说明YOLOv7已得到了大佬的认可。官方版的YOLOv7相同体量下比YOLOv5精度更高,速度快120%(FPS),比 YOLOX 快180%(FPS),比 Dual-Swin-T 快1200%(FPS),比 ConvNext 快550%(FPS),比 SWIN-L快500%(FPS)。在5FPS到160FPS的范围内,无论是速度或是精度,YOLOv7都超过了目前已知的检测器,并且在GPU V100上进行测试,精度为56.8% AP的模型可达到30 FPS(batch=1)以上的检测速率,与此同时,这是目前唯一一款在如此高精度下仍能超过30FPS的检测器。
论文地址:https://arxiv.org/pdf/2207.02696.pdf
源码地址:https://github.com/WongKinYiu/yolov7
在这里插入图片描述

YOLOv7模型结构

YOLOv7模型的整体结构如下,与YOLOv5相似,整体可分为Input、Backbone、Neck、Head以及Prediction模块。
在这里插入图片描述
本节介绍YOLOv7相关模型里的新的模块:
(1)ReOrg:位于yolov7-w6.yaml文件中
这个模块其实是对输入的信息进行切片操作,与YOLOv2算法的PassThrough层以及YOLOv5(v5.0版本)的Focus操作类似,对输入图层尽可能保持原信息并进行下采样。(这部分代码具体位于models/common.py文件的48行)
(2)多路卷积模块
这部分主要还是大量复用1×1的point Conv和3×3的standard Conv,每个Conv 的输出不仅作为下一个Conv的输入,还会和所有其他的Conv输出进行Concat相连操作,类似于DenseNet里面的操作
(3)SPPCSPC模块
这是一种利用金字塔池化操作和CSP结构得到的模块,依旧包含了大量支路;总的输入会被分成三段进入不同的分支,最中间的分支其实就是金字塔池化操作,左侧分支类似于 depthwise Conv,但是请注意中间的3×3卷积并未进行分组,依旧是标准卷积,右侧则为一个point onv,最后将所有分支输出的信息流进行 concat向量(这部分代码具体位于models/common.py文件的262行)。
(4)RepConv模块
RepVGG是一种基于VGG网络设计的多分支模型,在训练过程中可以通过多分支提升性能,推理可以通过结构重新参数化转换为具有3×3卷积和ReLU的连续直筒型VGG类网络,实现推理速度的加快(这部分代码具体位于models/common.py文件的463行)。
(5)E-ELAN模块
这部分是对多路卷积模块的补充,在更大更深的模型才会用到(yolov7-e6e模型中)。在大多数关于设计高效网络的论文中,主要考虑的因素是参数量、计算量和计算密度。但从内存访存的角度出发出发,还可以分析输入 / 输出信道比、架构的分支数和元素级操作对网络推理速度的影响(shufflenet 论文提出)。在执行模型缩放时还需考虑激活函数,即更多地考虑卷积层输出张量中的元素数量。在大规模 ELAN 中,无论梯度路径长度和计算模块数量如何,都达到了稳定的状态。但如果更多计算模块被无限地堆叠,这种稳定状态可能会被破坏,参数利用率也会降低。作者进一步提出E-ELAN,采用 expand、shuffle、merge cardinality 结构,实现在不破坏原始梯度路径的情况下,提高网络的学习能力(具体在 cfg/training/yolov7-e6e.yaml可看到拆散成单独算子的结构配置)

YOLOv7损失函数

YOLOv7整体和YOLOv5保持一致,分为坐标损失、目标置信度损失(GT就是训练阶段的普通IoU)和分类损失三部分。其中目标置信度损失和分类损失采用BCEWithLogitsLoss(带log的二值交叉熵损失),坐标损失采用CIoU损失。详细参见utils/loss.py 里面的 ComputeLossOTA函数。
IoU_Loss:主要考虑检测框和目标框重叠面积。
GIoU_Loss:在IoU的基础上,解决边界框不重合时的问题。
DIoU_Loss:在IoU和GIoU的基础上,考虑边界框中心点距离的信息。
CIoU_Loss:在DIoU的基础上,考虑边界框宽高比的尺度信息。

系统环境搭建

(1)打开Anaconda Prompt(如果电脑没有anaconda软件,需下载安装)
(2)创建yolo7的conda环境(conda create -n yolo7 python=3.8),并激活yolo7环境(conda activate yolo7)
(3)进入到项目目录(本文演示目录为:E:\Pyside6_yolov7\yolov7)
(4)安装环境依赖包:pip install -r requirements.txt
(5)在环境中输入:python base_camera,py 来打开系统界面
在这里插入图片描述
在这里插入图片描述

系统界面及功能展示

在本博文中将展示设计的软件界面,整体界面设计简洁大方,提供了直观的操作体验,主要功能包括以下几个方面:

  • 模型权重的导入与初始化
  • 检测置信分与后处理IoU阈值的调节
  • 已检测目标的信息展示 检测用时的统计与展示
    图像的导入、检测、结果可视化展示及导出
    视频的导入、检测、结果可视化展示及导出
    文件夹下图像的批量导入、检测、结果可视化展示及导出
    摄像头的导入、检测、结果可视化展示及导出

软件的初始界面示例如下图展示:
在这里插入图片描述

系统演示:

基于YOLOv7算法的的高精度实时通用目标检测识别系统

模型权重选择与初始化

用户可以通过点击“模型选择”按钮来上传已训练好的模型权重,支持的权重格式包括.pt以及.onnx等。在上传了模型权重后,用户可以单击“模型初始化”按钮,实现对已选择模型权重的初始化信息配置。此外,用户还可以通过调整各种参数,如置信度阈值(Confidence)、检测后处理阈值(IoU)等,来优化检测结果的准确性与速度。在Confidence或IoU下方的输入框中改变值即可同步改变滑动条的进度,同时改变滑动条的进度值也可同步改变输入框的值;Confidence或IOU值的改变将同步到模型里的配置来改变检测置信度阈值与IOU阈值。在完成所有设置后,用户可以轻松地启动检测过程,并查看检测结果的可视化展示。在完成相应的操作后,系统的状态栏(系统右下方)也会显示对应操作的返回结果。

图像的选择、检测、展示与导出

用户可以通过点击“图像选择”按钮,轻松上传单张图片进行检测与识别。接下来,只需单击“检测”按钮(系统右下角的按钮,详见上面图例),系统便会自动完成目标检测任务。在检测过程中,系统将在“检测用时”栏显示完成检测的推理时间,并在“目标数量”栏显示已检测到的目标数量。用户还可以通过下拉框选择已检测目标,并查看相应的位置信息(即左上角x坐标xmin、左上角y坐标ymin、左下角x坐标xmax以及左下角y坐标ymax)标签值的变化。在检测完成后,系统的右方会显示输入图像的检测结果。
如果用户希望将检测结果保存的话,可以点击“图像结果导出”按钮,然后在弹出的对话框中输入保存文件名及后缀(如1.jpg),即可实现检测结果图像的保存。
当用户点击结束按钮(系统右下角的按钮,详见上面图例)时,系统将退出当前检测任务并刷新界面,清空所有输出信息。此外,用户还可以继续点击“图像选择”或“视频选择”按钮来上传图像或视频进行相应的检测与识别。总之,这个系统为用户提供了一个简单易用的界面,让用户可以快速地完成图像检测任务,并方便地查看与导出检测结果。具体的操作示例如下图所示。

视频的选择、检测、展示与导出

用户可以点击“视频选择”按钮来上传视频进行检测与识别。接下来,用户只需单击“检测”按钮(系统右下角的按钮,详见上面图例),系统便会自动完成视频目标检测任务。在检测过程中,系统将在“检测用时”栏显示单帧目标检测的推理时间,并在“目标数量”栏显示单帧检测到的目标数量,同时本系统采取进度条来直观地显示当前检测进度。用户还可以通过下拉框选择已检测目标,并查看相应的位置信息(即左上角x坐标xmin、左上角y坐标ymin、左下角x坐标xmax以及左下角y坐标ymax)标签值的变化。在检测完成后,系统的右方会显示输入视频的检测结果。
为了方便用户暂停观察视频检测结果,系统提供了“暂停”按钮(系统右下角的按钮,详见上面图例)。用户点击后系统将会暂停视频检测,此时用户可以通过下拉目标框选择已检测目标的坐标位置信息,然后再点击“继续”按钮(系统右下角的按钮,详见上面图例),即可实现输入视频的继续检测。
如果用户希望将视频检测结果保存,可以点击“视频结果导出”按钮,然后在弹出的对话框中输入保存文件名及后缀(如2.mp4),即可实现检测结果视频的保存。当用户点击“结束”按钮时(系统右下角的按钮,详见上面图例),系统将退出当前视频检测任务并刷新界面,清空所有输出信息。

文件夹的批量图像导入、检测、展示与导出

用户可以通过点击“文件夹”按钮,轻松完成批量图片的上传。接下来,只需单击“检测”按钮(系统右下角的按钮,详见上面图例),系统便会自动完成目标检测任务对所有文件夹下的图片进行检测。在检测过程中,系统在“检测用时”栏显示完成检测的推理时间,并在“目标数量”栏显示已检测到的目标数量,同时本系统采取进度条来直观地显示当前检测进度。用户还可以通过下拉框选择已检测目标,并查看相应的位置信息(即左上角x坐标xmin、左上角y坐标ymin、左下角x坐标xmax以及左下角y坐标ymax)标签值的变化。在检测完成后,系统的右方会显示输入图像的检测结果。
如果用户希望将检测结果批量保存的话,可以点击“文件夹导出”按钮,然后在弹出的对话框中选择输出文件夹,即可实现批量检测结果图像的保存。当用户点击结束按钮(系统右下角的按钮,详见上面图例)时,系统将退出当前检测任务并刷新界面,清空所有输出信息。具体的操作示例如下图所示。

摄像头的检测、展示与导出

用户可以通过点击“摄像头打开”按钮来启动摄像头设备(默认开始本机设备的第一个摄像头)。接下来,用户只需单击“检测”按钮(系统右下角的按钮,详见上面图例),系统便会自动完成摄像头目标检测任务。在检测过程中,系统将在“检测用时”栏显示消耗的时间,并在“目标数量”栏显示已检测到的目标数量。用户还可以通过下拉框选择已检测目标,并查看相应的位置信息(即左上角x坐标xmin、左上角y坐标ymin、左下角x坐标xmax以及左下角y坐标ymax)标签值的变化。
如果用户希望将摄像头检测结果保存,可以点击“摄像头导出”按钮,然后在弹出的对话框中输入保存文件名及后缀(如22.mp4),即可实现摄像头检测结果视频的保存。当用户点击“结束”按钮时(系统右下角的按钮,详见上面图例),系统将退出当前摄像头检测任务并刷新界面,清空所有输出信息。总之,这个系统为用户提供了一个简单易用的界面,让他们可以快速地完成摄像头检测任务,并方便地查看与导出检测结果。

数据集介绍

本系统使用的数据集手动标注了这一个类别,数据集总计3702张图片。该数据集中类别都有大量的旋转和不同的光照条件,有助于训练出更加鲁棒的检测模型。为了更好地评估模型的性能,本文实验的数据集包含训练集3410张图片,验证集292张图片。为了更好地展示数据集的分布,选取验证集中部分数据样本如下图所示。从图片中可以看出,数据集中的目标有着丰富的多样性,这将有助于模型学习到更加鲁棒的特征。同时为了进一步提高模型的泛化能力和鲁棒性,我们还采用了数据增强技术。数据增强包括随机旋转、缩放、裁剪和颜色变换等,可以扩充数据集,同时降低过拟合风险。通过这些操作,我们期望模型能够更好地适应不同的场景,并在实际应用中表现更优越。

关键代码解析

本系统采用PyTorch来实现目标检测算法,基于YOLOv7算法进行目标检测。在训练阶段,我们使用了预训练模型作为初始模型进行训练,然后通过多次迭代优化网络参数,以达到更好的检测性能。在训练过程中,我们采用了学习率衰减和数据增强等技术,以增强模型的泛化能力和鲁棒性。为了更好地评估模型的性能,我们在训练集和验证集上进行了大量的实验。通过调整超参数,如学习率、批量大小等,我们最终找到了一个适合本任务的参数设置。同时,为了提高模型的泛化能力,我们还采用了数据增强技术,如随机旋转、缩放、裁剪和颜色变换等,以扩充数据集,同时降低过拟合风险。
在测试阶段,我们使用了训练好的模型来对新的图片和视频进行检测。通过设置阈值,将置信度低于阈值的检测框过滤掉,最终得到检测结果。同时,我们还可以将检测结果保存为图片或视频格式,以便进行后续分析和应用。本系统基于YOLOv7算法,使用PyTorch实现。代码中用到的主要库包括PyTorch、NumPy、OpenCV、Pyside6等。本系统实现的一些关键代码如下图所示。

Pyside6界面设计

PySide6是一款免费的Python跨平台GUI库,它是Python的绑定库,用于开发跨平台GUI应用程序。PySide6是基于Qt5和PyQt5库的下一代Python跨平台GUI库,它为开发人员提供了一个强大的工具集,以构建跨平台的用户界面。PySide6的主要目标是提高性能,简化开发人员的工作,并提供更好的用户体验。PySide6的主要特点包括:

  • 跨平台支持:PySide6支持Windows、MacOS和Linux等多个平台,可以轻松地开发跨平台的GUI应用程序。
  • 高性能:PySide6采用了Qt5和PyQt5库的最新技术,为开发人员提供了更高的性能。
  • 简单易用:PySide6提供了丰富的API和工具,使开发人员能够快速地开发GUI应用程序,而无需过多的编码。
  • 可扩展性:PySide6支持多种GUI组件和控件,可以轻松地扩展和定制应用程序的用户界面。
  • 社区支持:PySide6有一个活跃的社区,提供了丰富的文档和示例代码,帮助开发人员快速上手。

总的来说,PySide6是一款强大的Python跨平台GUI库,它为开发人员提供了一个简单易用的工具集,以构建跨平台的用户界面。PySide6的性能、可扩展性和社区支持使其成为一款非常适合开发人员使用的库。

实验结果与分析

本博文YOLOv7模型表现良好,具有较高的检测精度和鲁棒性,可以在实际场景中应用。另外本博主对整个系统进行了详细测试,最终开发出一版流畅的高精度目标检测系统界面,就是本博文演示部分的展示,完整的UI界面、测试图片视频、代码文件等均已打包上传,感兴趣的朋友可以关注我私信获取下载链接。另外本博文的PDF与更多的目标检测识别系统请关注笔者的微信公众号 BestSongC (目前已发布基于YOLOv5算法和YOLOv8算法开发的系统界面,以及目标检测算法改进系列)来获取。需要的朋友关注私信获取链接。

其他基于深度学习的目标检测系统如西红柿、猫狗、山羊、野生目标、烟头、二维码、头盔、交警、野生动物、野外烟雾、人体摔倒识别、红外行人、家禽猪、苹果、推土机、蜜蜂、打电话、鸽子、足球、奶牛、人脸口罩、安全背心、烟雾检测系统等有需要的朋友关注我,从博主其他视频中获取下载链接。

完整项目目录如下所示:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/214178.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Python继承的设计及演化

Python中的继承 文章目录 Python中的继承概念明确MRO深度优先算法(Python2.2之前及Python2.2的经典类中使用)优化版的深度优先算法(只在Python2.2版本的新式类中使用)广度优先算法(Python任何版本都从未使用过&#xf…

Difference between getc(), getchar(), and gets()

getc(): 从输入中只能读单个字符 getchar()&#xff1a;从标准输入流中输入都单个字符。 两者基本等同&#xff0c;唯一不一样的是getc()是任何输入流&#xff0c;而getchar()是标准输入流。 gets:可以读入含有空格的字符串 // Example for getc() in C #include <stdio.h…

【数电笔记】06-码制

目录 说明&#xff1a; 二进制代码 1. 二 - 十进制码 2. 常用二 - 十进制代码表 2.1 例题 可靠性代码 1. 格雷码 2. 奇偶校验码 3. 8421奇偶校验码表 说明&#xff1a; 笔记配套视频来源&#xff1a;B站&#xff1b;本系列笔记并未记录所有章节&#xff0c;只对个人认…

W2311294-万宾科技可燃气体监测仪怎么进行数据监测

万宾科技可燃气体监测仪怎么进行数据监测 燃气是现代城市之中重要的能源&#xff0c;它已经渗透到城市生活的方方面面&#xff0c;对燃气管网的管理也在考验着政府人员的工作能力。燃气管网的安全运行和城市的安全和人民的生活直接挂钩。为了及时掌握燃气管网的运行状态&#x…

UCore-OS实验Lab0

实验内容&#xff1a;搭建ucore-os的实验环境 实验准备内容&#xff1a;vmware虚拟机&#xff0c;ubuntu22.04镜像&#xff0c;qemu7.0.0源码 ucore代码地址 GitHub - chyyuu/os_kernel_lab at x86-32 实验步骤&#xff1a; 在vmware中安装ubuntu&#xff0c;因为我个人喜欢…

智能优化算法应用:基于蝠鲼觅食算法无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于蝠鲼觅食算法无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于蝠鲼觅食算法无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.蝠鲼觅食算法4.实验参数设定5.算法结果6.参考…

Linux系统中进程间通信(Inter-Process Communication, IPC)

文章目录 进程间通信介绍进程间通信目的进程间通信发展 管道什么是管道 匿名管道用fork来共享管道原理站在文件描述符角度-深度理解管道站在内核角度-管道本质管道读写规则管道特点 命名管道创建一个命名管道匿名管道与命名管道的区别命名管道的打开规则 命名管道的删除用命名管…

Python标准库:math模块【侯小啾python领航班系列(十六)】

Python标准库:math模块【侯小啾python领航班系列(十六)】 大家好,我是博主侯小啾, 🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔…

ebpf简述

0 什么是ebpf&#xff1f; Ebpf可以简单的理解成在linux内核&#xff08;当然windows也已经支持&#xff09;里添加了一个虚拟机&#xff0c;开发者编写的代码可以安全地在内核虚拟机中运行&#xff0c;这样可以更高效地、安全地实现内核级程序的编写&#xff0c;ebpf 的map机…

什么是负载均衡?

什么是负载均衡&#xff1f; 最近有小伙伴想让我聊一聊负载均衡方面的问题&#xff0c;我说&#xff0c;网上有这么多资料了&#xff0c;怎么还需要我来分享&#xff0c;他说网上的很多资料不系统&#xff0c;难理解。 关于负载均衡&#xff0c;我会从四个方面去说。 负载均衡…

Java+springboot+avue医院绩效考核系统源码支持二次开发

公立医院改革要求建立公立医疗卫生机构绩效考核体系&#xff0c;借助绩效考核来引导各级公立医院把社会效益摆在首位&#xff0c;提高医疗服务质量&#xff0c;规范医疗服务行为&#xff0c;加强医院内部管理&#xff0c;促进医院高质量发展 医院绩效考核系统&#xff0c;建立以…

【异常】捕获线程池执行任务时产生的异常

前言&#xff1a; 在编写程序时&#xff0c;我们为了充分利用多核CPU、加快接口响应速度&#xff0c;通常会使用线程池来处理请求&#xff0c;但线程池执行任务过程中难免会出现异常&#xff0c;导致请求失败。那如果我们想在任务发生异常后捕获异常&#xff0c;并做一些”善后…

Go连接mysql数据库

package main import ("database/sql""fmt"_ "github.com/go-sql-driver/mysql" ) //go连接数据库示例 func main() {// 数据库信息dsn : "root:roottcp(192.168.169.11:3306)/sql_test"//连接数据库 数据库类型mysql,以及数据库信息d…

Selenium自动化测试:通过cookie绕过验证码的操作

验证码的处理 对于web应用&#xff0c;很多地方比如登录、发帖都需要输入验证码&#xff0c;类型也多种多样&#xff1b;登录/核心操作过程中&#xff0c;系统会产生随机的验证码图片&#xff0c;进行验证才能进行后续操作 ​解决验证码的方法如下&#xff1a; 1、开发做个万…

机器学习---pySpark代码开发

1、eclipse开发pySpark程序 在eclipse中开发pySpark程序&#xff0c;需要安装pydev插件。 1).eclipse安装python插件,安装完成后重启。 2). 在window--->preferences中找到python interpreter配置安装python的路径&#xff1a; 3).新建python项目&#xff1a; 2、pyCharm开…

基于Java SSM框架+Vue实现旅游资源网站项目【项目源码+论文说明】计算机毕业设计

基于java的SSM框架Vue实现旅游资源网站演示 摘要 本论文主要论述了如何使用JAVA语言开发一个旅游资源网站 &#xff0c;本系统将严格按照软件开发流程进行各个阶段的工作&#xff0c;采用B/S架构&#xff0c;面向对象编程思想进行项目开发。在引言中&#xff0c;作者将论述旅游…

kgma转换flac格式、酷狗下载转换车载模式能听。

帮朋友下载几首歌到U盘里、发现kgma格式不能识别出来&#xff0c;这是酷狗加密过的格式&#xff0c;汽车不识别&#xff0c;需要转换成mp3或者flac格式&#xff0c;网上的一些辣鸡软件各种收费、限制、广告&#xff0c;后来发现一个宝藏网站&#xff0c;可以在线免费转换成flac…

前端组件库开发

通常我们会使用很多组件库&#xff0c;有时候我们会去看源码比如element&#xff0c;antd&#xff0c;然后发现多少是按需导出&#xff0c;和vue.use全局注册&#xff0c;依赖于框架的拓展。 组件库的开发依赖框架的版本和node的版本&#xff0c;这个是需要说明的&#xff0c;然…

充电桩新老国标兼容性分析

1、背景介绍 1.1、充电桩相关标准发展历程 1.2、兼容性分析历史 1.3、兼容性分析的目的 1.4、兼容性分析的内容 2、B类协议兼容性分析 2.1、协议分层结构 2.2、链路层分析 2.3、版本协商与链路检测 ## 2.4、传输层分析 2.5、应用层 2.5.1、应用层数据 2.5.2、应用层数据…

Javaweb之Vue组件库Element案例异步数据加载的详细解析

4.4.3.6 异步数据加载 4.4.3.6.1 异步加载数据 对于案例&#xff0c;我们只差最后的数据了&#xff0c;而数据的mock地址已经提供&#xff1a;http://yapi.smart-xwork.cn/mock/169327/emp/list 我们最后要做的就是异步加载数据&#xff0c;所以我们需要使用axios发送ajax请…
最新文章