【技术实现步骤摘要】
本申请涉及计算机,尤其涉及一种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所述的方法,其特征在于,基于所述第二节点数据的层级参数,将所述第二节点数据按照父子节点的层级嵌套顺序插入到所述...
【专利技术属性】
技术研发人员:雷明海,程晓虹,吕烨,李大中,宋雨伦,
申请(专利权)人:中国联合网络通信集团有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。