VisionQC 慧眼工业视觉质检平台
一套中文 AI 工业视觉质检平台,包含双工位检测、质量指标、历史记录和系统监控。
VisionQC 慧眼质控云是一套基于 React、TypeScript、Vite 和 shadcn/ui 的中文工业视觉质量控制平台源码,提供双工位实时检测看板、合格率与延迟指标、检测历史、缺陷置信度、系统监控和角色登录。适合学习制造业质量数字化、工业仪表盘和视觉检测产品的前端架构。
真实界面
项目截图
共 4 张
Capabilities
核心功能
✓双工位实时视觉检测
✓检测总数与合格率指标
✓缺陷置信度分析
✓检测历史记录与筛选
✓系统运行监控
✓角色登录与受保护路由
✓响应式工业仪表盘
✓中文无障碍标签
适用场景
制造业视觉质检学习
工业质量看板原型
AI 缺陷检测前端实践
适合谁
制造企业数字化团队、机器视觉开发者、工业软件产品经理和前端学习者。
商业化思路
可用于学习工业质检看板、产线质量监控、缺陷分析和制造业 SaaS 产品设计。
你会拿到什么
- ✓含完整 MIT LICENSE 的中文 React TypeScript 源码包
- ✓四张真实运行功能截图
部署流程
- 1安装 Node.js 18+ 并执行 npm ci。
- 2执行 npm run build 生成 dist 静态资产。
- 3使用 npm run preview 验证,或将 dist 部署到静态 Web 服务器。
真实验证结果
真实运行验证了实时检测、历史记录、系统监控和用户登录四个独立路由;HTTP 200、端口清理正常,截图无控制台错误、404、坏图或横向溢出。
部署前须知
摄像头画面、缺陷识别和质量数据为前端模拟,未接入真实相机、推理模型或制造执行系统,不应直接用于生产质检决策。
部署难度
简单
最低配置
Node.js 18+;构建后为纯静态资产,可部署到 Nginx、CDN 或静态托管平台。
开源许可证
MIT License
最后验证
2026-08-20
技术栈
ReactTypeScriptViteTailwind CSSshadcn/uiRecharts
授权说明
上游 LICENSE 为 MIT License,Copyright (c) 2025 Neil the Knight;源码包保留原始许可证与版权声明。