项目简介
本项目是一个智能BI系统,区别于传统BI系统,它借助AI能力,用户仅需提供原始数据并输入分析目的,系统就能智能选取合适的图表进行展示和分析,为用户提供便捷且高效的商业智能分析服务。
项目的主要特性和功能
- 智能分析:用户输入分析目标和原始数据(图表类型),系统可自动生成图表与分析结论。
- 图表管理:支持对图表进行增加、删除、修改和查询操作。
- 异步化图表生成:通过消息队列实现图表生成的异步化,提高系统响应速度。
- AI对接:与AI能力对接,实现智能图表选取和数据分析。
安装使用步骤
前端
- 访问Ant Design Pro官网,按指引创建项目。安装pro-cli:
shell npm i @ant-design/pro-cli -g
创建项目:shell pro create yubi-frontend
使用Umi4版本。 - 安装依赖:
shell cd yubi-frontend yarn
- 启动项目,查看示例页面:
shell yarn start
- 移除国际化(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
。 - 再次启动项目:
shell yarn start
- 修改路由配置恢复导航栏,找到项目文件
config/routes.ts
,为每个导航项添加name
属性。 - 重新启动项目,检查页面。
- 初始化git仓库:
shell git init git add . git commit -m "first init" git push origin main
后端
- 拉取springboot - init初始化项目。
- 创建示例数据库
my_db
,跑通初始化项目。 - 提交git后端初始化。
- 设计数据库表(用户表和图表信息表),修改项目中的
create_table.sql
,粘贴表结构代码,更改数据库名为yubi
,创建数据库。 - 使用MybatisX插件生成增删改查代码。
- 将生成的代码合并到项目中,解决冲突后尝试运行调通登录接口。
- 为Chart实体准备增删改查DTO类。
- 复制PostController模板,修改为ChartController模版并适配。
- 启动服务,测试添加图表和查询图表功能是否正常。
前端对接后端增删改查接口
- 获取后端Swagger Json接口:
text http://localhost:8101/api/v2/api-docs
- 在前端项目的
config/config.ts
文件中,找到openAPI配置并修改:json openAPI: [ { requestLibPath: "import { request } from '@umijs/max'", projectName: "yubi", schemaPath: "http://localhost:8101/api/v2/api-docs", mock: false, } ]
- 在终端中运行
yarn openapi
生成接口代码。 - 在
src/app.ts
文件下,修改request对象的配置,添加baseURL
参数。 - 在页面中的任意文件中调用接口,验证连通性。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】