场站收益报告任务管理平台(全栈)产品系统Vibe Coding

我要开发同款
前端可视化开发2026年10月26日
4阅读

技术信息

语言技术
React、TypeScript、Node.js
系统类型
Web、Windows
行业分类
能源

作品详情

行业场景

能源场站的收益复盘、交易分析等报告此前依赖人工整理数据、手工编辑 Word,单份报告耗时数小时且容易出错。本项目为场站运营团队提供报告任务的统一管理:按模板发起生成任务、跟踪执行进度与结果,覆盖日报、月报等高频场景,替代人工汇总流程。

功能介绍

报告任务管理:任务列表(关键词搜索、状态筛选、进度展示)、任务详情(参数、状态、产出文件信息)、新建任务(按模板发起,根据模板的参数定义动态生成表单)。模板管理:模板的参数 schema(类型/必填/默认值)存于数据库,新增模板无需改表结构。任务状态机:pending→running→succeeded/failed/canceled,非法流转自动拦截。数据层:MySQL 持久化,Docker 容器化部署。

项目实现

独立完成前端全部页面与组件:任务列表页(关键词搜索 + 状态筛选)、详情页、新建任务弹窗(React 受控表单,按后端模板的参数定义动态渲染输入项)。

后端为 Node.js(Express) 分层架构(路由/服务/数据访问三层):zod 统一校验入参,业务规则集中在 service 层(如模板必填参数校验、任务状态流转规则);数据访问层用 mysql2 连接池 + 参数化查询,支持 memory/mysql 双驱动一键切换。

MySQL 运行于 Docker 容器,建表与种子数据脚本随容器初始化自动执行。

亮点与难点:
1. 前端 api 层与组件解耦,mock 数据切真后端时组件零改动;
2. 模板参数定义(params_schema)存数据库,新增模板无需改表结构;
3. 排查并修复了中文入库的双重编码问题(latin1 误判为 utf8mb4),通过强制连接字符集根治。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论