页面加载方法、装置、计算机设备和存储介质与流程

本技术涉及页面加载，特别是涉及一种页面加载方法、装置、计算机设备和存储介质。

背景技术：

1、随着web技术的不断发展，大部分的软件系统都采用了浏览器/服务器模式(b/s结构模式)，但是当需要构建数据量很大的导航树时，如果树形数据的加载方式处理不恰当的话，会导致web前端页面无响应甚至崩溃。

2、以performance_web系统为例，performance_web系统是一个web版的文档数据库，在地址栏输入对应性能分析文档的url地址，以树形结构展示文档，用户点击对应的html文档，可以展示性能分析文档内容，左侧目录树选中该性能分析文档，并定位在可视范围内。有时候访问某个性能分析文档时，可能已经被更新过，会导致无法选中对应性能分析文档等问题，因此，在访问性能分析文档时，先更新整个目录树，即初始化时从后台一次性请求所有数据。

3、这种初始化时一次性请求所有数据的方式在数据量大的情况下将严重影响加载速度，导致响应时间长，前端页面无响应甚至崩溃，造成不好的用户体验；并且用户有时候只是访问某个特定的性能分析文档，每次加载或者更新全部数据，造成资源浪费。

技术实现思路

1、基于此，有必要针对上述技术问题，提供一种能够提高页面加载速度并且避免页面无响应甚至崩溃的页面加载方法、装置、计算机设备和存储介质。

2、第一方面，本技术提供了一种页面加载方法，所述方法包括：

3、获取目标网页地址；目标网页地址用于跳转至目标网页；

4、在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径；树形数据结构包括目标网页的根节点与各子节点之间的映射关系；

5、基于目标路径，展示目标路径上各节点下的数据。

6、在其中一个实施例中，在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径，包括：

7、在对目标网页地址进行解析的过程中，获取目标网页地址对应的目标网页的树形数据结构，将树形数据结构中的第一级子节点作为当前节点；

8、若当前节点不是目标节点，则触发当前节点，加载树形数据结构中当前节点的直接子节点，将当前节点的直接子节点作为下一次迭代循环的当前节点，并返回执行触发当前节点的步骤并继续执行，直至当前节点是目标节点，获取目标网页的根节点至目标节点的目标路径。

9、在其中一个实施例中，加载树形数据结构中当前节点的直接子节点，包括：

10、查询本地缓存中是否记录用于访问当前节点的节点数据；节点数据包括当前节点的地址、当前节点的父节点的地址、当前节点的名称和当前节点在树形数据结构中的查找路径；

11、若本地缓存中没有记录用于访问当前节点的节点数据，则从数据库中查询当前节点的各直接子节点的节点数据，将当前节点以及当前节点的各直接子节点的节点数据存入本地缓存中；

12、若本地缓存中存在记录用于访问当前节点的节点数据，则从本地缓冲中直接读取当前节点的各直接子节点的节点数据，并更新本地缓存中当前节点的节点数据。

13、在其中一个实施例中，更新本地缓存中当前节点的节点数据，包括：

14、获取当前节点发出的广播消息；广播消息包括当前节点的地址、当前节点的父节点的地址、当前节点在数据库的存储字段以及当前节点的变动信息；

15、根据广播消息中当前节点的变动信息，更新本地缓冲中当前节点的节点数据。

16、在其中一个实施例中，在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径，包括：

17、在对目标网页地址进行解析的过程中，获取目标网页的目标节点；

18、若本地缓存中存在记录用于访问目标节点的节点数据，则将目标节点作为当前节点，从本地缓存中获取当前节点的直接父节点的节点数据，以及当前节点的各兄弟节点的节点数据；

19、若当前节点的直接父节点不是根节点，则将当前节点的直接父节点作为下一次迭代循环的当前节点，返回执行从本地缓存中获取当前节点的直接父节点，以及当前节点的各兄弟节点的步骤并继续执行，直至当前节点的直接父节点是根节点；

20、获取目标网页的树形数据结构，在树形数据结构中，查找目标节点至根节点的目标路径。

21、在其中一个实施例中，若目标节点发生变动，则更新目标节点的直接父节点的节点数据。

22、第二方面，本技术还提供了一种页面加载装置。所述装置包括：

23、获取模块，用于获取目标网页地址；目标网页地址用于跳转至目标网页；

24、查找模块，用于在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径；树形数据结构包括目标网页的根节点与各子节点之间的映射关系；

25、展示模块，用于基于目标路径，展示目标路径上各节点下的数据。

26、第三方面，本技术还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

27、获取目标网页地址；目标网页地址用于跳转至目标网页；

28、在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径；树形数据结构包括目标网页的根节点与各子节点之间的映射关系；

29、基于目标路径，展示目标路径上各节点下的数据。

30、第四方面，本技术还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

31、获取目标网页地址；目标网页地址用于跳转至目标网页；

32、在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径；树形数据结构包括目标网页的根节点与各子节点之间的映射关系；

33、基于目标路径，展示目标路径上各节点下的数据。

34、第五方面，本技术还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：

35、获取目标网页地址；目标网页地址用于跳转至目标网页；

36、在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径；树形数据结构包括目标网页的根节点与各子节点之间的映射关系；

37、基于目标路径，展示目标路径上各节点下的数据。

38、上述页面加载方法、装置、计算机设备和存储介质，在对目标网页地址进行解析的过程中，获取目标网页的树形数据结构，基于树形数据结构，查找从目标网页地址对应的目标网页的根节点至目标节点的目标路径，并仅展示目标路径上各节点下的数据，无需加载整个树形数据结构，降低加载数据量，提高加载速度，避免加载数据量大时，页面无响应甚至崩溃的问题。