GenBI

基于 React 与 Spring Boot 的智能数据分析应用：上传表格数据，由 AI 生成可视化图表与分析结论。

演示视频

仓库根目录包含录屏文件 Demo.mov（约 62MB）。在 GitHub 上可点击链接下载，或在本地克隆后直接播放。

技术栈

层	技术
前端	React 18、Ant Design Pro、UmiJS Max、TypeScript、ECharts
后端	Spring Boot 2.7、MyBatis-Plus、MySQL
校验	前端对 AI 返回的图表 JSON 做 Zod 结构校验与安全过滤

仓库结构

GenBI/
├── frontend/     # Web 前端
├── backend/      # REST API
├── backend/sql/  # 建表等 SQL
└── Demo.mov      # 功能演示录屏

本地运行

环境

• Node.js 16+
• Java 8、Maven
• MySQL 8.0，并创建数据库 yubi

端口（开发）

端口	说明
12345	后端 API（application.yml dev）
8000	前端开发服务器
3306	MySQL

数据库

-- 在 MySQL 中执行
source backend/sql/create_table.sql;

后端

cd backend
mvn spring-boot:run

启动后可访问接口文档：http://localhost:12345/api/doc.html

Swagger JSON（用于前端 codegen）：http://localhost:12345/api/v2/api-docs

前端

cd frontend
npm install
npm run dev

默认访问：http://localhost:8000

开发环境下若需把 /api 代理到本机后端，请在 frontend 中按需配置代理（例如取消 proxy 相关注释），使请求转发到 http://localhost:12345。

生成前端 API 代码

后端保持运行时：

cd frontend
npm run openapi

账号

通过接口注册后登录（例如 Knife4j 中调用用户注册接口），具体以当前后端路由为准。

Git 提交说明（约定式）

前缀	含义
feat	新功能
fix	修复
chore	依赖、构建、后端同步等
docs	文档
refactor	重构