[发明专利]一种页面渲染方法、装置、电子终端及存储介质

说明书

本发明实施例公开了一种页面渲染方法、装置、电子终端及存储介质，该方法包括：对树结构的目标数据中各节点进行遍历，得到二维数组；二维数组中第一维度表征树结构的层级，第二维度表征同层级的节点；对二维数组进行遍历，确定各层级的节点数，以及确定各层级中从属于相同父节点的兄弟节点；针对各层级，创建包含全部节点的第一标签，以及在第一标签内创建包含兄弟节点的第二标签；根据页面参数、各层级的节点数以及各节点的从属关系，确定第一标签和第二标签的绘制参数；根据第一标签和第二标签的绘制参数，对目标数据进行页面渲染。能够展示整体层级结构、提高可视化区域利用率。

技术领域

本发明实施例涉及计算机技术，尤其涉及一种页面渲染方法、装置、电子终端及存储介质。

背景技术

现有技术中，常采用列表的形式对层级关系的数据进行页面渲染，通常包括：响应于列表中某节点的展开操作，从服务器请求该节点的子节点数据；将子节点数据渲染成页面文字元素插入到该节点的下方。响应于该节点的收起操作，删除其子节点数据对应的页面文字元素。

现有技术的不足之处至少包括：展示数据少，无法直观的展示整体层级结构；页面留白、空缺多，可视化区域利用率低。

发明内容

有鉴于此，本发明实施例提供了一种页面渲染方法、装置、电子终端及存储介质，能够展示整体层级结构、提高可视化区域利用率。

第一方面，本发明实施例提供了一种页面渲染方法，包括：

对树结构的目标数据中各节点进行遍历，得到二维数组；所述二维数组中第一维度表征所述树结构的层级，第二维度表征同层级的节点；

对所述二维数组进行遍历，确定各层级的节点数，以及确定所述各层级中从属于相同父节点的兄弟节点；

针对所述各层级，创建包含全部节点的第一标签，以及在所述第一标签内创建包含所述兄弟节点的第二标签；

根据页面参数、所述各层级的节点数以及所述各节点的从属关系，确定所述第一标签和所述第二标签的绘制参数；

根据所述第一标签和所述第二标签的绘制参数，对所述目标数据进行页面渲染。

第二方面，本发明实施例还提供了一种页面渲染装置，包括：

数据遍历模块，用于对树结构的目标数据中各节点进行遍历，得到二维数组；所述二维数组中第一维度表征所述树结构的层级，第二维度表征同层级的节点；

数组遍历模块，用于对所述二维数组进行遍历，确定各层级的节点数，以及确定所述各层级中从属于相同父节点的兄弟节点；

标签创建模块，用于针对所述各层级，创建包含全部节点的第一标签，以及在所述第一标签内创建包含所述兄弟节点的第二标签；

参数确定模块，用于根据页面参数、所述各层级的节点数以及所述各节点的从属关系，确定所述第一标签和所述第二标签的绘制参数；

渲染模块，用于根据所述第一标签和所述第二标签的绘制参数，对所述目标数据进行页面渲染。

第三方面，本发明实施例还提供了一种电子终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如本申请任意实施例提供的页面渲染方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如本申请任意实施例提供的页面渲染方法。