littlebot
Published on 2025-04-10 / 2 Visits
0

【源码】基于Spring Boot和React的智能BI系统

项目简介

本项目是一个智能BI系统,区别于传统BI系统,它借助AI能力,用户仅需提供原始数据并输入分析目的,系统就能智能选取合适的图表进行展示和分析,为用户提供便捷且高效的商业智能分析服务。

项目的主要特性和功能

  1. 智能分析:用户输入分析目标和原始数据(图表类型),系统可自动生成图表与分析结论。
  2. 图表管理:支持对图表进行增加、删除、修改和查询操作。
  3. 异步化图表生成:通过消息队列实现图表生成的异步化,提高系统响应速度。
  4. AI对接:与AI能力对接,实现智能图表选取和数据分析。

安装使用步骤

前端

  1. 访问Ant Design Pro官网,按指引创建项目。安装pro-cli: shell npm i @ant-design/pro-cli -g 创建项目: shell pro create yubi-frontend 使用Umi4版本。
  2. 安装依赖: shell cd yubi-frontend yarn
  3. 启动项目,查看示例页面: shell yarn start
  4. 移除国际化(i18n - remove): shell yarn i18n-remove shell yarn add eslint-config-prettier --dev yarn add eslint-plugin-unicorn --dev 修改node_modules/@umijs/lint/dist/config/eslint/index.js文件,注释// es2022: true
  5. 再次启动项目: shell yarn start
  6. 修改路由配置恢复导航栏,找到项目文件config/routes.ts,为每个导航项添加name属性。
  7. 重新启动项目,检查页面。
  8. 初始化git仓库: shell git init git add . git commit -m "first init" git push origin main

后端

  1. 拉取springboot - init初始化项目。
  2. 创建示例数据库my_db,跑通初始化项目。
  3. 提交git后端初始化。
  4. 设计数据库表(用户表和图表信息表),修改项目中的create_table.sql,粘贴表结构代码,更改数据库名为yubi,创建数据库。
  5. 使用MybatisX插件生成增删改查代码。
  6. 将生成的代码合并到项目中,解决冲突后尝试运行调通登录接口。
  7. 为Chart实体准备增删改查DTO类。
  8. 复制PostController模板,修改为ChartController模版并适配。
  9. 启动服务,测试添加图表和查询图表功能是否正常。

前端对接后端增删改查接口

  1. 获取后端Swagger Json接口: text http://localhost:8101/api/v2/api-docs
  2. 在前端项目的config/config.ts文件中,找到openAPI配置并修改: json openAPI: [ { requestLibPath: "import { request } from '@umijs/max'", projectName: "yubi", schemaPath: "http://localhost:8101/api/v2/api-docs", mock: false, } ]
  3. 在终端中运行yarn openapi生成接口代码。
  4. src/app.ts文件下,修改request对象的配置,添加baseURL参数。
  5. 在页面中的任意文件中调用接口,验证连通性。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】