[发明专利]程序结构可视化方法、设备、存储介质及装置

说明书

本发明公开了一种程序结构可视化方法、设备、存储介质及装置，该方法包括：遍历页面对象列表，将遍历到的页面对象作为当前页面对象，记录所述当前页面对象中的页面元素之间的关系描述数据；通过预设可视化工具建立实例化对象；从所述关系描述数据中提取出所有的页面元素，将所有的页面元素作为所述实例化对象的节点；根据所述关系描述数据建立所述节点之间的连线，所述节点和所述节点之间的连线构成所述页面元素之间的关系网络；通过所述预设可视化工具将所述关系网络进行展示。基于页面数据分析，通过所述预设可视化工具将所述页面元素之间的关系网络进行展示，直观的将前端开发的逻辑性进行展示，使得系统的逻辑结构易于理解。

技术领域

本发明涉及计算机信息技术领域，尤其涉及一种程序结构可视化方法、设备、存储介质及装置。

背景技术

大多数开发文档使用文字的方式表述系统的逻辑结构，虽然逻辑严谨易于证明，但是可理解性比较差，前端程序结构的复杂性和逻辑关系繁多，导致系统的维护和改进需要耗费很多时间进行逻辑关系的整理，因此，如何让前端程序结构易于理解是亟待解决的技术问题。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提供一种程序结构可视化方法、设备、存储介质及装置，旨在解决现有技术中前端程序结构复杂，难于理解的技术问题。

为实现上述目的，本发明提供一种程序结构可视化方法，所述程序结构可视化方法包括以下步骤：

遍历页面对象列表，将遍历到的页面对象作为当前页面对象，记录所述当前页面对象中的页面元素之间的关系描述数据；

通过预设可视化工具建立实例化对象；

从所述关系描述数据中提取出所有的页面元素，将所有的页面元素作为所述实例化对象的节点；

根据所述关系描述数据建立所述节点之间的连线，所述节点和所述节点之间的连线构成所述页面元素之间的关系网络；

通过所述预设可视化工具将所述关系网络进行展示。

优选地，所述根据所述关系描述数据建立所述节点之间的连线，所述节点和所述节点之间的连线构成所述页面元素之间的关系网络，包括：

对所有的页面元素进行遍历，将遍历到的页面元素作为第一元素，所述当前页面对象包括多种类型的页面元素；

对所述第一元素进行类型识别，获得所述第一元素的第一类型；

查找与所述第一类型对应的第一调用规则；

根据所述第一调用规则对所述第一元素进行内容分析，获得所述第一元素与第二元素之间的关系；

根据所述第一元素与所述第二元素之间的关系建立所述第一元素对应的节点与所述第二元素对应的节点之间的连线；

所述节点和所述节点之间的连线构成所述页面元素之间的关系网络。

优选地，所述通过所述预设可视化工具将所述关系网络进行展示之后，所述程序结构可视化方法还包括：

根据所述关系网络计算各页面元素的使用频度；

将所述使用频度超过预设频度阈值的页面元素作为目标页面元素，对所述目标页面元素进行优化。

优选地，所述遍历页面对象列表，将遍历到的页面对象作为当前页面对象，记录所述当前页面对象中的页面元素之间的关系描述数据之后，所述程序结构可视化方法还包括：

调用服务器接口，通过所述服务器接口将所述关系描述数据发送至服务器进行存储。