← 返回项目库

VisionQC 慧眼工业视觉质检平台

一套中文 AI 工业视觉质检平台，包含双工位检测、质量指标、历史记录和系统监控。

VisionQC 慧眼质控云是一套基于 React、TypeScript、Vite 和 shadcn/ui 的中文工业视觉质量控制平台源码，提供双工位实时检测看板、合格率与延迟指标、检测历史、缺陷置信度、系统监控和角色登录。适合学习制造业质量数字化、工业仪表盘和视觉检测产品的前端架构。

真实界面

项目截图

共 4 张

工业视觉实时质检
检测历史记录
系统监控与缺陷分析
中文用户登录

Capabilities

核心功能

✓双工位实时视觉检测
✓检测总数与合格率指标
✓缺陷置信度分析
✓检测历史记录与筛选
✓系统运行监控
✓角色登录与受保护路由
✓响应式工业仪表盘
✓中文无障碍标签

适用场景

制造业视觉质检学习
工业质量看板原型
AI 缺陷检测前端实践

适合谁

制造企业数字化团队、机器视觉开发者、工业软件产品经理和前端学习者。

商业化思路

可用于学习工业质检看板、产线质量监控、缺陷分析和制造业 SaaS 产品设计。

你会拿到什么

  • ✓含完整 MIT LICENSE 的中文 React TypeScript 源码包
  • ✓四张真实运行功能截图

部署流程

  1. 1安装 Node.js 18+ 并执行 npm ci。
  2. 2执行 npm run build 生成 dist 静态资产。
  3. 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；源码包保留原始许可证与版权声明。

Release notes

版本记录

1 个已发布版本

v1.0.0-cn.1 当前推荐

首个中文交付版本，补齐质检、历史、监控、登录页面和无障碍标签本地化。

部署要求：Node.js 18+ 与 npm；生产构建后只需静态 Web 服务。

已知问题：检测数据与摄像头均为模拟，未接真实工业设备或 AI 推理服务。

登录后领取