Skip to main content

FacilityKPI-Frontend

概述

FacilityKPI 用户端界面,用于管理和可视化设施能源 KPI 数据。


技术栈

  • 框架: React
  • Node 版本: 16
  • 包管理器: Yarn
  • 样式: Tailwind CSS
  • 构建: Webpack

核心功能

Dashboard

KPI 数据可视化仪表板,帮助用户理解能源消耗模式并识别改进区域。

Utility Interface

数据管理界面,支持:

  • 创建、编辑、删除数据
  • 多种方式可视化数据
  • 拖拽上传文件

Linear Regression

线性回归计算 KPI,参考资源:

  • Verdigris Energy Dashboard
  • D3.js Linear Regression
  • Penn State STAT 501

File Manager

文件管理器,支持拖拽上传。

用户权限管理

  • 创建用户
  • 分配角色和权限
  • 活跃/撤销状态管理

开发规范

⚠️ 重要

  • main 分支仅用于生产
  • 不要直接提交到 main 分支
  • 使用 Node.js 16 版本

快速开始

# 安装依赖
yarn install

# 开发模式
yarn start

# 构建生产版本
yarn build

项目结构

FacilityKPI-Frontend/
├── public/ # 静态资源
├── src/ # 源代码
├── package.json # 依赖
├── webpack.config.js # Webpack 配置
├── tailwind.config.js # Tailwind 配置
└── docs/ # 文档