一种页面渲染方法、装置、电子终端及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114186155A(43)申请公布日2022.03.15(21)申请号202111519328.0(22)申请日2021.12.10(71)申请人挂号网（杭州）科技有限公司地址311200浙江省杭州市萧山区萧山经济技术开发区明星路371号3幢23层2303室(72)发明人唐道远(74)专利代理机构北京品源专利代理有限公司11332代理人侯军洋(51)Int.Cl.G06F16/957(2019.01)权利要求书2页说明书11页附图5页(54)发明名称一种页面渲染方法、装置、电子终端及存储介质(57)摘要本发明实施例公开了一种页面渲染方法、装置、电子终端及存储介质，该方法包括：对树结构的目标数据中各节点进行遍历，得到二维数组；二维数组中第一维度表征树结构的层级，第二维度表征同层级的节点；对二维数组进行遍历，确定各层级的节点数，以及确定各层级中从属于相同父节点的兄弟节点；针对各层级，创建包含全部节点的第一标签，以及在第一标签内创建包含兄弟节点的第二标签；根据页面参数、各层级的节点数以及各节点的从属关系，确定第一标签和第二标签的绘制参数；根据第一标签和第二标签的绘制参数，对目标数据进行页面渲染。能够展示整体层级结构、提高可视化区域利用率。CN114186155ACN114186155A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：对树结构的目标数据中各节点进行遍历，得到二维数组；所述二维数组中第一维度表征所述树结构的层级，第二维度表征同层级的节点；对所述二维数组进行遍历，确定各层级的节点数，以及确定所述各层级中从属于相同父节点的兄弟节点；针对所述各层级，创建包含全部节点的第一标签，以及在所述第一标签内创建包含所述兄弟节点的第二标签；根据页面参数、所述各层级的节点数以及所述各节点的从属关系，确定所述第一标签和所述第二标签的绘制参数；根据所述第一标签和所述第二标签的绘制参数，对所述目标数据进行页面渲染。2.根据权利要求1所述的方法，其特征在于，所述对树结构的目标数据中各节点进行遍历，得到二维数组，包括：将目标数据的根节点作为当前节点；循环根据所述当前节点的子节点字段的数据，遍历所述当前节点的子节点，并将所述当前节点的子节点依次作为新的当前节点，直至所述各节点均被遍历为止；在遍历过程中将同层级的节点的数据存储为一维数组，在遍历完毕时根据各所述一维数组生成二维数组。3.根据权利要求1所述的方法，其特征在于，所述确定所述各层级中从属于相同父节点的兄弟节点，包括：将各层级中父节点标识字段的数据相同的节点，确定为从属于相同父节点的兄弟节点。4.根据权利要求1所述的方法，其特征在于，所述根据页面参数、所述各层级的节点数以及所述各节点的从属关系，确定所述第一标签和所述第二标签的绘制参数，包括：根据页面参数和所述各层级的节点数的最大值，确定所述各节点对应的页面控件的尺寸；根据所述各节点对应的页面控件的尺寸，以及各所述第二标签中包含的兄弟节点的数量，确定各所述第二标签的尺寸；根据各所述第一标签中包含的各所述第二标签的尺寸，确定各所述第一标签的尺寸；将各所述层级按照由低到高的顺序，依次根据所述页面参数确定对应的第一标签的位置，以及根据对应的第二标签中各节点从属的父节点的位置，确定对应的第二标签的位置。5.根据权利要求4所述的方法，其特征在于，在所述根据对应的第二标签中各节点从属的父节点的位置，确定对应的第二标签的位置之前，还包括：根据当前层级对应的第二标签中任一节点的父节点标识字段的数据，以及所述当前层级的低一层级中节点的本节点标识字段的数据，确定所述对应的第二标签中各节点从属的父节点。6.根据权利要求1所述的方法，其特征在于，对所述目标数据进行页面渲染，包括：将所述目标数据中各节点的内容字段的数据，与所述各节点对应的页面控件进行绑定；对绑定后的页面控件进行渲染。2CN114186155A权利要求书2/2页7.根据权利要求1‑6中任一所述的方法，其特征在于，所述目标数据包括组织架构数据。8.一种页面渲染装置，其特征在于，包括：数据遍历模块，用于对树结构的目标数据中各节点进行遍历，得到二维数组；所述二维数组中第一维度表征所述树结构的层级，第二维度表征同层级的节点；数组遍历模块，用于对所述二维数组进行遍历，确定各层级的节点数，以及确定所述各层级中从属于相同父节点的兄弟节点；标签创建模块，用于针对所述各层级，创建包含全部节点的第一标签，以及在所述第一标签内创建包含所述兄弟节点的第二标签；参数确定模块，用于根据页面参数、所述各层级的节点数以及所述各节点的从属关系，确定所述第一标签和所述第二标签的绘制参数；渲染模块，用于根据所述第一标签和所述第二标签的绘制参数，对所述目标数据