# BI工具开发计划
## 短期目标
- 5月中旬完成自定义图表创建，大概完成自适应布局创建功能，可供用户演示
## 核心开发任务
数据准备 -> 图表管理 -> 自适应布局场景 开发串成一条线，挑重点的功能去做，5月中旬可给用户演示
## 项目架构
| 一级导航                | 二级导航            | 功能页面            | 解释  |
|---------------------|-----------------|-----------------|-----|
| **工作空间(workspace)** | -               | -               |     |
| **场景管理(scene)**     | 自由布局场景(fixed)   | 新增/编辑页面(editor) |     |
|                     |                 | 场景列表(list)      |     |
|                     |                 | 发布预览页面(preview) |     |
|                     |                 | 场景源代码编辑(source) |     |
|                     | 自适应布局场景(auto)⭐️  | 新增/编辑页面(editor) |     |
|                     |                 | 场景列表(list)      |     |
|                     |                 | 发布预览页面(preview) |     |
|                     |                 | 场景源代码编辑(source) |     |
|                     | 定制开发场景(custom)  | 场景列表(list)      |     |
|                     |                 | 场景发布浏览(preview) |     |
| ⭐️**图表管理(chart)**    | -               | 新增/编辑图表(editor) |     |
|                     |                 | 图表列表(list)      |     |
|                     |                 | 图表发布预览(preivew) |     |
| ⭐️**数据定义(data)**     | 数据集(dataset)    |                 |     |
|                     | 数据源(datasource) |                 |     |
| **设置(setting)**     | -               | 系统设置(system)    |     |
## 开发时间计划
注：前面标⭐️的是高优先级
### 1. 基础搭建全局功能
| 功能模块      | 前端  | 后端  | 备注                                        | 完成  |
|-----------|-----|-----|-------------------------------------------|-----|
| ⭐️前、后端仓库构建 | 2   | 2   | 确定好研发技术路线以及常用的modules库、后端依赖、中间件，出架构设计图    | ✅   |
| 登录模块      | 4   | 4   | 登录前端页开发，调研支持ldap协议登录，支持管理员账户新建或者删除用户      |     |
| 权限管理模块    | 4   | 2   | 系统管理员支持新建多个角色，每个角色都可以定义一组权限码，根据不同级别权限隐藏操作 |     |
| 文件存储管理系统  | 3   | 5   | 支持对图片增删改预览使用<br>背景图片等可以快速选择已经上传的图片        |     |
### 2. 工作空间
**工作空间（Workspace）** ，用于集中展示和管理分析资源。主要功能包括：
**1. 场景统计**：显示当前空间下的仪表板、报表等场景数量（如“5个大屏/10个报表”）。
**2. 图表资产**：汇总使用的可视化图表类型及数量（如柱状图x3、地图x1）。
**3. 最近使用**：按时间排序用户最近访问或编辑的项目，支持快速跳转。
……待补充（优先级低，预留前端开发入口）
![](BI%E5%B7%A5%E5%85%B7%E5%BC%80%E5%8F%91%E8%AE%A1%E5%88%92/image.png)<!-- {"width":648} -->
### 3. 场景定义模块
go-view本身支持自定义布局，补充开发并优化自适应布局，自适应布局优先，两者共存
**自适应布局：**适合快速搭建场景，配置简单，在不同分辨率下都有良好的展示效果
**自由布局：**适合固定分辨率大屏展示，可以实现复杂的展示场景，但配置方法较为复杂
#### 3.1 自由场景和自适应场景共通模块
| 功能模块     | 前端  | 后端  | 备注                                                           | 完成  |
|----------|-----|-----|--------------------------------------------------------------|-----|
| 增加全局变量功能 | 4   | 2   | 全局变量（Global Variables）是可在整个仪表板中共享的参数，用于统一控制多个组件的筛选条件（如时间范围、输入搜索、下拉搜索框），实现动态数据控制，提升仪表板的交互性和复用性。 |     |
#### 3.2 自由布局场景
优先级低
| 功能模块         | 前端  | 后端  | 备注                                                      | 完成  |
|--------------|-----|-----|---------------------------------------------------------|-----|
| ⭐️布局调整        | 1   | 0   |                                                         |     |
| 可以动态引入已创建的图表 | 10  | 3   | 通过链接形式可以引入已经创建好的图表，图表修改自由布局大屏里的图表也相应发生改变，需要大规模改造代码，优先级低 |     |
⚠️ 注：自由布局目前先不做过多的修改，常总说90%需求会用自适应布局场景实现。
#### 3.3 自适应布局场景⭐️
| 功能模块       | 前端  | 后端  | 备注                                                           | 完成  |
|------------|-----|-----|--------------------------------------------------------------|-----|
| ⭐️布局方案      | 4   | 2   | 参考DataEase和Datart，使用vue-grid-layout来完成图表的自定义布局，发布后的大屏通常支持响应式适配，自动适应不同屏幕尺寸（PC/大屏设备） |     |
| ⭐️存储格式      | 2   | 2   | 规范化布局存储格式，支持两种布局场景，支持拓展设置字段                                  |     |
| ⭐️全局变量和查询组件 | 1   | 3   | 支持时间筛选等功能，同3.1                                               |     |
| ⭐️自适应布局配置   |     |     | 配置选项包括<br>仪表盘风格<br>- 浅色主题<br>- 深色主题<br>整体配置<br>- 组件间隙：有间隙 无间隙<br>- 间隙大小：小、中、大、自定义<br>图标样式<br>图表配色<br>高级样式设计<br>….等 |     |
| ⭐️支持复用功能    | 4   | 3   | 支持复用已经创建好的图表，可以编辑图标的样式和摆放位置                                  |     |
| ⭐️基础事件配置    | 3   | 2   | 支持自定义图表的基础事件，如单击事件，跳转页面出现模态框等功能                              |     |
| ⭐️场景发布功能    | 2   | 2   | **在线发布：**生成可分享的URL链接（支持公开或权限控制）。<br>**更新同步：**修改大屏后，可一键重新发布，覆盖旧版本。 |     |
| ⭐️场景列表      | 1   | 2   | 管理已经创建好的场景列表                                                 |     |
| 场景列表补充开发   | 2   | 3   | 场景支持分组、打标签等详细功能                                              |     |
| 数据钻取功能     | 5   | 5   | 优先级较低，先预留出可以钻取的入口，支持纯手写js实现钻取功能，后期在此基础上做成可视化                 |     |
#### 3.4 定制化开发场景
留个接口，可以开发前端页面
| 功能模块      | 前端  | 后端  | 备注             | 完成  |
|-----------|-----|-----|----------------|-----|
| 定制化开发页面显示 | 1   | 1   | 显示前端开发定制化的场景   |     |
| 场景管理模块    | 1   | 1   | 显示前端开发定制化的场景列表 |     |
### 4. 图表管理
| 功能模块     | 前端  | 后端  | 备注                                               | 完成  |
|----------|-----|-----|--------------------------------------------------|-----|
| ⭐️图表管理页面  | 4   | 2   | 创建图表，移植goview图表功能，                               |     |
| ⭐️单个图表详细配 | 1   | 1   | 参照其他开源的BI组件完善每一个图表块的配置定义，如标题字体颜色，背景颜色，边距，自适应布局改造 |     |
| 预留其他组件   | 2   | 1   | 简化引入其他组件的方式，支持后期根据用户需求方便的快速开发echarts、cesium等组件   |     |
| 预留筛选功能   | 2   | 2   | 图表支持引入后接入全局变量，完成联动、时间筛选等功能                       |     |
| ⭐️图表发布功能  | 1   | 1   | 自适应场景发布功能开发完毕可以直接复用                              |     |
| ⭐️图表列表    | 1   | 1   | 管理已经创建好的图表列表                                     |     |
| 图表列表补充开发 | 1   | 2   | 与场景类似，可以复用减轻开发量                                  |     |
### 5. 数据定义
前期工作，贾总建议尽可能简化数据引入方式，先串流程
| 功能模块      | 前端  | 后端  | 备注                                                           | 完成  |
|-----------|-----|-----|--------------------------------------------------------------|-----|
| ⭐️数据源      | 2   | 3   | 将goview数据请求模块拿出来作为一个单独的组件，先实现其效果，支持静态数据、url接口和SQL请求          |     |
| ⭐️JS过滤器    | 3   | 2   | 拿出goview功能里面的过滤器功能，过滤器默认处理接口返回值的「data」字段                     |     |
| ⭐️后端代理前端请求 | 0   | 3   | 后端作为中间层，可以绕过浏览器的跨域限制。<br>后端可对原始数据进行预处理（如聚合、分页、缓存），减少网络传输量和前端计算压力。<br>后端封装不同数据源的访问细节，为前端提供统一的 RESTful API 或 GraphQL 接口，简化前端逻辑。 | ✅   |
具体的五月中旬过后在写