[发明专利]基于Html的节点数据处理方法以及系统

说明书

本发明公开了一种基于Html的节点数据处理方法以及系统，该节点数据处理方法包括：获取基于Html的网页资源；以Javascript语言解析网页资源生成包括DOM对象节点，其中，网页资源包括静态资源和动态资源，静态资源包括Javascript脚本文件；合并Javascript脚本文件；渲染DOM对象后进行网页展现。本发明的上述技术方案，至少能够针对于大数据量的节点图进行实时的数据展示。

技术领域

本发明涉及计算机技术领域，具体来说，涉及一种基于Html的节点数据处理方法以及系统。

背景技术

超融合集群应用中节点图的数据不能进行大数据量的可视化。并且节点的展示指标也有一定的局限性。尽管可以展示，但是性能一般，展示效果不是很集中，页面操作起来也比较卡顿。另外，在请求数据方面可以使用：websocket、轮询、长连接的方式，多用于实时的消息传送，聊天业务中常常用到。

现有的对于超融合集群应用中节点图展示，存在以下问题：渲染时间受到DOM量的影响，以及受到数据量的影响。其中，DOM为文档对象模型，可以根据DOM来快速定位每一个节点所在的位置，也可以根据DOM来控制每个节点的行为。性能损耗是与结构的复杂程度成正比的。性能损耗越大，渲染时间越久，秒级处理的效果越差。出现这样的问题的原因包括：前台的加载时间以及渲染时间是根据静态资源文件的加载时间以及动态资源的数据请求以及渲染的时间来计算。另外DOM结构越复杂，结构嵌套越深，无论是对Javascript的解析以及数据的渲染，都会耗费时间，响应时间越久，性能损耗越大。

发明内容

针对相关技术中上述的问题，本发明提出一种基于Html的节点数据处理方法以及系统，能够针对于大数据量的节点图进行实时的数据展示。

本发明的技术方案是这样实现的：

根据本发明的一个方面，提供了一种基于Html的节点数据处理方法，包括：

获取基于Html的网页资源；

以Javascript语言解析网页资源生成包括DOM对象节点，其中，网页资源包括静态资源和动态资源，静态资源包括Javascript脚本文件；

合并Javascript脚本文件；

渲染DOM对象后进行网页展现。

根据本发明的实施例，节点数据处理方法还包括：合并CSS样式文件，其中，静态资源还包括CSS文件。

根据本发明的实施例，节点数据处理方法还包括：合并CSS样式文件引用的图片，其中，图片为雪碧图。

根据本发明的实施例，进行网页展现包括：将CSS样式文件设置于页面上部，且Javascript脚本文件设置于页面下部。

根据本发明的实施例，对动态资源的请求为延时请求。

根据本发明的实施例，每次请求的数据请求量为单页面数据请求量。

根据本发明的实施例，在完成一次动态资源的请求之后，进行下一次动态资源的请求。

根据本发明的另一方面，提供了一种基于Html的节点数据处理系统，包括：获取模块，用于获取基于Html的网页资源；解析模块，用于以Javascript语言解析网页资源生成包括DOM对象节点，其中，网页资源包括静态资源和动态资源，静态资源包括Javascript脚本文件；第一合并模块，用于合并Javascript脚本文件；显现模块，用于渲染DOM对象后进行网页展现。

根据本发明的实施例，节点数据处理系统还包括：第二合并模块，用于合并CSS样式文件，其中，静态资源还包括CSS文件。

根据本发明的实施例，节点数据处理系统还包括：第三合并模块，用于合并CSS样式文件引用的图片，其中，图片为雪碧图。