BI引擎-开发文档

1 产品概述
目前完成情况：基本框架已经完成，功能包括添加组件、设置组件属性、绑定组件数据、设置组件的交互、图表项目的保存/预览/删除/另存为。
后续进展：组件的增加、组件属性的增加、交互的增加、交互体验的优化、产品性能的优化等。
调试说明
下载表单案例后，将获表单列表api的地址改成下载好的表单案例服务相对应的地址


2 模块说明
2.1 前台模块

如图所示，每个页面下通常有两个大组：逻辑（相当于前端开发的JavaScript文件，内容是事件逻辑和变量数据）和UI（相当于前端开发的HTML、CSS文件，内容是页面元素、排版），放置于「页面」内的逻辑为页面内专用，放置于「前台」内的逻辑为页面共用。

2.1.1 初始页

2.1.1.1 图表项目管理
项目模块截图：


对应开发截图：

如图所示，黄框内容是为图表项目管理模块的UI，蓝框内容为图表项目管理模块的逻辑。

2.1.1.2 数据来源管理
2.1.1.2.1 API管理
项目模块截图：


对应开发截图：


如图所示，黄框内容是为API管理模块的UI，蓝框内容为API管理模块的逻辑。

2.1.1.2.2 表单管理
项目模块截图：


对应开发截图：

如图所示，黄框内容是为表单数据管理模块的UI，蓝框内容为表单数据管理模块的逻辑。

2.1.2 编辑页

2.1.2.1 项目操作
主要对项目进行保存、预览、另存为、删除等操作：


对应开发截图：


2.1.2.2 组件操作
2.1.2.2.1 组件的数据结构

如图所示为一个组件的数据，基础属性有3个：name、type、props。
name：组件名称，仅用于前端展示；
type：组件内容，用于中央舞台区加载显示对应的组件；
props：组件属性，用于设置组件的样式和绑定数据，以下重点解释数据绑定的字段：
bind：组件是否绑定了变量，若无绑定，即显示value的值，否则显示code的值；
code：记录绑定变量的路径和多个变量组合的关系，用于获取和计算变量的数据；
value：前端组件属性栏的输入框手动填写的内容；
variables：记录绑定了什么变量、填写了哪些计算公式，用于前端展示。

2.1.2.2.2 组件添加
项目模块截图：


对应开发截图：


主要逻辑：设定默认属性，添加到组件队列中


2.1.2.2.3 组件属性设置
用于组件属性的设置、数据的绑定、交互的添加，项目模块截图：


对应开发截图：


主要逻辑：直接修改组件队列里对应属性的值


2.1.2.2.4 组件与数据源的绑定
数据绑定的原理如下：


项目模块截图：


对应开发截图：

如图所示，黄框内容是为UI，蓝框内容为对应的逻辑。

2.1.2.3 内容舞台
用于查看、选中和移动组件：


对应开发截图：


2.2 后台模块
2.2.1 图表项目数据

黄框内容为图表项目数据的处理，每个功能对应一个服务。

2.2.2 接口数据

黄框内容为接口数据的处理，每个功能对应一个服务。

2.2.3 变量数据

黄框内容为BI变量数据的处理，每个功能对应一个服务。