中太建设集团股份有限公司网站徐州丰县建设局网站

中太建设集团股份有限公司网站,徐州丰县建设局网站,海豚一键做淘宝网站,个人网页设计作品模板项目摘要 本项目旨在开发一个基于深度学习与Web技术的前后端分离式花生种子霉变智能识别与检测系统。系统核心采用先进的YOLOv8/v10/v11/v12系列目标检测模型#xff0c;对花生种子图像进行高效、精准的二分分类#xff08;‘with mold’ 霉变 / ‘without mold’ 正常…项目摘要本项目旨在开发一个基于深度学习与Web技术的前后端分离式花生种子霉变智能识别与检测系统。系统核心采用先进的YOLOv8/v10/v11/v12系列目标检测模型对花生种子图像进行高效、精准的二分分类‘with mold’ 霉变 / ‘without mold’ 正常。后端使用SpringBoot框架构建RESTful API前端提供友好的Web交互界面实现了用户管理、多模态检测图像、视频、实时摄像头、AI分析结果可视化与数据管理等功能。创新性地集成DeepSeek智能分析以增强检测能力并将所有识别记录与用户信息持久化至MySQL数据库。该系统为农业品质控制提供了一套自动化、可视化的解决方案有效提升了花生霉变检测的效率和准确性。引言在农业生产与食品加工领域花生作为一种重要的经济作物和油料作物其储存期间的霉变问题不仅会造成巨大的经济损失更会因产生的黄曲霉素等有害物质严重威胁人畜健康。传统的人工目视检测方法效率低下、主观性强且易疲劳难以满足大规模、高标准的质检需求。近年来深度学习技术特别是以YOLO系列为代表的目标检测算法在图像识别领域取得了突破性进展为自动化视觉检测提供了新的技术路径。为此我们设计并实现了这个基于YOLOv8/v10/v11/v12与SpringBoot的前后端分离花生种子霉变识别检测系统。本系统旨在通过集成最先进的深度学习模型与现代化的Web开发框架构建一个功能完备、操作便捷、响应迅速的在线检测平台。它不仅支持多种检测模式和模型的灵活切换还通过数据可视化和智能记录管理为用户提供了从检测到分析的完整工作流有望在农产品质量安全监测中发挥重要作用。项目背景与介绍1. 背景介绍花生霉变是贯穿于其采收、储存、运输和加工各个环节的全球性难题。霉变花生是黄曲霉素的主要来源而黄曲霉素是世界卫生组织划定的一类致癌物具有强烈的毒性和致癌性。因此对花生进行快速、准确的霉变检测是实现农产品安全溯源、保障消费者健康、减少产后损失的关键环节。随着计算机视觉和人工智能技术的飞速发展基于深度学习的智能检测方法正逐步取代传统方法。其中YOLO模型因其卓越的实时性和高精度而备受青睐。从YOLOv8到不断涌现的v10、v11、v12等版本其性能持续优化为复杂场景下的细粒度目标检测提供了强有力的技术支撑。同时SpringBoot作为Java领域最流行的企业级开发框架其简化配置、快速开发的特点非常适合构建稳健的后端服务。前后端分离的架构模式则确保了系统的可扩展性、可维护性以及良好的用户体验。2. 系统介绍本项目是一个集成了最新YOLO系列模型与SpringBoot框架的全栈Web应用核心目标是实现花生种子霉变的智能化识别与检测。系统核心特性如下先进的检测模型系统支持在YOLOv8, v10, v11, v12四种模型间动态切换允许用户根据对精度和速度的不同需求选择最合适的模型数据集针对“有霉变”和“无霉变”两类进行训练。多模态检测功能全面支持图像上传检测、视频文件分析以及摄像头实时流检测覆盖了主要的应用场景。强大的Web交互平台采用前后端分离架构后端SpringBoot提供稳定的API服务前端界面提供直观的操作体验。功能包括用户体系完整的登录/注册含密码安全检测、个人中心信息修改、以及管理员对用户的管理模块。数据管理所有检测结果图片、视频、摄像头均保存至MySQL数据库并提供独立的记录管理页面进行查看、追溯和管理。信息可视化通过图表等形式对检测数据进行可视化展示便于用户进行统计分析。增强的AI分析集成DeepSeek智能分析功能为图像检测提供更深入的洞察。个性化设置支持更换导航栏背景颜色等界面自定义选项提升用户体验。项目源码数据集下载链接完整代码在哔哩哔哩视频下方简介内获取基于YOLOv8/v10/v11/v12与SpringBoot的前后端分离花生种子霉变识别检测系统DeepSeek智能分析web交互界面_哔哩哔哩_bilibili基于YOLOv8/v10/v11/v12与SpringBoot的前后端分离花生种子霉变识别检测系统DeepSeek智能分析web交互界面_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1gACtBTEHe/?spm_id_from333.1387.homepage.video_card.clickvd_source549d0b4e2b8999929a61a037fcce3b0fhttps://www.bilibili.com/video/BV1gACtBTEHe目录项目摘要引言项目背景与介绍1. 背景介绍2. 系统介绍项目源码数据集下载链接功能模块登录注册模块可视化模块更换导航栏背景颜色图像检测模块视频检测模块实时检测模块图片识别记录管理视频识别记录管理摄像头识别记录管理用户管理模块数据管理模块MySQL表设计模型训练结果YOLOv8YOLOv10YOLOv11YOLOv12前端代码展示后端代码展示项目源码数据集下载链接项目安装教程功能模块✅ 用户登录注册支持密码检测保存到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, )YOLOv8YOLOv10YOLOv11YOLOv12前端代码展示部分代码template div classrecognition-container div classrecognition-content !-- 搜索区域 -- div classsearch-section el-card shadowhover classsearch-card div classsearch-header h3识别记录筛选/h3 el-button typeprimary clickgetTableData() classrefresh-btn el-iconele-Refresh //el-icon 刷新数据 /el-button /div div classsearch-controls div classsearch-inputs el-input v-modelstate.tableData.param.search1 sizedefault placeholder请输入识别时间 classsearch-field clearable template #prefix el-iconele-Calendar //el-icon /template /el-input el-input v-modelstate.tableData.param.search2 sizedefault placeholder请输入识别结果 classsearch-field clearable template #prefix el-iconele-Search //el-icon /template /el-input /div el-button sizedefault typeprimary classsearch-btn clickgetTableData() el-iconele-Filter //el-icon 筛选结果 /el-button /div /el-card /div !-- 数据表格区域 -- div classdata-section el-card shadowhover classtable-card template #header div classtable-header span识别记录列表/span div classtable-stats el-tag typeinfo共 {{ state.tableData.total }} 条记录/el-tag /div /div /template el-table :datastate.tableData.data stylewidth: 100% classrecognition-table v-loadingstate.tableData.loading el-table-column typeexpand template #defaultprops div classdetail-panel h4 classdetail-title详细识别结果/h4 el-table :dataprops.row.family classnested-table empty-text暂无详细数据 el-table-column proplabel label识别结果 aligncenter / el-table-column propconfidence label置信度 show-overflow-tooltip aligncenter template #defaultscope el-progress :text-insidetrue :stroke-width20 :percentageMath.round(scope.row.confidence * 100) :statusgetConfidenceStatus(scope.row.confidence) stylewidth: 120px; margin: 0 auto; / /template /el-table-column el-table-column propstartTime label识别时间 aligncenter / /el-table /div /template /el-table-column el-table-column propnum label序号 width80 aligncenter / el-table-column propinputImg label原始图片 width120 aligncenter template #defaultscope div classimg-wrapper clickpreviewImage(scope.row.inputImg, 原始图片) img :srcscope.row.inputImg alt原始图片 / div classimg-overlay el-iconele-ZoomIn //el-icon /div /div /template /el-table-column el-table-column propoutImg label预测图片 width120 aligncenter template #defaultscope div classimg-wrapper clickpreviewImage(scope.row.outImg, 预测图片) img :srcscope.row.outImg alt预测图片 / div classimg-overlay el-iconele-ZoomIn //el-icon /div /div /template /el-table-column el-table-column propweight label识别权重 show-overflow-tooltip aligncenter template #defaultscope el-tag v-ifscope.row.weight typesuccess{{ scope.row.weight }}/el-tag span v-else classempty-text-/span /template /el-table-column el-table-column propconf label最小阈值 show-overflow-tooltip aligncenter template #defaultscope el-tag v-ifscope.row.conf typewarning{{ scope.row.conf }}/el-tag span v-else classempty-text-/span /template /el-table-column el-table-column propai labelAI助手 show-overflow-tooltip aligncenter template #defaultscope el-tag v-ifscope.row.ai typeinfo{{ scope.row.ai }}/el-tag span v-else classempty-text-/span /template /el-table-column el-table-column propsuggestion labelAI建议 show-overflow-tooltip aligncenter template #defaultscope div classsuggestion-cell span v-ifscope.row.suggestion :titlescope.row.suggestion {{ scope.row.suggestion }} /span span v-else classempty-text-/span /div /template /el-table-column el-table-column propstartTime label识别时间 width180 aligncenter / el-table-column propusername label识别用户 show-overflow-tooltip aligncenter template #defaultscope el-tag v-ifscope.row.username typeprimary{{ scope.row.username }}/el-tag span v-else classempty-text-/span /template /el-table-column el-table-column label操作 width180 fixedright aligncenter template #defaultscope div classaction-buttons el-button sizesmall typeprimary clickonViewDetail(scope.row) classview-btn el-iconele-View //el-icon 详情 /el-button el-button sizesmall typedanger clickonRowDel(scope.row) classdelete-btn el-iconele-Delete //el-icon 删除 /el-button /div /template /el-table-column /el-table !-- 分页 -- el-pagination size-changeonHandleSizeChange current-changeonHandleCurrentChange classpagination-bar :pager-count5 :page-sizes[10, 20, 30] v-model:current-pagestate.tableData.param.pageNum background v-model:page-sizestate.tableData.param.pageSize layouttotal, sizes, prev, pager, next, jumper :totalstate.tableData.total /el-pagination /el-card /div /div !-- 详情弹窗 -- el-dialog v-modelstate.detailDialog.visible :titlestate.detailDialog.title width800px align-center classdetail-dialog div classdetail-content v-ifstate.detailDialog.data div classdetail-section h3 classsection-title图片信息/h3 div classimage-comparison div classimage-item p classimage-label原始图片/p img :srcstate.detailDialog.data.inputImg alt原始图片 classdetail-image / /div div classimage-item p classimage-label预测图片/p img :srcstate.detailDialog.data.outImg alt预测图片 classdetail-image / /div /div /div div classdetail-section h3 classsection-title识别参数/h3 el-descriptions :column2 border el-descriptions-item label识别权重 el-tag v-ifstate.detailDialog.data.weight typesuccess {{ state.detailDialog.data.weight }} /el-tag span v-else classempty-text-/span /el-descriptions-item el-descriptions-item label最小阈值 el-tag v-ifstate.detailDialog.data.conf typewarning {{ state.detailDialog.data.conf }} /el-tag span v-else classempty-text-/span /el-descriptions-item el-descriptions-item labelAI助手 el-tag v-ifstate.detailDialog.data.ai typeinfo {{ state.detailDialog.data.ai }} /el-tag span v-else classempty-text-/span /el-descriptions-item el-descriptions-item label识别用户 el-tag v-ifstate.detailDialog.data.username typeprimary {{ state.detailDialog.data.username }} /el-tag span v-else classempty-text-/span /el-descriptions-item el-descriptions-item label识别时间 :span2 {{ state.detailDialog.data.startTime || - }} /el-descriptions-item /el-descriptions /div div classdetail-section h3 classsection-titleAI建议/h3 el-card shadownever classsuggestion-card div v-ifstate.detailDialog.data.suggestion classsuggestion-content {{ state.detailDialog.data.suggestion }} /div div v-else classempty-text暂无AI建议/div /el-card /div div classdetail-section h3 classsection-title详细识别结果/h3 el-table :datastate.detailDialog.data.family classdetail-table empty-text暂无详细数据 el-table-column proplabel label识别结果 aligncenter / el-table-column propconfidence label置信度 aligncenter width150 template #defaultscope div classconfidence-cell el-progress :text-insidetrue :stroke-width20 :percentageMath.round(scope.row.confidence * 100) :statusgetConfidenceStatus(scope.row.confidence) stylewidth: 120px; / span classconfidence-value{{ (scope.row.confidence * 100).toFixed(1) }}%/span /div /template /el-table-column el-table-column propstartTime label识别时间 aligncenter width180 / /el-table /div /div template #footer span classdialog-footer el-button clickstate.detailDialog.visible false关闭/el-button el-button typeprimary clickstate.detailDialog.visible false 确定 /el-button /span /template /el-dialog !-- 图片预览弹窗 -- el-dialog v-modelstate.previewDialog.visible :titlestate.previewDialog.title width60% align-center classimage-preview-dialog div classpreview-content img :srcstate.previewDialog.imageUrl :altstate.previewDialog.title classpreview-image / /div /el-dialog /div /template script setup langts import { defineAsyncComponent, reactive, onMounted, ref } from vue; import { ElMessageBox, ElMessage } from element-plus; import request from //utils/request; import { useUserInfo } from //stores/userInfo; import { storeToRefs } from pinia; const stores useUserInfo(); const { userInfos } storeToRefs(stores); const state reactive({ tableData: { data: [] as any, total: 0, loading: false, param: { search: , search1: , search2: , pageNum: 1, pageSize: 10, }, }, detailDialog: { visible: false, title: 识别记录详情, data: null as any, }, previewDialog: { visible: false, title: , imageUrl: , }, }); // 获取表格数据 const getTableData () { state.tableData.loading true; if (userInfos.value.userName ! admin) { state.tableData.param.search userInfos.value.userName; } request .get(/api/imgRecords, { params: state.tableData.param, }) .then((res) { if (res.code 0) { state.tableData.data []; setTimeout(() { state.tableData.loading false; }, 500); for (let i 0; i res.data.records.length; i) { const confidences JSON.parse(res.data.records[i].confidence); const labels JSON.parse(res.data.records[i].label); const transformedData transformData(res.data.records[i], confidences, labels); transformedData[num] i 1 (state.tableData.param.pageNum - 1) * state.tableData.param.pageSize; state.tableData.data[i] transformedData; } state.tableData.total res.data.total; } else { ElMessage({ type: error, message: res.msg, }); } }); }; // 数据转换 const transformData (originalData: any, confidences: any, labels: any) { const family labels.map((label: string, index: number) ({ label: label, confidence: confidences[index], startTime: originalData.startTime })); const result { id: originalData.id, inputImg: originalData.inputImg, outImg: originalData.outImg, weight: originalData.weight, allTime: originalData.allTime, conf: originalData.conf, startTime: originalData.startTime, username: originalData.username, ai: originalData.ai, suggestion: originalData.suggestion, family: family }; return result; } // 查看详情 const onViewDetail (row: any) { state.detailDialog.data row; state.detailDialog.visible true; }; // 图片预览 const previewImage (imageUrl: string, title: string) { state.previewDialog.imageUrl imageUrl; state.previewDialog.title title; state.previewDialog.visible true; }; // 获取置信度状态 const getConfidenceStatus (confidence: number) { if (confidence 0.8) return success; if (confidence 0.6) return warning; return exception; }; // 删除记录 const onRowDel (row: any) { ElMessageBox.confirm(此操作将永久删除该识别记录是否继续?, 提示, { confirmButtonText: 确认, cancelButtonText: 取消, type: warning, }) .then(() { request.delete(/api/imgRecords/ row.id).then((res) { if (res.code 0) { ElMessage({ type: success, message: 删除成功, }); getTableData(); } else { ElMessage({ type: error, message: res.msg, }); } }); }) .catch(() {}); }; // 分页改变 const onHandleSizeChange (val: number) { state.tableData.param.pageSize val; getTableData(); }; // 分页改变 const onHandleCurrentChange (val: number) { state.tableData.param.pageNum val; getTableData(); }; // 页面加载时 onMounted(() { getTableData(); }); /script style scoped langscss .recognition-container { padding: 20px; background: #f5f7fa; min-height: calc(100vh - 84px); .recognition-content { max-width: 100%; margin: 0 auto; } .search-section { margin-bottom: 20px; .search-card { border-radius: 12px; border: none; :deep(.el-card__body) { padding: 20px; } .search-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; h3 { margin: 0; color: #303133; font-size: 16px; font-weight: 600; } .refresh-btn { background: #409EFF; border: none; border-radius: 6px; } } .search-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; .search-inputs { display: flex; gap: 12px; flex: 1; .search-field { flex: 1; max-width: 300px; :deep(.el-input__wrapper) { border-radius: 8px; } } } .search-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 8px; padding: 0 20px; height: 36px; :hover { background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } } } } } .data-section { .table-card { border-radius: 12px; border: none; :deep(.el-card__header) { border-bottom: 1px solid #f0f0f0; padding: 16px 20px; background: #fafafa; } .table-header { display: flex; justify-content: space-between; align-items: center; span { font-size: 16px; font-weight: 600; color: #303133; } } } .recognition-table { :deep(th) { background: #f8fafc; color: #374151; font-weight: 600; border-bottom: 1px solid #e5e7eb; } :deep(td) { border-bottom: 1px solid #f1f5f9; } :deep(.el-table__row:hover) { background: #f8fafc; } .img-wrapper { position: relative; display: flex; justify-content: center; align-items: center; padding: 4px; cursor: pointer; border-radius: 6px; overflow: hidden; :hover { .img-overlay { opacity: 1; } img { transform: scale(1.05); } } img { width: 100px; height: 70px; object-fit: cover; border-radius: 4px; border: 1px solid #e5e7eb; transition: transform 0.3s ease; } .img-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; .el-icon { color: white; font-size: 24px; } } } .suggestion-cell { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .empty-text { color: #909399; font-style: italic; } .action-buttons { display: flex; gap: 8px; justify-content: center; .view-btn, .delete-btn { border-radius: 4px; } } } .detail-panel { padding: 16px; background: #f8fafc; border-radius: 8px; margin: 8px; .detail-title { margin: 0 0 12px 0; color: #374151; font-size: 15px; font-weight: 600; } .nested-table { background: white; border-radius: 6px; overflow: hidden; :deep(th) { background: #f1f5f9; } .confidence-cell { display: flex; align-items: center; justify-content: center; gap: 8px; } } } .pagination-bar { margin-top: 20px; justify-content: center; padding: 16px; } } // 详情弹窗样式 .detail-dialog { .detail-content { max-height: 60vh; overflow-y: auto; padding-right: 8px; .detail-section { margin-bottom: 24px; .section-title { font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #303133; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; } } .image-comparison { display: flex; gap: 20px; justify-content: center; .image-item { text-align: center; .image-label { margin-bottom: 8px; font-weight: 500; color: #606266; } .detail-image { width: 300px; height: 200px; object-fit: cover; border-radius: 8px; border: 1px solid #e5e7eb; } } } .suggestion-card { background: #f8f9fa; border: 1px solid #e9ecef; .suggestion-content { line-height: 1.6; color: #495057; } } .detail-table { :deep(th) { background: #f8f9fa; } .confidence-cell { display: flex; align-items: center; gap: 8px; .confidence-value { font-weight: 500; color: #409EFF; } } } } } // 图片预览弹窗样式 .image-preview-dialog { .preview-content { display: flex; justify-content: center; align-items: center; .preview-image { max-width: 100%; max-height: 70vh; object-fit: contain; border-radius: 8px; } } } } media (max-width: 768px) { .recognition-container { padding: 12px; .search-section { .search-card { .search-controls { flex-direction: column; align-items: stretch; .search-inputs { flex-direction: column; .search-field { max-width: 100%; } } } } } .data-section { .recognition-table { :deep(.el-table) { overflow-x: auto; } } } .detail-dialog { .image-comparison { flex-direction: column; align-items: center; } } } } /style后端代码展示项目源码数据集下载链接完整代码在哔哩哔哩视频下方简介内获取基于YOLOv8/v10/v11/v12与SpringBoot的前后端分离花生种子霉变识别检测系统DeepSeek智能分析web交互界面_哔哩哔哩_bilibili基于YOLOv8/v10/v11/v12与SpringBoot的前后端分离花生种子霉变识别检测系统DeepSeek智能分析web交互界面_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1gACtBTEHe/?spm_id_from333.1387.homepage.video_card.clickvd_source549d0b4e2b8999929a61a037fcce3b0fhttps://www.bilibili.com/video/BV1gACtBTEHe项目安装教程https://www.bilibili.com/video/BV1YLsXzJE2X/?spm_id_from333.1387.homepage.video_card.clickYOLOspring bootvue项目环境部署教程YOLOv8、YOLOv10、YOLOv11、YOLOv12_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1YLsXzJE2X/?spm_id_from333.1387.homepage.video_card.clickvd_source549d0b4e2b8999929a61a037fcce3b0f