一种模块化动态构建可视化大屏的方法技术

本发明专利技术涉及WEB应用系统可视化大屏展示开发技术领域，特别涉及一种模块化动态构建可视化大屏的方法，包括以下步骤：S1、按照可视化大屏设计需求进行分析得到大屏的布局方式和所需要的模块组件类型；S2、按照可视化大屏设计需求开发编写各模块组件；S3、通过组件管理器对开发的模块组件进行发布管理；S4、通过画布管理器创建画布；S5、在画布中创建图层；S6、放置模块组件，通过拖拽将模块组件放置在画布的图层上进行布局；S7、对已放置好模块组件的画布进行预览、保存、发布。本发明专利技术步骤设计合理，能方便灵活地构建可视化大屏，通过自由拖拽的方式可灵活地组合，能加快开发速度与自由度，从而节省开发时间。从而节省开发时间。从而节省开发时间。

【技术实现步骤摘要】
一种模块化动态构建可视化大屏的方法


[0001]本专利技术涉及WEB应用系统可视化大屏展示开发
，特别涉及一种模块化动态构建可视化大屏的方法。

技术介绍

[0002]随着移动互联网时代的发展，大数据技术广泛应用，产生大量可用于展示统计的数据，且前端开发技术也在不断迭代更新，人们对高大上的大屏展示存在向往，开发可视化大屏受到各行各业的青睐，可视化大屏可清晰直观的对数据进行展示交互，随着可视化大屏上的业务日益复杂，往往一个可视化大屏页面模块多、图表多、交互展示要求多，随之对升级改版的需求也越急，对开发人员的要求也越来越高。如果采用现有系统进行开发，代码冗余在一起，会增加修改代码的时长和增加开发人员的开发难度，降低代码的可运维度，每次系统改版需花费较多的工作量进行编码的调整。针对上述缺陷，本专利技术作出了改进。

技术实现思路

[0003]为了克服
技术介绍
的不足，本专利技术提供一种模块化动态构建可视化大屏的方法，步骤设计合理，能方便灵活地构建可视化大屏，通过自由拖拽的方式可灵活地组合，能加快开发速度与自由度，从而节省开发时间。...

【技术保护点】

【技术特征摘要】
1.一种模块化动态构建可视化大屏的方法，其特征在于，包括以下步骤：S1、按照可视化大屏设计需求进行分析得到大屏的布局方式和所需要的模块组件类型；S2、按照可视化大屏设计需求开发编写各模块组件；S3、通过组件管理器对开发的模块组件进行发布管理；S4、通过画布管理器创建画布；S5、在画布中创建图层；S6、放置模块组件，通过拖拽将模块组件放置在画布的图层上进行布局；S7、对已放置好模块组件的画布进行预览、保存、发布。2.根据权利要求1所述的一种模块化动态构建可视化大屏的方法，其特征在于，步骤S1包括：通过可视化大屏的设计图计算各图表的区域划分，得到画布所需的行列数。3.根据权利要求1所述的一种模块化动态构建可视化大屏的方法，其特征在于，步骤S2包括：创建模块组件名称，初始化模块组件数据，定义模块组件的逻辑功能。4.根据权利要求1所述的一种模块化动态构建可视化大屏的方法，其特征在于，步骤S3包括：在组件管理器中录入模块组件基本信息，并以数据库存储的方式进行保存，编辑模块组件并通过是否发布状态来控制模块组件在画布中是否显示。5.根据权利要求1所述的一种模块化动态构建可视化大屏的方法，其特征在于，步骤S4包括：在画布管理器中输入画布名称创建一个画布，定义画布大小和画布背景，设置画布布局方式，画布支持栅格布局和竖屏布局两种布局方式。6.根据权利要求5所述的一种模块化动态构建可视化大屏的方法，其特征在于，步骤S4还包括：给画布绘制标尺，画布以缩放形式...

【专利技术属性】
技术研发人员：熊星帅，
申请(专利权)人：重庆中信科信息技术有限公司，
类型：发明
国别省市：