[发明专利]一种页面渲染方法、装置、电子终端及存储介质在审
申请号: | 202111519328.0 | 申请日: | 2021-12-10 |
公开(公告)号: | CN114186155A | 公开(公告)日: | 2022-03-15 |
发明(设计)人: | 唐道远 | 申请(专利权)人: | 挂号网(杭州)科技有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957 |
代理公司: | 北京品源专利代理有限公司 11332 | 代理人: | 侯军洋 |
地址: | 311200 浙江省杭州市萧山区萧山*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 渲染 方法 装置 电子 终端 存储 介质 | ||
1.一种页面渲染方法,其特征在于,包括:
对树结构的目标数据中各节点进行遍历,得到二维数组;所述二维数组中第一维度表征所述树结构的层级,第二维度表征同层级的节点;
对所述二维数组进行遍历,确定各层级的节点数,以及确定所述各层级中从属于相同父节点的兄弟节点;
针对所述各层级,创建包含全部节点的第一标签,以及在所述第一标签内创建包含所述兄弟节点的第二标签;
根据页面参数、所述各层级的节点数以及所述各节点的从属关系,确定所述第一标签和所述第二标签的绘制参数;
根据所述第一标签和所述第二标签的绘制参数,对所述目标数据进行页面渲染。
2.根据权利要求1所述的方法,其特征在于,所述对树结构的目标数据中各节点进行遍历,得到二维数组,包括:
将目标数据的根节点作为当前节点;
循环根据所述当前节点的子节点字段的数据,遍历所述当前节点的子节点,并将所述当前节点的子节点依次作为新的当前节点,直至所述各节点均被遍历为止;
在遍历过程中将同层级的节点的数据存储为一维数组,在遍历完毕时根据各所述一维数组生成二维数组。
3.根据权利要求1所述的方法,其特征在于,所述确定所述各层级中从属于相同父节点的兄弟节点,包括:
将各层级中父节点标识字段的数据相同的节点,确定为从属于相同父节点的兄弟节点。
4.根据权利要求1所述的方法,其特征在于,所述根据页面参数、所述各层级的节点数以及所述各节点的从属关系,确定所述第一标签和所述第二标签的绘制参数,包括:
根据页面参数和所述各层级的节点数的最大值,确定所述各节点对应的页面控件的尺寸;
根据所述各节点对应的页面控件的尺寸,以及各所述第二标签中包含的兄弟节点的数量,确定各所述第二标签的尺寸;
根据各所述第一标签中包含的各所述第二标签的尺寸,确定各所述第一标签的尺寸;
将各所述层级按照由低到高的顺序,依次根据所述页面参数确定对应的第一标签的位置,以及根据对应的第二标签中各节点从属的父节点的位置,确定对应的第二标签的位置。
5.根据权利要求4所述的方法,其特征在于,在所述根据对应的第二标签中各节点从属的父节点的位置,确定对应的第二标签的位置之前,还包括:
根据当前层级对应的第二标签中任一节点的父节点标识字段的数据,以及所述当前层级的低一层级中节点的本节点标识字段的数据,确定所述对应的第二标签中各节点从属的父节点。
6.根据权利要求1所述的方法,其特征在于,对所述目标数据进行页面渲染,包括:
将所述目标数据中各节点的内容字段的数据,与所述各节点对应的页面控件进行绑定;
对绑定后的页面控件进行渲染。
7.根据权利要求1-6中任一所述的方法,其特征在于,所述目标数据包括组织架构数据。
8.一种页面渲染装置,其特征在于,包括:
数据遍历模块,用于对树结构的目标数据中各节点进行遍历,得到二维数组;所述二维数组中第一维度表征所述树结构的层级,第二维度表征同层级的节点;
数组遍历模块,用于对所述二维数组进行遍历,确定各层级的节点数,以及确定所述各层级中从属于相同父节点的兄弟节点;
标签创建模块,用于针对所述各层级,创建包含全部节点的第一标签,以及在所述第一标签内创建包含所述兄弟节点的第二标签;
参数确定模块,用于根据页面参数、所述各层级的节点数以及所述各节点的从属关系,确定所述第一标签和所述第二标签的绘制参数;
渲染模块,用于根据所述第一标签和所述第二标签的绘制参数,对所述目标数据进行页面渲染。
9.一种电子终端,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-7中任一所述的页面渲染方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一所述的页面渲染方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于挂号网(杭州)科技有限公司,未经挂号网(杭州)科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111519328.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种浮动式浮萍测控处理装置
- 下一篇:一种薄壁LED灯座的贴片装置