# znxs-BI-b

**Repository Path**: znxs159357/znxs-bi-b

## Basic Information

- **Project Name**: znxs-BI-b
- **Description**: 智能BI系统（前端）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 2
- **Created**: 2024-10-14
- **Last Updated**: 2025-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 项目

## README

## 智能 BI（前端）

### 项目介绍

该项目主要实现功能为分析各种数据，生成图标功能， 通过用户登录，输入数据文件，按需选择图标数据，线性（异步）生成对应的图表数据

### 需求分析

- 用户登录页面
- 用户生成文件输入表单（图表名称输入、图表类型输入、分析目标输入、数据文件上传）
- 协同后端是否线性还是异步生成图表信息，不同的策略，开发不同类型的分析处理页面，例如加加载中（spin）
- 用户需要看到生成的图表信息，需要对图表进行展示，能够对生成信息的关键词进行查询，查询结果进行分页展示

### 技术栈

- React 前端开发语言
- Umi + Ant Design Pro 前端框架 + 组件库
- ECharts 生成图表
- Openapi 自动生成调用接口
- Axios request 请求重新封装
- Prettier + Eslint 格式化工具

具体功能实现：

用户登录

![用户登录展示](./blog/userLogin.png)

生成图表

![生成图表](./blog/genChart.png)

![](./blog/genCharting.png)

![](./blog/genChartSuccess.png)

生成图表（异步）

![生成图表分析](./blog/genChartAsync.png)

![生成图表分析](./blog/genChartAsyncSuccess.png)

**图表结果展示**

![生成图表分析](./blog/myCharts.png)

### 部署说明：

环境需求；node.js > 18

运行命令下载依赖：

```bash
npm install
```

运行后端前端接口生成命令：

```bash
npm run openapi
```

运行程序：

```bash
npm run dev
```

生成前端静态文件

```bash
npm build
```