本发明涉及互联网,具体而言,涉及一种树型组件的复用操作方法及装置、电子设备、存储介质。
背景技术:
1、互联网web技术发展至今,树型交互结构已经是前端展示页面中不可或缺的重要部分,例如在文件夹与文件,父类与子类等众多树型结构的应用场景,表明直观高效的展示以及变更层级信息是树型控件的巨大优势,优秀的树型样式和合理的操作设计是提升用户交互体验的重要手段。在计算机web前端开发工作中,基础的树型组件开发已经成熟且高效,ant design,element ui等开源组件库都支持可配置的树型控件,让从零开发树型控件变得简单,开发人员传入标准业务数据格式的树型数据,添加一些数据处理的方法,就可以在页面上完成树型交互场景需求。
2、主流树型组件库基本秉持着数据+配置的设计思想,但是对于一个完整的交互流程,现有树型组件无法完整支持,仍需开发人员进行大量的设计及编码。对于可进行交互的树型结构,当前组件包含的范围从数据到树型结构,由于树型组件本身的特殊性,交互业务通常伴随着节点操作,用户对树形结构节点上的操作本是一类逻辑行为一致的交互,却都需要开发人员手动编写对应的函数,函数经过一些数据转换算法,修改数据源(datasource)中的持久化数据,最终达到动态交互的树型组件的效果,导致项目开发中,每一处树型业务都充斥着大量的节点操作相关函数的重复定义;对于更为复杂的编辑节点,随着业务的复杂性的提升而变得晦涩难懂,可复用性和可读性大大降低。基础节点操作被多次开发,节点操作还强依赖于各自业务的数据结构,让每个树型控件成为了一个耦合度极高的整体,节点操作公共化和自定义组件复用都变的困难,随着业务需求增多,最终造成了开发与维护过程中的资源浪费。
3、针对上述的问题,目前尚未提出有效的解决方案。
技术实现思路
1、本发明实施例提供了一种树型组件的复用操作方法及装置、电子设备、存储介质,以至少解决相关技术中由于节点操作数据过于重复冗余导致树型组件的复用性低,进而造成资源浪费的技术问题。
2、根据本发明实施例的一个方面,提供了一种树型组件的复用操作方法,包括:获取针对目标业务定义的节点操作配置项;将所述节点操作配置项以及业务数据库表中与所述目标业务对应的持久化数据传入树型组件中,其中,所述持久化数据用于转化得到所述树型组件的内部数据;基于所述节点操作配置项在所述树型组件的节点操作集合中调用目标节点操作;基于所述目标节点操作对所述树型组件的所述内部数据进行更新;基于所述树型组件更新后的所述内部数据,生成所述树型组件的树形实例。
3、可选地,所述内部数据包括所述树型组件的各个树节点的节点数据,每个所述树节点的节点数据包括:持久化字段,用于指示所述目标业务的关键业务数据;节点状态字段,用于指示所述树型组件中每个树节点的节点状态数据;树组件字段,用于指示所述树型组件的基础操作数据,其中,所述基础操作数据包括:每个树节点的节点信息。
4、可选地,所述节点操作集合中包括:节点删除操作、节点移动操作以及节点新增操作,基于所述节点操作配置项在所述树型组件的节点操作集合中调用目标节点操作,包括:基于所述节点操作配置项预先绑定的节点操作类型,在所述节点操作集合中确定待调用的所述目标节点操作;将所述目标节点操作与该目标节点操作指示的树节点以及所述节点操作配置项进行绑定;执行绑定后的所述目标节点操作。
5、可选地,基于所述目标节点操作对所述树型组件的所述内部数据进行更新,包括:在所述目标节点操作是节点删除操作的情况下,在所述内部数据中删除所述目标节点操作指示的树节点的节点数据;在所述目标节点操作是节点移动操作的情况下,在所述内部数据中调整所述目标节点操作指示的树节点的节点数据所在位置;在所述目标节点操作是节点新增操作的情况下,在所述内部数据中新增所述目标节点操作指示的树节点的节点数据。
6、可选地,所述节点操作配置项包括用于所述树型组件中的自定义组件模块的配置项,所述自定义组件模块的配置项至少包括:字段映射配置项,其中,所述自定义组件模块在接收到节点编辑操作后,通过所述字段映射配置项对所述节点编辑操作指示的节点数据的数据格式与自定义组件持久化字段的字段格式进行映射处理。
7、可选地,基于所述目标节点操作对所述树型组件的所述内部数据进行更新,包括:在所述目标节点操作是节点编辑操作的情况下,通过所述树型组件的配置传入接口调用所述树型组件的自定义组件模块;对所述树型组件的所述内部数据中与所述自定义组件模块关联的节点数据进行编辑操作。
8、可选地,与所述自定义组件模块关联的节点数据包括:自定义组件状态字段,用于指示所述自定义组件模块的组件状态数据;自定义组件持久化字段,用于指示所述节点编辑操作对应的所述目标业务的关键业务数据,其中,所述内部数据中属于同一个树节点的自定义组件持久化字段与持久化字段之间存在映射关系。
9、根据本发明实施例的另一方面,还提供了一种树型组件的复用操作装置,包括:获取单元,用于获取针对目标业务定义的节点操作配置项;传入单元,用于将所述节点操作配置项以及业务数据库表中与所述目标业务对应的持久化数据传入所述树型组件中,其中,所述持久化数据用于转化得到所述树型组件的内部数据;调用单元,用于基于所述节点操作配置项在所述树型组件的节点操作集合中调用目标节点操作;更新单元,用于基于所述目标节点操作对所述树型组件的所述内部数据进行更新;第一生成单元,用于基于所述树型组件更新后的所述内部数据,生成所述树型组件的树形实例。
10、可选地,所述内部数据包括所述树型组件的各个树节点的节点数据,每个所述树节点的节点数据包括:持久化字段,用于指示所述目标业务的关键业务数据;节点状态字段,用于指示所述树型组件中每个树节点的节点状态数据;树组件字段,用于指示所述树型组件的基础操作数据,其中,所述基础操作数据包括:每个树节点的节点信息。
11、可选地,所述节点操作集合中包括:节点删除操作、节点移动操作以及节点新增操作,所述调用单元用于:基于所述节点操作配置项预先绑定的节点操作类型,在所述节点操作集合中确定待调用的所述目标节点操作;将所述目标节点操作与该目标节点操作指示的树节点以及所述节点操作配置项进行绑定;执行绑定后的所述目标节点操作。
12、可选地,所述更新单元包括:删除模块,用于在所述目标节点操作是节点删除操作的情况下,在所述内部数据中删除所述目标节点操作指示的树节点的节点数据;调整模块,用于在所述目标节点操作是节点移动操作的情况下,在所述内部数据中调整所述目标节点操作指示的树节点的节点数据所在位置;新增模块,用于在所述目标节点操作是节点新增操作的情况下,在所述内部数据中新增所述目标节点操作指示的树节点的节点数据。
13、可选地,所述节点操作配置项包括用于所述树型组件中的自定义组件模块的配置项,所述自定义组件模块的配置项至少包括:字段映射配置项,其中,所述自定义组件模块在接收到节点编辑操作后,通过所述字段映射配置项对所述节点编辑操作指示的节点数据的数据格式与自定义组件持久化字段的字段格式进行映射处理。
14、可选地,所述更新单元还包括:调用模块,用于在所述目标节点操作是节点编辑操作的情况下,通过所述树型组件的配置传入接口调用所述树型组件的自定义组件模块;编辑模块,用于对所述树型组件的所述内部数据中与所述自定义组件模块关联的节点数据进行编辑操作。
15、可选地,与所述自定义组件模块关联的节点数据包括:自定义组件状态字段,用于指示所述自定义组件模块的组件状态数据;自定义组件持久化字段,用于指示所述节点编辑操作对应的所述目标业务的关键业务数据,其中,所述内部数据中属于同一个树节点的自定义组件持久化字段与持久化字段之间存在映射关系。
16、根据本发明实施例的另一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质包括存储的计算机程序,其中,在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行上述任意一项树型组件的复用操作方法。
17、根据本发明实施例的另一方面,还提供了一种电子设备,包括一个或多个处理器和存储器,所述存储器用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现上述任意一项树型组件的复用操作方法。
18、本发明中,提出一种树型组件的复用操作方法,先获取针对目标业务定义的节点操作配置项,再将节点操作配置项以及业务数据库表中与目标业务对应的持久化数据传入树型组件中,其中,持久化数据用于转化得到树型组件的内部数据,再基于节点操作配置项在树型组件的节点操作集合中调用目标节点操作,然后基于目标节点操作对树型组件的内部数据进行更新,最后基于树型组件更新后的内部数据,生成树型组件的树形实例。
19、本发明中,通过将针对目标业务定义的节点操作配置项以及业务数据库表中与目标业务对应的持久化数据传入树型组件中,再通过基于节点操作配置项在树型组件的节点操作集合中调用目标节点操作,然后基于目标节点操作将持久化数据转化为增量内部数据,对树型组件的存量内部数据进行更新,进而生成树型组件的树形实例,本发明通过开发预装多种类型操作节点的新型树型组件,依据传入树型组件的节点操作配置项和持久化数据,实现对目标节点操作的调用,进而达到在树型组件内部对内部数据进行更新的技术效果,减少了操作函数的重复使用和节点操作冗余,实现了树型组件的迭代更新以及树型组件的数据结构与节点操作的解耦,进而解决了相关技术中由于节点操作数据过于重复冗余导致树型组件的复用性低,进而造成资源浪费的技术问题。
1.一种树型组件的复用操作方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,所述内部数据包括所述树型组件的各个树节点的节点数据,每个所述树节点的节点数据包括:
3.根据权利要求1所述的方法,其特征在于,所述节点操作集合中包括:节点删除操作、节点移动操作以及节点新增操作,基于所述节点操作配置项在所述树型组件的节点操作集合中调用目标节点操作,包括:
4.根据权利要求1或3所述的方法,其特征在于,基于所述目标节点操作对所述树型组件的所述内部数据进行更新,包括:
5.根据权利要求2所述的方法,其特征在于,所述节点操作配置项包括用于所述树型组件中的自定义组件模块的配置项,所述自定义组件模块的配置项至少包括:字段映射配置项,其中,所述自定义组件模块在接收到节点编辑操作后,通过所述字段映射配置项对所述节点编辑操作指示的节点数据的数据格式与自定义组件持久化字段的字段格式进行映射处理。
6.根据权利要求5所述的方法,其特征在于,基于所述目标节点操作对所述树型组件的所述内部数据进行更新,包括:
7.根据权利要求6所述的方法,其特征在于,与所述自定义组件模块关联的节点数据包括:
8.一种树型组件的复用操作装置,其特征在于,包括:
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括存储的计算机程序,其中,在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行权利要求1至7中任意一项所述的树型组件的复用操作方法。
10.一种电子设备,其特征在于,包括一个或多个处理器和存储器,所述存储器用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现权利要求1至7中任意一项所述的树型组件的复用操作方法。
