sunshine

BI系统

该产品是税友集团B端内部自研的基建，全称为 Quick Query Tool -快速查数工具，对标阿里云的 Quick BI ，是一款全场景数据消费式的 BI 平台，我们可以使用 QQT 制作漂亮的报表、酷炫的大屏、有分析思路的数据门户，也可以将报表集成在您的业务流程中，并且通过企业微信、邮件等分享给同事。主要功能包括：
1.数据存储：QQT 分析数据时，需要先指定原始数据所在的数据源，目前支持5种数据库、支持文件导入、数据填报等方式存储数据。
2.数据分析：通过各种可视化组件（表格、趋势图等）构建具备交互式分析（钻取、圈选等）能力的表，是最常用的数据分析的功能。
3.数据建模：当业务上需要多表的逻辑模型，可以通过 QQT 数据集的功能建模。
4.数据推送：订阅推送功能可以将报表内容以截图等方式发送给用户，帮助您不用打开报表也能了解到数据的异常和波动变化。
5.技术栈：React17、Less、TypeScript、Antd、Dva、Echarts
职责： 我主要担任前端 owner 的角色，负责前端的架构设计和开发，同时也负责 UI 设计、参与产品设计、业务调研、服务端接口设计评审、代码评审、测试用例指导、项目迭代节奏把控等工作。
挑战：
1.兼容旧版数据：随着企业技术栈从 vue到 react 的升级，旧系统的历史包袱太重，我主导了前端的重构工作，重构后有很多的历史报表数据需要兼容，无论是技术选型还是架构设计都受到了旧系统的很大干扰。
解决方案：首先采用分层设计，分3层，第1层 UI层—设计可视化组件需要的数据结构，第2层数据转换层-转换接口数据给 UI 层使用，第3层兼容层—转换旧的接口数据为新的接口数据结构。
整体架构设计：我理解低代码系统的核心就是如何设计编辑器，将构建编译时的数据给运行时使用，其中组件如何通信的设计决定了系统的健壮性和可维护性，对此我也是思考良久。
解决方案：首选是数据结构的设计，采用 JSON Schema 存储每个可视化组件、字段、表单的配置，用于降低渲染成本；其次封装通用的组件外壳用于数据的输入输出，统一控制组件整体展示。