[发明专利]一种构建树结构的方法、装置、设备以及存储介质

说明书

本发明公开了一种构建树结构的方法、装置、设备以及计算机可读存储介质，包括：调用预先依据Element UI基础组件构建的树组件，利用所述树组件获取目标树的节点数据；利用所述树组件将所述节点数据输入至所述目标树的预选树型结构的各个节点内，完成所述目标树的构建，从而向用户展示所述目标树。利用本发明所提供的方法、装置、设备以及计算机可读存储介质，减少了开发人员的重复编码工作，降低了工作量，提高了工作效率。

技术领域

本发明涉及互联网网页设备领域，特别是涉及一种构建树结构的方法、装置、设备以及计算机可读存储介质。

背景技术

目前互联网上的网页的样式越来越美观，用户也更偏爱设计风格新颖的网站，因此网站的前端设计越来越受重视，于是便出现了Vue这样的前端开发的框架，帮助开发者更加便捷快速的开发前端网页，也出现了Element UI这样的界面设计框架，使开发者可以开发更加美观、用户体验更好的网页。

而现有技术中，开发人员利用基于Element UI框架提供的基础树组件去编写一颗树时，需要进行数据获取，数据缓存，组织数据，编写许多重复的代码等大量繁琐的工作，需要大量的时间，大大降低了开发人员的工作效率。

综上所述可以看出，如何提高开发人员构建树的效率是目前有待解决的问题。

发明内容

本发明的目的是提供一种构建树结构的方法、装置、设备以及计算机可读存储介质，以解决现有技术中工作人员基于Element UI基础树组件构建树工作效率低的问题。

为解决上述技术问题，本发明提供一种构建树结构的方法，应用于Element UI树组件，包括：调用预先依据Element UI基础组件构建的树组件，利用所述树组件获取目标树的节点数据；利用所述树组件将所述节点数据输入至所述目标树的预选树型结构的各个节点内，完成所述目标树的构建，从而向用户展示所述目标树。

优选地，所述调用预先依据Element UI基础组件构建的树组件，获取目标树的节点数据包括：

调用预先依据Element UI基础组件构建的树组件，利用所述树组件从服务器后台接口获取所述目标树的节点数据。

优选地，所述完成所述目标树的构建，从而向用户展示所述目标树包括：

完成所述目标树的构建后，利用所述树组件启动懒加载功能，以便于所述树组件通过所述服务器后台接口获取并向用户展示所述目标树的根节点数据；

当接收到所述用户发送的请求所述根节点的下级子节点数据时，调用所述树组件从所述服务器后台接口获取所述根节点的下级子节点数据后，向所述用户展示所述下级子节点数据。

优选地，所述调用预先依据Element UI基础组件构建的树组件，获取目标树的节点数据包括：

调用预先依据Element UI基础组件构建的树组件，利用所述树组件从前端json文件获取所述目标树的节点数据。

优选地，所述利用所述树组件将所述节点数据输入至所述目标树的预选树型结构的各个节点内，完成所述目标树的构建，从而向用户展示所述目标树后还包括：

调用所述树组件，依据所述用户输入至检索框内的节点名称，在所述目标树内查找与所述节点名称对应的目标节点数据，并将所述目标节点数据展示给所述用户。

本发明还提供了一种构建树结构的装置，包括：

调用模块，用于调用预先依据Element UI基础组件构建的树组件，利用所述树组件获取目标树的节点数据；

构建模块，用于利用所述树组件将所述节点数据输入至所述目标树的预选树型结构的各个节点内，完成所述目标树的构建，从而向用户展示所述目标树。