# BI项目Web端

**Repository Path**: zhecodefactory/bi-project-web-side

## Basic Information

- **Project Name**: BI项目Web端
- **Description**: BI项目Web端 react+umi
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-05
- **Last Updated**: 2023-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端项目初始化(node 18)

### 1. [智能 BI 系统](https://pro.ant.design/zh-CN)

#### 1.1 构建项目

```bash
# 使用 npm 构建项目
npm i @ant-design/pro-cli -g
pro create myapp

```

#### 1.2 移除不必要的模块

##### 1.2.1 移除国际化

```bash
npm i @typescript-eslint/eslint-plugin
npm i eslint-plugin-eslint-comments
npm i eslint-plugin-jest
npm i eslint-plugin-unicorn
```

```bash
解决国际化报错:
	1.https://github.com/ant-design/ant-design-pro/issues/10452

	2.npm add eslint-config-prettier --dev npm add eslint-plugin-unicorn --dev

	3.node_modules/@umijs/lint/dist/config/eslint/index.js
	注释// es2022: true

```

左侧菜单栏消失了，在官网搜索，找到了 解决方案 ，做如下修改：将 config 模块的 route.js 配置文件的每一条路由都加上对应的 name 属性，如下：

```ts
export default [
  {
    name: '登录',
    path: '/user',
    layout: false,
    routes: [{ path: '/user/login', component: './User/Login' }],
  },
  { name: '欢迎页面', path: '/welcome', icon: 'smile', component: './Welcome' },
  {
    path: '/admin',
    icon: 'crown',
    access: 'canAdmin',
    name: '管理员页面',
    routes: [
      { path: '/admin', redirect: '/admin/sub-page' },
      { path: '/admin/sub-page', component: './Admin' },
    ],
  },
  { icon: 'table', path: '/list', component: './TableList', name: '表格页' },
  { path: '/', redirect: '/welcome' },
  { path: '*', layout: false, component: './404' },
];
```

#### 1.3 自动生成增删改查代码

```bash
  修改 config/config.ts
```

![img](./assets/img.png)

#### 1.4 前端初始化代码

# 后端项目初始化

### 0. 异常处理

```bash
后台启动项目端口号报错
使用:netsh interface ipv4 show excludedportrange protocol=tcp
避开已被使用的端口号
```

### 1.表结构设计

#### 1. 用户表

```sql
-- 用户表
create table if not exists user
(
    id           bigint auto_increment comment 'id' primary key,
    userAccount  varchar(256)                           not null comment '账号',
    userPassword varchar(512)                           not null comment '密码',
    userName     varchar(256)                           null comment '用户昵称',
    userAvatar   varchar(1024)                          null comment '用户头像',
    userRole     varchar(256) default 'user'            not null comment '用户角色：user/admin',
    createTime   datetime     default CURRENT_TIMESTAMP not null comment '创建时间',
    updateTime   datetime     default CURRENT_TIMESTAMP not null on update CURRENT_TIMESTAMP comment '更新时间',
    isDelete     tinyint      default 0                 not null comment '是否删除',
    index idx_unionId (userAccount)
) comment '用户表' collate = utf8mb4_unicode_ci;
```

#### 2.图表信息表

```sql
-- 图表表
create table if not exists chart
(
    id         bigint auto_increment comment 'id' primary key,
    userId     bigint null comment '创建用户ID',
    goal       text                               null comment '分析目标',
    `name`     varchar(128)                       null comment '图表名称',
    chartData  text                               null comment '图表数据',
    chartType  varchar(128)                       null comment '图表类型',
    genChart   text                               null comment '生成的图表数据',
    genResult  text                               null comment '生成的分析结论',
    createTime datetime default CURRENT_TIMESTAMP not null comment '创建时间',
    updateTime datetime default CURRENT_TIMESTAMP not null on update CURRENT_TIMESTAMP comment '更新时间',
    isDelete   tinyint  default 0                 not null comment '是否删除'
) comment '图表信息表' collate = utf8mb4_unicode_ci;
```

### 2.自动生成后端增删改查代码