# FGD **Repository Path**: console123/fgd ## Basic Information - **Project Name**: FGD - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-04-28 - **Last Updated**: 2026-04-28 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # FGD净化系统监控平台 基于Vue3 + .NET的工业PLC数据监控系统 ## 项目结构 ``` FGDSystem/ ├── FGD.Web/ # 前端项目 (Vue3 + TypeScript + Three.js) └── FGD.WebApi/ # 后端项目 (.NET WebAPI) ``` ## 功能特性 - 🎨 现代化深色科技风UI设计 - 📊 实时PLC数据监控 - 🎮 3D离心风机模型可视化 - 🔄 多区域切换(净化14区、净化23区) - 📈 动态数据更新 - 💡 状态指示与动画效果 ## 前端技术栈 - Vue 3.4 - TypeScript - Three.js (3D渲染) - Axios (数据请求) - Vite (构建工具) ## 后端技术栈 - .NET 6/7/8 - ASP.NET Core WebAPI - PLC数据采集 ## 快速开始 ### 前端 ```bash cd FGD.Web npm install npm run dev ``` 访问: http://localhost:3000 ### 后端 ```bash cd FGD.WebApi dotnet restore dotnet run ``` API地址: http://localhost:5000 ## 监控区域 ### 净化14区 - 4台离心风机(M15-1 ~ M15-4) - 8个电磁阀 - 监控参数:负压、电流、频率、区域压力 ### 净化23区 - 4台离心风机(5# ~ 8#) - 8个电磁阀 - 监控参数:压力、频率、运行时间、停止时间 - 支持风机启停控制 ## 开发说明 前端开发模式下使用模拟数据,在 `FGD.Web/src/api/plc.ts` 中可以切换: ```typescript const USE_MOCK_DATA = true // true: 模拟数据, false: 真实API ``` ## 构建部署 ### 前端构建 ```bash cd FGD.Web npm run build ``` 构建产物在 `dist/` 目录 ### 后端发布 ```bash cd FGD.WebApi dotnet publish -c Release ``` ## 许可证 MIT License