yolov11网页版2.0（附源码+响应式）
演示视频：（功能演示）
1.0版本：
基于YOLOv8的多端车流检测系统（用于毕设+开源）_yolov8 rtsp-CSDN博客文章浏览阅读2.7w次，点赞126次，收藏648次。👉系统可大体分为两大模块（客户端、网页端）👉基于yolov8的多端检测系统_哔哩哔哩_bilibili大佬们，都是有问必答，并且十分有耐心，呜呜呜，太感动了！还有很多优秀的开源项目，太赞了！_yolov8 rtsp
https://blog.csdn.net/Pan_peter/article/details/132048923过时了，当时开发的版本，是yolov8的初始版本，还有bug等
还是去年23年7月做的，一眨眼，就已经2025年了，祝大家新年新气象哟！
一、项目包
1、带node_modules的项目包 🚀
「yolov11网页版-带node_modules.zip」
链接：https://pan.quark.cn/s/5831ad158f83
2、不带node_modules的项目包 🚀
「yolov11网页版-不带node_modules.zip」
链接：https://pan.quark.cn/s/e6da89063f90
二、项目功能
1、图片预测
2、视频预测
3、摄像头预测
待拓展（TODO）：
1、加上一些预测参数（置信度、IOU）
2、切换模型（可以自行选择模型）
3、加上预测图像（视频）是否保存的功能
三、项目搭建
1、项目环境需求 ✨
node版本：大于等于v16.20.2 （用于启动前端）
python版本，大于等于3.9 （用于启动后端）
2、配置后端环境 ⚒️
第一步 下载python🚀
方法1：下载python（版本：python>=3.9）
python3.9.5的链接：https://pan.quark.cn/s/c964eec88feb（需要的自行下载）方法2：下载Anaconda（推荐）
使用访问Anaconda官网配置虚拟环境，具体步骤如下：
1）访问Anaconda官网
2）选择相应的操作系统版本并下载对应的安装包（推荐下载64位版本）
3）打开下载的安装包，按照提示进行安装即可
4）创建一个虚拟环境：
conda create --name 自命名 python=3.9.16
第二步 下载第三方库🚀
注意：下载库前，如果想要更快的预测项目，请安装cuda版本哦
- 因为torch默认会安装CPU的版本，而不是GPU
- 你的电脑上得有独立显卡，才可以
- 关于cuda安装的方法：一站式安装对应显卡版本的cuda和torch（windows）_torch包安装需要看nvidia吗-CSDN博客文章浏览阅读4.6k次，点赞19次，收藏54次。1、安装python环境2、安装VS的C++环境（因为CUDA在安装时，需要VS的里面的工具包来编译。3、安装cuda4、安装pytorch。_torch包安装需要看nvidia吗
1、pip换源：
pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple2、切换到项目文件夹下，下载依
pip install -r requirements.txt3、下载MySQL、执行yolo.sql文件（配置数据库很麻烦，如果不想用数据库，可以把项目进行修改，把连接数据库和访问数据库的相关代码删除，就可以不用配置了）
4、修改配置文件
endback.env：
#---------------------------------------------------服务器配置 HOST_NAME=127.0.0.1 # 主机名 PORT=5500 # HTTP服务端口 TOLERANT_TIME_ERROR=60 # 调用接口时附带的时间戳参数与服务器时间之间的最大允许误差（单位：s） BEFORE_IMG_PATH=before_img # 图片存储命名 ※※※ AFTER_IMG_PATH=after_img BEFORE_VIDEO_PATH=before_video # 视频存储命名 ※※※ AFTER_VIDEO_PATH=after_video #---------------------------------------------------数据库配置 MYSQL_HOST=127.0.0.1 # SQL主机 MYSQL_PORT=3306 # 连接端口 MYSQL_user=root # 用户名 MYSQL_password=123456 # 密码 MYSQL_db=yolo # 数据库名 MYSQL_charset=utf8 # utf8
第三步 启动后端：
python app.py项目启动成功：
我自己使用的环境：
python3.9+CPU
3、配置前端环境⚒️
🚀第一步 配置npm与下载依赖
1、下载node.js（我使用的是v16.16.0版本的）
注意：如果后面前端无法正常发出请求，那么可能是版本问题，可以尝试换成和我一样的版本，尤其是v18.0.0以上node，容易出现这种问题
推荐方法：如果你害怕出错，可以试试用nvm：
2、npm换源：
npm config set registry https://registry.npm.taobao.org3、切换到项目文件夹下（yolo-admin），下载依赖：
（注意：如果你下载了带有
node_modules的包，就可以直接运行前端了，不用npm install）npm install🚀第二步 运行前端
npm run dev运行成功截图
闲谈
做2.0版本的原因 🔰
- 1.0版本在2023年8月发布后，就有小伙伴一直在b站里面找我要源码
- 源码其实就放到视频简介里面的，可是很多小伙伴不看简介，可能是我没有说清楚吧
- 一直到现在都还有小伙伴在b站私信俺，需要那个yolov8的源码
- 我之前其实就有在给1.0版本加功能，但是因为懒，一直没有整理发布
- 现在有时间了，俺就在原来的基础上修改一下，供大家使用
- 如果需要订制功能和修改，可以私信俺QQ：296711867
关于评论区回复的问题，以及私信的问题 🔰
- 最先开始，我那个时候还在学校里面，天天无忧无虑，小伙伴们在评论区发表的问题，都有问必回
- 但随着我毕业了，并且越来越多人私信俺，以及评论区提出的问题，我越来越没有精力和时间去回复了，我很抱歉，如果有什么具体需要可以私信俺
- 具体怎么提问，可以看看下面这种图
为什么不搞客户端？🔰
- 俺不熟悉pyside，pyqt，搞起来太麻烦
- 我之前才知道有一个东西叫webview（网页端套壳）
- webview就是在应用程序中显示网页内容的组件
- 所以，如果我现在要用客户端，还不如直接webview直接梭哈
- 关于如何把网页端梭哈为客户端，可以看看下面的链接
可以把网页端弄成一个客户端：
Python—Fastapi打包为单个文件_哔哩哔哩_bilibili代码生成项目地址：https://github.com/zy7y/dfs-generate视频中的教程文档：https://blog.csdn.net/Pan_peter/article/details/138482099项目作者：https://space.bilibili.com/438858333, 视频播放量 1531、弹幕量 0、点赞数 15、投硬币枚数 2、收藏人数 82、转发人数 9, 视频作者 电石QwQ, 作者简介 不甘寂寞，相关视频：Python—Fastapi与vue打包（管理平台），Python—Fastapi动态修改数据库配置，学校机房的逆天配置，Ai里多个对象批量导出为单个图片文件，YOLOv8+LPRNet车牌定位与识别，Python—配置多张表（快速制作一个管理平台），线索二叉树[第二部分：代码讲解]，Python中的 if __name__ == '__main__' 是干嘛的？，Dijkstra算法[用处+代码讲解]，YOLOv8-PySide-GUI调用摄像头（比PPT还卡！）
https://www.bilibili.com/video/BV1qm421H7cnPython——Fastapi管理平台（打包+优化）_fastapi 打包-CSDN博客文章浏览阅读3.5k次，点赞29次，收藏25次。这是一份后端和前端项目的综合改造和打包指南。首先，项目配置多张数据库表，并对后端代码进行修改。在导入模块时可能会遇到报错，需要在两处进行修正。启动后端服务，确保没有错误。接着，前端部分进行相应配置。接下来是将项目打包成 exe 文件。分为两种方式：一种是不包含静态文件的简单打包，另一种是包含静态文件并打包成单个文件。分别对后端和前端进行必要修改后，运行打包命令。_fastapi 打包
原文地址：https://blog.csdn.net/Pan_peter/article/details/145130452
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！