[发明专利]渲染网页的方法及装置、系统、存储介质、电子装置

说明书

本发明提供了一种渲染网页的方法及装置、系统、存储介质、电子装置，其中，该方法包括：确定客户端的网页可视窗口的界面范围；根据所述界面范围获取树状图内容的第一网页数据，其中，所述树状图内容由所述第一网页数据和第二网页数据组成，所述第二网页数据存储在服务器；渲染所述第一网页数据得到第一树形图像，并在当前网页可视窗口内显示所述第一树形图像。通过本发明，解决了相关技术中渲染树形图像时占用系统资源过大的技术问题，可以减少系统资源开销，提高了加载速度，能减少网页加载的时间，降低系统资源的占用，提高实际用户的体验，防止网页卡死。

技术领域

本发明涉及计算机领域，具体而言，涉及一种渲染网页的方法及装置、系统、存储介质、电子装置。

背景技术

网页是构成网站的基本元素，网站也是由网页组成的，网页加载的快慢对用户的体验有重要影响，低的系统资源占用的页面树状图框架是一种重新定义网页树状图的渲染模式，通过这种框架模式可以高效缩短网页加载速度，降低系统资源的占用。

相关技术中，人们通过浏览器的网页获取信息，在一些银行或者大型公司，通常会用网页的树状架构图显示公司的组织架构，而网页页面的树状图渲染通常是直接渲染所有获取的内容在页面上，往往会导致网页加载缓慢甚至卡死，尤其在组织架构异常复杂、结点数量几十万或上百万时，网页卡死的现象频频发生严重影响体验。

针对相关技术中存在的上述问题，目前尚未发现有效的解决方案。

发明内容

本发明实施例提供了一种渲染网页的方法及装置、系统、存储介质、电子装置。

根据本发明的一个实施例，提供了一种渲染网页的方法，包括：确定客户端的网页可视窗口的界面范围；根据所述界面范围获取树状图内容的第一网页数据，其中，所述树状图内容由所述第一网页数据和第二网页数据组成，所述第二网页数据存储在服务器；渲染所述第一网页数据得到第一树形图像，并在当前网页可视窗口内显示所述第一树形图像。

可选的，在所述网页可视窗口内显示所述第一树形图像之后，所述方法还包括：监听所述客户端输入组件的动态事件；在监听到用于指示显示第二树形图像的指定动态事件时，从所述服务器获取所述第二网页数据；

渲染所述第二网页数据得到所述第二树形图像，并在当前网页可视窗口内显示所述第二树形图像。

可选的，在当前网页可视窗口内显示所述第二树形图像之后，所述方法还包括：在所述客户端本地删除所述第一网页数据。

可选的，确定客户端的网页可视窗口的界面范围包括：确定所述客户端的网页可视窗口中第一子窗口与第二子窗口的边界线，其中，所述第一子窗口用于显示树形图像，所述第二子窗口用于显示除所述树形图像之外的其他画面；将所述边界线与所述网页可视窗口的临界线围成的范围作为所述界面范围。

可选的，根据所述界面范围获取树状图内容的第一网页数据包括：计算与所述界面范围的面积匹配的结点级数；获取所述结点级数内的多个分支结点的第一网页数据，其中，所述树状图内容包括所述分支结点和叶子结点，所述第一网页数据包括所述多个分支结点的树形结构和结点内容。

根据本发明的另一个实施例，提供了一种渲染网页的装置，包括：确定模块，用于确定客户端的网页可视窗口的界面范围；第一获取模块，用于根据所述界面范围获取树状图内容的第一网页数据，其中，所述树状图内容由所述第一网页数据和第二网页数据组成，所述第二网页数据存储在服务器；第一渲染模块，用于渲染所述第一网页数据得到第一树形图像，并在当前网页可视窗口内显示所述第一树形图像。

可选的，所述装置还包括：监听模块，用于在所述渲染模块在所述网页可视窗口内显示所述第一树形图像之后，监听所述客户端输入组件的动态事件；第二获取模块，用于在监听到用于指示显示第二树形图像的指定动态事件时，从所述服务器获取所述第二网页数据；第二渲染模块，用于渲染所述第二网页数据得到所述第二树形图像，并在当前网页可视窗口内显示所述第二树形图像。