System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种基于Canvas的低代码BI演示系统的实现方法技术方案_技高网

一种基于Canvas的低代码BI演示系统的实现方法技术方案

技术编号:41292571 阅读:2 留言:0更新日期:2024-05-13 14:43
本发明专利技术公开了一种基于Canvas的低代码BI演示系统的实现方法,包括:搭建基础环境,启动低代码BI演示系统;获取BI大屏数据并存储到数据库;登录系统,对数据源进行配置,获取数据库连接参数连接数据库,直至校验成功连接到数据库;将配置好的数据源作为源数据,开始配置数据集,从数据库下所有表中选择对应的表作为数据集;进入数据源页面配置仪表板,先新建图表弹窗,在弹窗选择数据集后选择图表类型,确定图表中的数据的维度和指标,形成一个完整的图表;完善并保存完仪表板后,发布仪表板。相比于传统BI大屏方案,减去的大量重复的开发工作,节约了大量成本;相比于传统BI操作模式,点击与拖拽即可实现相同的效果,更加直观、便捷。

【技术实现步骤摘要】

本专利技术属于计算机软件,特别是涉及一种基于canvas的低代码bi演示系统的实现方法。


技术介绍

1、canvas api(画布)是在html5中新增的用于在网页实时生成图像的标签,并且可以操作图像内容,基本上它是一个可以用javascript操作的位图(bitmap)。现代bi大屏所常用的图表库echarts底层就是使用的canvas。而随着bi大屏的开发需求日益增多,繁重重复的业务使得开发人员深陷其中。随着低代码的出现,bi大屏似乎迎来了更加合理的实现方式,基于此,提供一种基于canvas的低代码bi演示系统的实现方法。


技术实现思路

1、针对以上技术问题,本专利技术提供一种基于canvas的低代码bi演示系统的实现方法。

2、本专利技术解决其技术问题采用的技术方案是:

3、一种基于canvas的低代码bi演示系统的实现方法,所述方法包括以下步骤:

4、s100:搭建基础环境,启动低代码bi演示系统;

5、s200:获取bi大屏数据并存储到数据库;

6、s300:登录系统,对数据源进行配置,获取数据库连接参数连接数据库,直至校验成功连接到数据库;

7、s400:将配置好的数据源作为源数据,开始配置数据集,从数据库下所有表中选择对应的表作为数据集;

8、s500:进入数据源页面配置仪表板,先新建图表弹窗,在弹窗选择数据集后选择图表类型,选定图表后,进一步确定图表中的数据的维度和指标,形成一个完整的图表;

9、s600:完善并保存完仪表板后,发布仪表板。

10、优选地,s100具体为:

11、配置低代码bi演示系统所需要的基础环境nginx与tomcat,将打包后的前端文件放入nginx下的html目录,启动nginx访问,能访问登录界面表示前端已启动成功,后端war包放入tomcat下的webapps目录下,通过bin目录下的statup.bat启动tomcat。

12、优选地,s200中的bi大屏数据可在数据库新建表与字段后通过excel导入。

13、优选地,s300中的数据库连接参数包括数据库ip、数据库描述、驱动、端口、类型、数据库名称、数据库用户名和密码。

14、优选地,每个数据集都会作为记录存储于数据库,数据集包括连接的数据源相关信息与数据,s400中的数据集对应每一个图表所需的数据,来源包括数据库表或excel表,若来源为excel表时,直接导入excel表,若来源为数据库表时,数据库表需先配置好数据源,选择该数据源后再选择表。

15、优选地,s500中的图表包括汇总表、明细表、指标卡、仪表盘、基础折线图、堆叠折线图、基础柱状图、堆叠柱状图、横向柱状图、饼图、南丁格尔图、雷达图、散点图、漏斗图,支持文字、图片、富文本要素,支持直连数据库或通过api获取数据。

16、优选地,s500还包括:通过拖拽图表调整每个图表的位置,通过设置图表的样式调整图表的样式,通过调整图表容器样式来调整容器的背景和边框。

17、优选地,s600还包括:分享给指定的用户、角色或组织,和/或创建公共链接提供给所有人访问。

18、上述一种基于canvas的低代码bi演示系统的实现方法,基于低代码的理念,将业务量大又重复度高的bi数据大屏整合形成一套固有的模式,将数据与视图结合,以拖拽、点击的方式实现bi数据大屏,对bi数据大屏的研究实现提供了便利。相比于传统bi大屏方案,减去的大量重复的开发工作,节约了大量成本;相比于传统bi操作模式,点击与拖拽即可实现相同的效果,更加直观、便捷,让一个完全不懂开发的人员也能实现一个美观的bi数据大屏。

本文档来自技高网...

【技术保护点】

1.一种基于Canvas的低代码BI演示系统的实现方法,其特征在于,所述方法包括以下步骤:

2.根据权利要求1所述的方法,其特征在于,S100具体为:

3.根据权利要求1所述的方法,其特征在于,S200中的BI大屏数据可在数据库新建表与字段后通过Excel导入。

4.根据权利要求1所述的方法,其特征在于,S300中的数据库连接参数包括数据库IP、数据库描述、驱动、端口、类型、数据库名称、数据库用户名和密码。

5.根据权利要求1所述的方法,其特征在于,每个数据集都会作为记录存储于数据库,数据集包括连接的数据源相关信息与数据,S400中的数据集对应每一个图表所需的数据,来源包括数据库表或Excel表,若来源为Excel表时,直接导入Excel表,若来源为数据库表时,数据库表需先配置好数据源,选择该数据源后再选择表。

6.根据权利要求1所述的方法,其特征在于,S500中的图表包括汇总表、明细表、指标卡、仪表盘、基础折线图、堆叠折线图、基础柱状图、堆叠柱状图、横向柱状图、饼图、南丁格尔图、雷达图、散点图、漏斗图,支持文字、图片、富文本要素,支持直连数据库或通过API获取数据。

7.根据权利要求1所述的方法,其特征在于,S500还包括:通过拖拽图表调整每个图表的位置,通过设置图表的样式调整图表的样式,通过调整图表容器样式来调整容器的背景和边框。

8.根据权利要求1所述的方法,其特征在于,S600还包括:分享给指定的用户、角色或组织,和/或创建公共链接提供给所有人访问。

...

【技术特征摘要】

1.一种基于canvas的低代码bi演示系统的实现方法,其特征在于,所述方法包括以下步骤:

2.根据权利要求1所述的方法,其特征在于,s100具体为:

3.根据权利要求1所述的方法,其特征在于,s200中的bi大屏数据可在数据库新建表与字段后通过excel导入。

4.根据权利要求1所述的方法,其特征在于,s300中的数据库连接参数包括数据库ip、数据库描述、驱动、端口、类型、数据库名称、数据库用户名和密码。

5.根据权利要求1所述的方法,其特征在于,每个数据集都会作为记录存储于数据库,数据集包括连接的数据源相关信息与数据,s400中的数据集对应每一个图表所需的数据,来源包括数据库表或excel表,若来源为excel表时,直接导...

【专利技术属性】
技术研发人员:郭峻杰张熙李厚锦陈年强盛婷梁闽彭莉莉谢嘉戴国柱彭曦孙坚刘威
申请(专利权)人:长沙军民先进技术研究有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1