System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 基于Web技术栈可动态扩展的指标树生成与展示方法技术_技高网

基于Web技术栈可动态扩展的指标树生成与展示方法技术

技术编号:43236467 阅读:7 留言:0更新日期:2024-11-05 17:22
本发明专利技术公开了基于Web技术栈可动态扩展的指标树生成与展示方法,提供基于虚拟机的运行环境层,用于管理硬件资源;设置数据中台层,其中包括MySQL数据库用于存储所有与业务相关的指标主数据信息;配置后端服务层,该层在Node.js环境中运行后台逻辑,并提供API接口的服务,处理来自前端应用层的数据请求;构建前端应用层,利用React框架开发用户界面,并通过react‑sortable‑tree库提供指标树的拖拽式构建功能;利用JsMind库在前端应用层展示构建完成的指标树,以实现指标树的可视化展示。本发明专利技术提高了软件的灵活性和可维护性,并且能提高快速启动和快速关闭的交替操作的响应时间。

【技术实现步骤摘要】

本专利技术涉及计算机科学与,更具体地说,涉及数据可视化技术,具体涉及一种基于web技术栈可动态扩展的指标树生成与展示方法。


技术介绍

1、在当前商业环境中,公司对数据的分析和应用要求日益增长,特别是业务用户需要从数据中台中提取并构建自定义的指标树以洞察关键业务指标。市场上现有的产品往往不能完全满足这些需求,它们可能缺乏灵活性,不能允许用户根据特定的业务逻辑来定制和展示指标树。此外,现有解决方案在处理大规模数据集时,展示效率低下,且在用户交互性和定制化展示方面的功能也大多受限。因此,开发一种新型工具,使业务用户能够便捷地根据现有数据中台的资源,自主定义和构建指标树,并能够以直观、高效的方式展示出来,已成为提高决策质量和业务敏捷性的关键需求。


技术实现思路

1、本发提供基于web技术栈可动态扩展的指标树生成与展示方法,本专利技术提高了软件的灵活性和可维护性,并且能提高快速启动和快速关闭的交替操作的响应时间。

2、解决上述技术问题的技术方案如下:

3、基于web技术栈可动态扩展的指标树生成与展示方法,包括以下步骤:

4、(a)提供基于虚拟机的运行环境层,用于管理硬件资源;

5、(b)设置数据中台层,其中包括mysql数据库用于存储所有与业务相关的指标主数据信息;

6、(c)配置后端服务层,该层在node.js环境中运行后台逻辑,并提供api接口的服务,处理来自前端应用层的数据请求;

7、(d)构建前端应用层,利用react框架开发用户界面,并通过react-sortable-tree库提供指标树的拖拽式构建功能;

8、(e)利用jsmind库在前端应用层展示构建完成的指标树,以实现指标树的可视化展示。

9、进一步地,其中所述数据中台层进一步配置有用于处理后端服务层返回数据的功能模块,将数据格式化为前端应用层展示的格式。

10、进一步地,其中所述后端服务层通过api接口与前端应用层进行数据交互,支持数据的模块化传输和系统的可扩展性。

11、进一步地,所述前端应用层的用户界面进一步提供节点搜索、筛选和预览。

12、进一步地,所述前端应用层使用响应式设计,确保在不同设备和平台上提供一致的用户体验。

13、进一步地,其特征在于,步骤(a)至(e)的具体过程如下:

14、通过前端应用层向后端服务层发起构建指标树的请求;

15、后端服务层接收请求,并通过node.js108中的express109网络框架提供api接口查询mysql数据库以检索所需的指标主数据;

16、检索到的数据在后端服务层经过处理,然后以json格式返回给前端应用层;

17、前端应用层接收到json格式数据,利用react-sortable-tree库进行指标树的构建,并将构建完成的指标树数据发送回后端服务层以保存;

18、构建完成的指标树在前端应用层通过jsmind库进行可视化展示,为用户提供实时的结构和层级查看与分析。

19、在服务器端,该方案采用node.js环境,结合express网络框架,创建了一个灵活的后台服务,该服务负责与数据中台的mysql数据库建立连接。数据库中存储的指标数据经过服务器端的处理,形成适用于指标树构建的基础数据模型。

20、在前端,系统集成了react框架以构建一个响应式用户界面,以及react-sortable-tree库来实现一个交互式的拖放界面。此界面不仅支持用户通过直观的操作来自定义指标树的结构,还允许用户编辑、排序和重新组织指标节点,实现高度个性化的指标层次展现。通过这种方式,用户可以根据具体的业务逻辑和需求,灵活地构建出符合预期的指标树结构。

21、一旦指标树构建完成,系统则利用jsmind这一开源的脑图展示框架,将用户定义的指标树以图形化方式展示在前端页面上。jsmind的可视化展示不仅提升了指标树的阅读体验,还增强了信息的可获取性和用户对数据层次及逻辑关系的理解。这种展示方法特别适用于复杂数据的分析和报告,帮助用户快速把握和传达关键业务指标。

22、系统的前后端通过api接口进行数据交互,确保了系统的模块化和可扩展性。在用户体验方面,系统提供了丰富的交互功能,如节点搜索、筛选和预览等,使得从业务用户到数据分析师都能通过这个工具有效地管理和展示其数据指标。此外,系统后端的架构设计支持多用户环境和数据权限管理,确保了数据的安全性和可维护性。

23、综上所述,本专利技术通过结合node.js和mysql的创新使用,以及react和react-sortable-tree框架的整合,显著提高了业务用户构建和展示自定义指标树的灵活性和效率。具体来说,本专利技术解决了现有技术在数据中台指标交互和可视化方面的不足,为用户提供了一个直观、易于操作的界面来自定义指标树。

本文档来自技高网...

【技术保护点】

1.基于Web技术栈可动态扩展的指标树生成与展示方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的基于Web技术栈可动态扩展的指标树生成与展示方法,其特征在于,其中所述数据中台层进一步配置有用于处理后端服务层返回数据的功能模块,将数据格式化为前端应用层展示的格式。

3.根据权利要求1所述的基于Web技术栈可动态扩展的指标树生成与展示方法,其特征在于,其中所述后端服务层通过API接口与前端应用层进行数据交互,支持数据的模块化传输和系统的可扩展性。

4.根据权利要求1所述的基于Web技术栈可动态扩展的指标树生成与展示方法,其特征在于,所述前端应用层的用户界面进一步提供节点搜索、筛选和预览。

5.根据权利要求1所述的基于Web技术栈可动态扩展的指标树生成与展示方法,其特征在于,所述前端应用层使用响应式设计,确保在不同设备和平台上提供一致的用户体验。

6.根据权利要求1至5任意一项所述的基于Web技术栈可动态扩展的指标树生成与展示方法,其特征在于,步骤(a)至(e)的具体过程如下:

【技术特征摘要】

1.基于web技术栈可动态扩展的指标树生成与展示方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的基于web技术栈可动态扩展的指标树生成与展示方法,其特征在于,其中所述数据中台层进一步配置有用于处理后端服务层返回数据的功能模块,将数据格式化为前端应用层展示的格式。

3.根据权利要求1所述的基于web技术栈可动态扩展的指标树生成与展示方法,其特征在于,其中所述后端服务层通过api接口与前端应用层进行数据交互,支持数据的模块化传输和系统的可扩展性...

【专利技术属性】
技术研发人员:库福来廖政高叶万华潘凯王益川胡海龙余伟张鲲鹏柯尊林夏选琼
申请(专利权)人:重庆青山工业有限责任公司
类型:发明
国别省市:

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

1