摘要本文设计并实现了一个基于深度学习的高效条形码检测与分析系统。系统采用前后端分离架构后端基于SpringBoot框架前端提供现代化的Web交互界面并利用MySQL数据库进行数据持久化管理。在核心检测算法上系统创新性地集成并对比了当前最先进的YOLO系列目标检测模型包括YOLOv8、YOLOv10、YOLOv11和YOLOv12并针对条形码检测场景构建了专用数据集。系统功能全面不仅支持图像、视频及摄像头实时流中条形码区域的精准定位与检测还深度融合了DeepSeek大型语言模型、场景理解及潜在应用建议。此外系统包含完整的用户权限管理、检测记录追溯、多维度数据可视化及管理员后台等模块。实验结果表明该系统能够在复杂背景下高效、准确地定位条形码区域为零售仓储、物流分拣、资产管理、智慧图书馆等应用场景提供了一个功能强大、可扩展的智能条形码处理平台。关键词条形码检测目标检测YOLOSpringBootDeepSeek智能仓储Web系统目录摘要详细功能展示视频一、引言1.1 研究背景与意义1.2 国内外研究现状1.3 本文主要工作与贡献概述二、 系统核心特性概述功能模块登录注册模块可视化模块图像检测模块视频检测模块实时检测模块图片识别记录管理视频识别记录管理摄像头识别记录管理用户管理模块数据管理模块MySQL表设计模型训练结果YOLO概述YOLOv8YOLOv10YOLOv11YOLOv12主要改进前端代码展示后端代码展示详细功能展示视频详细功能展示视频条形码检测系统YOLOv8/YOLOv10/YOLOv11/YOLOv12深度学习web界面计算机视觉DeepSeek智能分析 前后端分离_哔哩哔哩_bilibili条形码检测系统YOLOv8/YOLOv10/YOLOv11/YOLOv12深度学习web界面计算机视觉DeepSeek智能分析 前后端分离_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV13d6KB6ErX/?spm_id_from333.999.0.0vd_source549d0b4e2b8999929a61a037fcce3b0fhttps://www.bilibili.com/video/BV13d6KB6ErX/一、引言1.1 研究背景与意义在物联网和数字化快速发展的时代条形码作为商品和信息的主要标识载体广泛应用于零售、物流、医疗、资产管理等各个领域。高效的条形码识别技术是自动化生产线、智能仓储系统、智慧零售门店和资产管理系统的核心技术基础。传统的条形码识别方法主要依赖于专用扫描设备或基于传统图像处理的定位算法前者需要近距离对准扫描后者在复杂背景、光照不均、透视变形或部分遮挡等情况下鲁棒性较差。近年来基于深度学习的目标检测技术特别是以YOLO为代表的一阶段检测算法为复杂场景下的通用条形码检测提供了新的解决方案。通过学习条形码的视觉纹理特征和几何结构深度学习模型能够实现更稳健的定位并为后续的解码或业务流程提供精确的感兴趣区域。然而将先进的检测算法应用于实际条形码检测场景仍面临几个关键挑战需要构建覆盖不同角度、光照、分辨率和背景的条形码检测数据集需要将算法模型封装为稳定易用的服务需要提供对检测结果的进一步智能化分析和应用价值挖掘。因此开发一个集成了最新YOLO模型、具备智能分析能力和完善业务功能的条形码检测系统对于提升各行业自动化水平和数据采集效率具有重要的现实意义和广泛的应用前景。1.2 国内外研究现状传统条形码识别技术已发展成熟的Zxing、ZBar等开源库主要基于二值化、条空边界检测等传统图像处理方法对图像质量要求高。深度学习在条形码检测中的应用近年来研究者开始采用Faster R-CNN、SSD、YOLO等通用目标检测框架来解决复杂场景下的条形码定位问题证明了深度学习方法在鲁棒性上的优势。也有研究专门设计轻量化网络以适应移动端或嵌入式部署。YOLO系列算法发展YOLOv8在精度与速度上取得了良好平衡YOLOv10提出无NMS设计以提升效率后续版本持续优化网络架构和训练策略。将其作为条形码检测的基础骨干网络并进行针对性微调是当前的一个有效技术路径。AI系统集成与智能化趋势将检测、解码、信息查询甚至大语言模型分析集成到一个完整系统中构建“检测-解码-理解”一体化的智能处理流程是提升系统实用价值的关键。1.3 本文主要工作与贡献本文的核心工作是设计并实现一个“基于YOLOv8/v10/v11/v12与SpringBoot的条形码检测系统”。具体贡献如下构建了面向复杂场景的条形码检测数据集针对“条形码”这一特定目标收集并标注了包含不同角度、尺度、光照条件和复杂背景的图像虽然当前数据量训练集301张验证集28张仍有扩展空间但为模型的基础训练与验证提供了起点并强调了数据增强策略的重要性。创建了多模型条形码检测性能对比平台系统级集成了YOLOv8至YOLOv12多个版本的先进检测模型为用户提供了一个统一的框架来评估和比较不同模型在条形码定位任务上的速度、精度和鲁棒性为工业选型提供参考。开发了功能完备的Web应用系统采用SpringBoot后端与现代化前端技术栈实现了用户管理、多模态条形码检测静态图/视频流/实时摄像、完整的识别记录管理、以及多维度的数据可视化看板。实现了DeepSeek驱动的智能条形码场景分析突破传统系统仅输出检测框的局限通过集成DeepSeek大语言模型对包含条形码的图像进行深度语义理解。例如分析条形码所处的产品包装环境、推断可能的商品类别、或结合通用知识提供与该类条形码相关的应用场景描述显著增强了系统的智能化交互体验。建立了可追溯的检测数据管理体系所有检测请求、模型输出、智能分析结论及用户操作均被结构化存储于MySQL数据库中形成了可查询、可审计的数据资产为优化检测模型、分析业务热点提供了数据支持。概述本项目是一个专注于条形码目标检测与智能分析的、集成了前沿深度学习技术与现代化Web开发架构的综合性应用平台。核心目标实现对复杂图像、视频流及实时摄像头画面中条形码区域的快速、精准定位并通过功能丰富的Web平台为用户提供便捷的检测服务、深入的场景分析和高效的数据管理为后续的解码和业务处理提供高质量的输入区域。系统亮点技术前沿与实用结合内置基于专用数据集训练的YOLOv8, v10, v11, v12四种高性能检测模型架构清晰与扩展性强后端服务基于SpringBoot构建微服务提供稳定、高效的API接口采用MyBatis-Plus管理MySQL中的用户数据和检测记录。前端交互采用Vue.js框架构建简洁直观的操作界面智能内核创新性集成DeepSeek API为检测到的条形码图像提供上下文分析功能全面与业务导向用户与权限完整的用户体系、个人中心、管理员后台用户管理。核心检测支持上传图片、分析视频文件、调用摄像头进行实时流检测精准定位条形码区域结果自动保存。记录管理对所有检测历史进行图片、视频、实时流分类归档支持按时间、结果置信度等条件查询和详情查看。二、 系统核心特性概述功能模块✅ 用户登录注册支持密码检测保存到MySQL数据库。✅ 支持四种YOLO模型切换YOLOv8、YOLOv10、YOLOv11、YOLOv12。✅ 信息可视化数据可视化。✅ 图片检测支持AI分析功能deepseek✅ 支持图像检测、视频检测和摄像头实时检测检测结果保存到MySQL数据库。✅ 图片识别记录管理、视频识别记录管理和摄像头识别记录管理。✅ 用户管理模块管理员可以对用户进行增删改查。✅ 个人中心可以修改自己的信息密码姓名头像等等。登录注册模块可视化模块图像检测模块YOLO模型集成(v8/v10/v11/v12)DeepSeek多模态分析支持格式JPG/PNG/MP4/RTSP视频检测模块实时检测模块图片识别记录管理视频识别记录管理摄像头识别记录管理用户管理模块数据管理模块MySQL表设计users- 用户信息表imgrecords- 图片检测记录表videorecords- 视频检测记录表camerarecords- 摄像头检测记录表模型训练结果#coding:utf-8 #根据实际情况更换模型 # yolon.yaml (nano)轻量化模型适合嵌入式设备速度快但精度略低。 # yolos.yaml (small)小模型适合实时任务。 # yolom.yaml (medium)中等大小模型兼顾速度和精度。 # yolob.yaml (base)基本版模型适合大部分应用场景。 # yolol.yaml (large)大型模型适合对精度要求高的任务。 from ultralytics import YOLO model_path pt/yolo12s.pt data_path data.yaml if __name__ __main__: model YOLO(model_path) results model.train(datadata_path, epochs500, batch64, device0, workers0, projectruns, nameexp, )YOLO概述YOLOv8YOLOv8 由 Ultralytics 于 2023 年 1 月 10 日发布在准确性和速度方面提供了尖端性能。基于先前 YOLO 版本的进步YOLOv8 引入了新功能和优化使其成为各种应用中目标检测任务的理想选择。YOLOv8 的主要特性高级骨干和颈部架构YOLOv8 采用最先进的骨干和颈部架构从而改进了特征提取和目标检测性能。无锚点分离式 Ultralytics HeadYOLOv8 采用无锚点分离式 Ultralytics head与基于锚点的方法相比这有助于提高准确性并提高检测效率。优化的准确性-速度权衡YOLOv8 专注于在准确性和速度之间保持最佳平衡适用于各种应用领域中的实时对象检测任务。丰富的预训练模型:YOLOv8提供了一系列预训练模型以满足各种任务和性能要求使您更容易为特定用例找到合适的模型。YOLOv10YOLOv10 由 清华大学研究人员基于 Ultralytics Python构建引入了一种新的实时目标检测方法解决了先前 YOLO 版本中存在的后处理和模型架构缺陷。通过消除非极大值抑制 (NMS) 并优化各种模型组件YOLOv10 以显著降低的计算开销实现了最先进的性能。大量实验表明它在多个模型尺度上都具有卓越的精度-延迟权衡。概述实时目标检测旨在以低延迟准确预测图像中的对象类别和位置。YOLO 系列因其在性能和效率之间的平衡而一直处于这项研究的前沿。然而对 NMS 的依赖和架构效率低下阻碍了最佳性能。YOLOv10 通过引入用于无 NMS 训练的一致双重分配和整体效率-准确性驱动的模型设计策略来解决这些问题。架构YOLOv10 的架构建立在之前 YOLO 模型优势的基础上同时引入了几项关键创新。该模型架构由以下组件组成骨干网络负责特征提取YOLOv10 中的骨干网络使用增强版的 CSPNet (Cross Stage Partial Network)以改善梯度流并减少计算冗余。NeckNeck 的设计目的是聚合来自不同尺度的特征并将它们传递到 Head。它包括 PAN路径聚合网络层用于有效的多尺度特征融合。One-to-Many Head在训练期间为每个对象生成多个预测以提供丰富的监督信号并提高学习准确性。一对一头部在推理时为每个对象生成一个最佳预测以消除对NMS的需求从而降低延迟并提高效率。主要功能免NMS训练利用一致的双重分配来消除对NMS的需求从而降低推理延迟。整体模型设计从效率和准确性的角度对各种组件进行全面优化包括轻量级分类 Head、空间通道解耦下采样和秩引导块设计。增强的模型功能: 结合了大内核卷积和部分自注意力模块以提高性能而无需显着的计算成本。YOLOv11YOLO11 是 Ultralytics YOLO 系列实时目标检测器的最新迭代版本它以前沿的精度、速度和效率重新定义了可能性。YOLO11 在之前 YOLO 版本的显著进步基础上在架构和训练方法上进行了重大改进使其成为各种计算机视觉任务的多功能选择。主要功能增强的特征提取:YOLO11 采用改进的 backbone 和 neck 架构从而增强了特征提取能力以实现更精确的目标检测和复杂的任务性能。优化效率和速度YOLO11 引入了改进的架构设计和优化的训练流程从而提供更快的处理速度并在精度和性能之间保持最佳平衡。更高精度更少参数随着模型设计的进步YOLO11m 在 COCO 数据集上实现了更高的 平均精度均值(mAP)同时比 YOLOv8m 少用 22% 的参数在不牺牲精度的情况下提高了计算效率。跨环境的适应性YOLO11 可以无缝部署在各种环境中包括边缘设备、云平台和支持 NVIDIA GPU 的系统从而确保最大的灵活性。广泛支持的任务范围无论是目标检测、实例分割、图像分类、姿势估计还是旋转框检测 (OBB)YOLO11 都旨在满足各种计算机视觉挑战。Ultralytics YOLO11 在其前代产品的基础上进行了多项重大改进。主要改进包括增强的特征提取YOLO11 采用了改进的骨干网络和颈部架构增强了特征提取能力从而实现更精确的目标检测。优化的效率和速度改进的架构设计和优化的训练流程提供了更快的处理速度同时保持了准确性和性能之间的平衡。更高精度更少参数YOLO11m 在 COCO 数据集上实现了更高的平均 精度均值 (mAP)同时比 YOLOv8m 少用 22% 的参数在不牺牲精度的情况下提高了计算效率。跨环境的适应性YOLO11 可以部署在各种环境中包括边缘设备、云平台和支持 NVIDIA GPU 的系统。广泛支持的任务范围YOLO11 支持各种计算机视觉任务例如目标检测、实例分割、图像分类、姿势估计和旋转框检测 (OBB)。YOLOv12YOLO12引入了一种以注意力为中心的架构它不同于之前YOLO模型中使用的传统基于CNN的方法但仍保持了许多应用所需的实时推理速度。该模型通过在注意力机制和整体网络架构方面的新颖方法创新实现了最先进的目标检测精度同时保持了实时性能。尽管有这些优势YOLO12仍然是一个社区驱动的版本由于其沉重的注意力模块可能表现出训练不稳定、内存消耗增加和CPU吞吐量较慢的问题因此Ultralytics仍然建议将YOLO11用于大多数生产工作负载。主要功能区域注意力机制: 一种新的自注意力方法可以有效地处理大型感受野。它将 特征图 分成l个大小相等的区域默认为 4 个水平或垂直避免复杂的运算并保持较大的有效感受野。与标准自注意力相比这大大降低了计算成本。残差高效层聚合网络R-ELAN一种基于 ELAN 的改进的特征聚合模块旨在解决优化挑战尤其是在更大规模的以注意力为中心的模型中。R-ELAN 引入具有缩放的块级残差连接类似于层缩放。一种重新设计的特征聚合方法创建了一个类似瓶颈的结构。优化的注意力机制架构YOLO12 精简了标准注意力机制以提高效率并与 YOLO 框架兼容。这包括使用 FlashAttention 来最大限度地减少内存访问开销。移除位置编码以获得更简洁、更快速的模型。调整 MLP 比率从典型的 4 调整到 1.2 或 2以更好地平衡注意力和前馈层之间的计算。减少堆叠块的深度以改进优化。利用卷积运算在适当的情况下以提高其计算效率。在注意力机制中添加一个7x7可分离卷积“位置感知器”以隐式地编码位置信息。全面的任务支持: YOLO12 支持一系列核心计算机视觉任务目标检测、实例分割、图像分类、姿势估计和旋转框检测 (OBB)。增强的效率: 与许多先前的模型相比以更少的参数实现了更高的准确率从而证明了速度和准确率之间更好的平衡。灵活部署: 专为跨各种平台部署而设计从边缘设备到云基础设施。主要改进增强的 特征提取:区域注意力: 有效处理大型感受野降低计算成本。优化平衡改进了注意力和前馈网络计算之间的平衡。R-ELAN使用 R-ELAN 架构增强特征聚合。优化创新残差连接引入具有缩放的残差连接以稳定训练尤其是在较大的模型中。改进的特征集成在 R-ELAN 中实现了一种改进的特征集成方法。FlashAttention: 整合 FlashAttention 以减少内存访问开销。架构效率:减少参数与之前的许多模型相比在保持或提高准确性的同时实现了更低的参数计数。简化的注意力机制使用简化的注意力实现避免了位置编码。优化的 MLP 比率调整 MLP 比率以更有效地分配计算资源。前端代码展示前端登录界面一小部分代码template div classlogin-container !-- YOLO检测网格背景 -- div classyolo-background !-- 检测网格 -- div classdetection-grid div classgrid-line v-forn in 16 :keygrid-${n} :stylegetGridLineStyle(n)/div /div !-- 条形码扫描线 -- div classbarcode-scan div classscan-line v-forn in 5 :keyscan-${n} :stylegetScanLineStyle(n)/div /div !-- 检测框动画 -- div classdetection-boxes div classdetection-box v-forn in 8 :keybox-${n} :stylegetDetectionBoxStyle(n) div classbox-labelQR/div div classbox-confidence92%/div /div /div !-- 数据流 -- div classdata-stream div classstream-line v-forn in 12 :keystream-${n} :stylegetStreamStyle(n) span v-fori in 20 :keydata-${n}-${i} {{ Math.random() 0.5 ? 1 : 0 }} /span /div /div !-- 条形码图案 -- div classbarcode-patterns div classbarcode v-forn in 6 :keybarcode-${n} :stylegetBarcodeStyle(n) div classbarcode-bar v-fori in 15 :keybar-${n}-${i} :stylegetBarStyle(i, n)/div /div /div /div !-- 登录主容器 -- div classlogin-main !-- YOLO界面容器 -- div classyolo-container div classyolo-effect div classscan-effect/div div classgrid-overlay/div /div !-- 系统标志 -- div classsystem-brand div classbrand-icon div classyolo-icon div classdetection-frame div classframe-outline/div div classbounding-box div classbox-corner tl/div div classbox-corner tr/div div classbox-corner bl/div div classbox-corner br/div /div div classbarcode-inside div classbarcode-line v-fori in 8 :keyicon-bar-${i} :style{ width: ${20 i * 8}% }/div /div /div div classdetection-glow/div /div div classicon-scanline/div /div div classbrand-text h1 classsystem-title span classyolo-textYOLO/span span classbarcode-textBarcode/span /h1 p classsystem-subtitle实时条形码检测系统/p p classcompany-tag计算机视觉 · 目标检测实验室/p /div /div !-- 登录面板 -- div classlogin-panel div classpanel-header div classheader-line/div h2系统访问/h2 div classheader-line/div /div div classpanel-content el-form :modelruleForm :rulesregisterRules refruleFormRef !-- 用户名输入 -- el-form-item propusername div classinput-field div classfield-icon div classuser-icon/div /div el-input v-modelruleForm.username placeholder请输入检测员ID classyolo-input sizelarge focusonInputFocus bluronInputBlur / div classfield-scanline/div /div div classinput-hint检测员身份认证/div /el-form-item !-- 密码输入 -- el-form-item proppassword div classinput-field div classfield-icon div classlock-icon/div /div el-input v-modelruleForm.password typepassword placeholder请输入访问密钥 show-password classyolo-input sizelarge focusonInputFocus bluronInputBlur / div classfield-scanline/div /div div classinput-hint系统安全验证.../div /el-form-item !-- 登录按钮 -- el-form-item div classlogin-action el-button typeprimary classyolo-btn clicksubmitForm(ruleFormRef) mouseenteronBtnHover mouseleaveonBtnLeave div classbtn-content div classbtn-text span classtext-main启动检测系统/span span classtext-subSYSTEM BOOT/span /div div classbtn-indicators div classindicator active/div div classindicator/div div classindicator/div /div /div div classbtn-scanline/div div classbtn-particles div classparticle v-forn in 3 :keybtn-particle-${n}/div /div /el-button div classsystem-status div classstatus-indicator div classstatus-dot active/div span检测系统就绪/span /div div classstatus-info spanv5.0.0 • YOLO 优化版/span /div /div /div /el-form-item /el-form !-- 辅助选项 -- div classpanel-options router-link to/register classoption-link div classlink-icon div classregister-icon/div /div span注册新账户/span div classlink-trail/div /router-link /div /div /div !-- 系统信息 -- div classsystem-info div classinfo-grid div classinfo-item div classinfo-icon detection-icon/div /div div classinfo-item div classinfo-icon fps-icon/div div classinfo-content span classinfo-label检测速度/span span classinfo-value60FPS/span /div /div div classinfo-item div classinfo-icon accuracy-icon/div div classinfo-content span classinfo-label识别精度/span span classinfo-value99.5%/span /div /div /div /div /div /div !-- 背景装饰元素 -- div classbackground-elements !-- 浮动信息标签 -- div classfloating-labels div classfloating-label v-forn in 8 :keylabel-${n} :stylegetLabelStyle(n) {{ [QR Code, Code128, EAN-13, UPC-A, DataMatrix, PDF417][Math.floor(Math.random() * 6)] }} /div /div !-- 坐标轴 -- div classcoordinate-axis div classaxis-x/div div classaxis-y/div div classgrid-marks div classmark v-forn in 20 :keymark-${n} :stylegetMarkStyle(n)/div /div /div /div /div /template script langts setup import { reactive, ref, computed, onMounted } from vue; import { useRoute, useRouter } from vue-router; import { ElMessage } from element-plus; import { useI18n } from vue-i18n; import Cookies from js-cookie; import { storeToRefs } from pinia; import { useThemeConfig } from //stores/themeConfig; import { initFrontEndControlRoutes } from //router/frontEnd; import { initBackEndControlRoutes } from //router/backEnd; import { Session } from //utils/storage; import { formatAxis } from //utils/formatTime; import { NextLoading } from //utils/loading; import type { FormInstance, FormRules } from element-plus; import request from //utils/request; // 定义变量内容 const { t } useI18n(); const storesThemeConfig useThemeConfig(); const { themeConfig } storeToRefs(storesThemeConfig); const route useRoute(); const router useRouter(); const formSize ref(default); const ruleFormRef refFormInstance(); // 定义表单数据 const ruleForm reactive({ username: , password: , }); // 校验规则 const registerRules reactiveFormRules({ username: [ { required: true, message: 请输入检测员ID, trigger: blur }, { min: 3, max: 20, message: 长度在3-20个字符, trigger: blur }, ], password: [ { required: true, message: 请输入访问密钥, trigger: blur }, { min: 5, max: 30, message: 长度在5-30个字符, trigger: blur }, ], }); // 网格线样式 const getGridLineStyle (index: number) { const isVertical index % 2 0; const position Math.random() * 100; const color rgba(0, 200, 255, ${0.05 Math.random() * 0.1}); return { [isVertical ? left : top]: ${position}%, [isVertical ? width : height]: 1px, [isVertical ? height : width]: 100%, backgroundColor: color, animationDelay: ${Math.random() * 2}s }; }; // 扫描线样式 const getScanLineStyle (index: number) { const top Math.random() * 100; const duration 2 Math.random() * 3; const delay Math.random() * 1.5; const height 2 Math.random() * 4; return { top: ${top}%, height: ${height}px, animationDuration: ${duration}s, animationDelay: ${delay}s }; }; // 检测框样式 const getDetectionBoxStyle (index: number) { const left Math.random() * 80; const top Math.random() * 80; const width 40 Math.random() * 120; const height 40 Math.random() * 80; const duration 8 Math.random() * 12; const delay Math.random() * 4; return { left: ${left}%, top: ${top}%, width: ${width}px, height: ${height}px, animationDuration: ${duration}s, animationDelay: ${delay}s }; }; // 数据流样式 const getStreamStyle (index: number) { const left Math.random() * 100; const duration 5 Math.random() * 8; const delay Math.random() * 3; return { left: ${left}%, animationDuration: ${duration}s, animationDelay: ${delay}s }; }; // 条形码样式 const getBarcodeStyle (index: number) { const left Math.random() * 100; const top Math.random() * 100; const width 80 Math.random() * 120; const rotation -10 Math.random() * 20; const duration 15 Math.random() * 20; const delay Math.random() * 5; return { left: ${left}%, top: ${top}%, width: ${width}px, transform: rotate(${rotation}deg), animationDuration: ${duration}s, animationDelay: ${delay}s }; }; // 条形码条样式 const getBarStyle (i: number, n: number) { const height 60 Math.random() * 40; const marginRight 2 Math.random() * 4; const color Math.random() 0.3 ? #00ff88 : #0055ff; return { height: ${height}%, marginRight: ${marginRight}px, backgroundColor: color, animationDelay: ${i * 0.1}s }; }; // 标签样式 const getLabelStyle (index: number) { const left Math.random() * 100; const top Math.random() * 100; const duration 12 Math.random() * 18; const delay Math.random() * 6; const opacity 0.1 Math.random() * 0.2; return { left: ${left}%, top: ${top}%, animationDuration: ${duration}s, animationDelay: ${delay}s, opacity: opacity }; };后端代码展示详细功能展示视频条形码检测系统YOLOv8/YOLOv10/YOLOv11/YOLOv12深度学习web界面计算机视觉DeepSeek智能分析 前后端分离_哔哩哔哩_bilibili条形码检测系统YOLOv8/YOLOv10/YOLOv11/YOLOv12深度学习web界面计算机视觉DeepSeek智能分析 前后端分离_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV13d6KB6ErX/?spm_id_from333.999.0.0vd_source549d0b4e2b8999929a61a037fcce3b0fhttps://www.bilibili.com/video/BV13d6KB6ErX/