WEB树组件生成方法、装置、电子设备和存储介质制造方法及图纸

技术编号:41232654 阅读:16 留言:0更新日期:2024-05-09 23:48
本申请提供一种WEB树组件生成方法、装置、电子设备和存储介质,可用于计算机技术领域。该方法包括:获取扁平数据集;其中,扁平数据集中包括多个第一节点数据,第一节点数据包括配置参数和层级参数,配置参数用于配置第一节点数据生成的DOM节点的可定义属性,层级参数用于定义第一节点数据之间的层级关系,扁平数据集中具有层级嵌套关系的第一节点数据按照父子节点的层级嵌套顺序依次排列;依次遍历扁平数据集中的第一节点数据,并基于第一节点数据渲染生成树组件的DOM节点。本申请的方法,降低了WEB树组件生成的时间复杂度和空间复杂度,提高了WEB树组件的生成速度。

【技术实现步骤摘要】

本申请涉及计算机,尤其涉及一种web树组件生成方法、装置、电子设备和存储介质。


技术介绍

1、前端即网站前台部分,一般是指运行在pc端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的不断发展,前端技术也开始日新月异,模块化/组件化成为了当前提高前端开发效率、降低web(页面)维护成本的首选开发模式。其中,在当前前端技术中,树组件作为前端开发中最常见的组件之一,被广泛的应用于拥有层级关系的树状结构之中。

2、但是现有web树组件大多都是通过多层级嵌套循环加载的方式展示dom(documentobject model,文档对象模型)节点生成的树组件,这种方式在深层级嵌套时渲染效率相对较低,而且一般需要服务端对源数据时进行多重循环遍历,将源数据处理成树结构数据返回给前端,或者服务器端返回全部源数据给前端之后,由前端对源数据进行多重循环遍历处理生成树结构数据,再由前端对树结构数据进行多重循环遍历生成树组件。

3、可以看出,现有的树组件生成方法,其渲染加载方式既需要对源数据进行多重循环遍历生成树结构数据,又需要对树结构数据进行多重循环本文档来自技高网...

【技术保护点】

1.一种WEB树组件生成方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,获取扁平数据集,包括:

3.根据权利要求2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,在依次遍历所述扁平数据集中的第一节点数据,并基于所述第一节点数据渲染生成树组件的DOM节点之后,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,基于所述第二节点数据的层级参数,将所述第二节点数据按照父子节点的层级嵌套顺序插入到所述扁平数据集之中,包括:

6.根据权利要求1所述的方法,其特征在于,所述方法...

【技术特征摘要】

1.一种web树组件生成方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,获取扁平数据集,包括:

3.根据权利要求2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,在依次遍历所述扁平数据集中的第一节点数据,并基于所述第一节点数据渲染生成树组件的dom节点之后,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,基于所述第二节点数据的层级参数,将所述第二节点数据按照父子节点的层级嵌套顺序插入到所述...

【专利技术属性】
技术研发人员:雷明海程晓虹吕烨李大中宋雨伦
申请(专利权)人:中国联合网络通信集团有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1