代码改变世界

一种新的BI工具开发方式

2021-10-18 21:38  我的梦想那么大  阅读(493)  评论(0编辑  收藏  举报

开发一种新的报表开发工具

考虑到现在大量的大屏都是使用现成的bi报表开发工具,例如帆软、ireport 、永洪bi等。
但往往会遇到一个问题,官方所提供的组件往往无法满足业务的需求、以及快速的迭代。报表开发人员需要掌握开发工具的使用。在糟糕的情况下还需要编写js代码,sql等。在这种状况下回使开发人员陷入原生代码开发中,还需要了解各个报表开发工具所提供的api。

解决业务组件无法满足的情况

使用现在比较流行的vue组件,并且可以再开发阶段可以拥有组件的热加载功能,减小开发代价。不再依赖于es5的编译功能。

例如:

Vue.component()

函数拥有这种魔力可以热加载vue组件的,只需要在网页内加载script标签即可。

解决组件可配置

每个组件都需要拥有可以自己的配置项可以让业务人员可以不通过编码的方式修改组件的样式。例如:字体的颜色、字体大小等等配置项
使用一个全局的配置项:

var comSougnAConfig = [{
    name: "字体颜色",
    type: "color",
    value: "#eee",
    id: "color"
}]

依赖约定大于配置的目标,组件内的每个配置项名称为组件的名称+"Config"

数据联动

需要解决点击组件的同时可以联动数据的变化。使用luckysheet来存放数据,并依赖其中的hook监听数据变化,并通知相应组件内数据的变化。

演示系统

在线演示地址

官网

官网

源码

代码源码