技术领域
[0001] 本
发明涉及树形结构显示领域，尤其涉及一种基于zTree的树形结构异步提取方法、终端设备及存储介质。
背景技术
[0002] zTree是一个依靠jQuery实现的多功能“树
插件”，其优异的性能、灵活的配置、多种功能的组合是zTree最大优点。zTree采用了延迟加载技术，能够轻松加载上万
节点。zTree支持JSON格式的数据，支持静态和Ajax异步两种加载方式加载节点数据，支持灵活的checkbox和radio选择功能。zTree还提供多种事件响应回调。zTree不但具有灵活的编辑功能，可随意拖拽节点，还可以多节点拖拽。简单的参数配置、实现灵活多变的功能使得zTree成为不少系统的优先选择。但正是因为zTree是一种“树插件”，其专注点都在于对
子节点进行操作，使得对于
父节点操作比较弱化。目前针对于父节点的操作较少，当点击父节点时，会直接将父节点下的所有子节点选中。
发明内容
[0003] 为了解决上述问题，本发明提出了一种基于zTree的树形结构异步提取方法、终端设备及存储介质，在zTree的
基础上对其进行优化，实现父节点的批量的提取和操作，能更大范围的体现zTree灵活多变的特性。
[0004] 具体方案如下：
[0005] 一种基于zTree的树形结构异步提取方法，包括以下步骤：
[0006] S1：采集构成树形结构各节点的数据，其中，除第1级节点之外的每个节点对应的数据均包含该节点对应的父节点的ID；设定级数i＝1，I表示共I级节点；
[0007] S2：查询所有第i级节点对应的数据，并对其是否具有子节点的属性进行设置后，将所有第i级节点的数据封装到树实体列表中；
[0008] S3：将树节点列表转换为JSON格式后异步传输至前端页面，并将JSON格式的数据添加至zTreeObj中，前端页面通过zTree进行第i级节点的树形显示；
[0009] S4：判断i＝1是否成立，如果是，进入S5；否则，设定第i-1级节点的updateNode属性为true，进入S5；
[0010] S5：判断i＝I是否成立，如果是，设定zTree中禁用默认的子节点被选中的功能，结束；否则，进入S6；
[0011] S6：针对显示的每个第i级节点设置加载子节点操作；
[0012] 所述加载子节点操作为：根据第i级节点的ID，获取以该ID为父节点ID的所有节点，并设定为第i+1级节点，令i＝i+1，返回S2。
[0013] 进一步的，每个节点的是否具有子节点的属性的设置方法为：如果该节点下面存在子节点，则将该节点的属性isParen设置为true；如果该节点下面不存在子节点，则将该节点的属性isParen设置为false。
[0014] 进一步的，在zTree禁用默认的子节点被选中的功能后，针对显示的每个第i级节点还设置有节点选中操作，具体为：
[0015] 构建已选节点数组，当每个节点被选中时，判断已选节点数组是否为空：
[0016] 当已选节点数组为空时，将该节点添加至已选节点数组中，并在前端页面上显示该节点的选中状态；
[0017] 当已选节点数组不为空时，判断该节点与已选节点数组中的节点是否属于同一级节点，如果是，将该节点添加至已选节点数组中，并在前端页面上显示该节点的选中状态，否则，清空已选节点数组，将该节点添加到已选节点数组中，并在前端页面上显示该节点的选中状态，同时取消其他节点的选中的状态。
[0018] 进一步的，根据已选节点数组中的各节点，查询所有与其处于同一级的所有节点，将已选节点数组中的各节点与其同一级的所有节点进行图形结构化处理后，在前端页面进行显示。
[0019] 进一步的，所述图形结构化处理为柱状图、饼状图或统计列表。
[0020] 一种基于zTree的树形结构异步提取终端设备，包括处理器、
存储器以及存储在所述存储器中并可在所述处理器上运行的
计算机程序，所述处理器执行所述计算机程序时实现本发明
实施例上述的方法的步骤。
[0021] 一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现本发明实施例上述的方法的步骤。
[0022] 本发明采用如上技术方案，在zTree的基础上对其进行优化，实现父节点的批量的提取和操作，能更大范围的体现zTree灵活多变的特性。
附图说明
[0024] 图2所示为本发明实施例一的效果图。
具体实施方式
[0025] 为进一步说明各实施例，本发明提供有附图。这些附图为本发明揭露内容的一部分，其主要用以说明实施例，并可配合
说明书的相关描述来解释实施例的运作原理。配合参考这些内容，本领域普通技术人员应能理解其他可能的实施方式以及本发明的优点。
[0026] 现结合附图和具体实施方式对本发明进一步说明。
[0027] 实施例一：
[0028] 本发明实施例提供了一种基于zTree的树形结构异步提取方法，如图1所示，所述方法包括以下步骤：
[0029] S1：采集构成树形结构各节点的数据并存入
数据库，其中，除第1级节点(根节点)之外的每个节点对应的数据均包含该节点对应的父节点的ID。设定级数i＝1，I表示共I级节点。
[0030] S2：在数据库中查询第i级节点对应的数据，并对其是否具有子节点的属性进行设置后，将所有第i级节点的数据封装到树实体列表List中。
[0031] 所述数据库的查询中使用SQL语言进行查询。
[0032] 每个节点的是否具有子节点的属性的设置方法为：如果该节点下面存在子节点，则将该节点的属性isParen设置为true；如果该节点下面不存在子节点，则将该节点的属性isParen设置为false。
[0033] S3：将树节点列表转换为JSON格式后异步传输至前端页面，并将JSON格式的数据添加至zTreeObj中，前端页面通过zTree进行第i级节点的树形显示。
[0034] S4：判断i＝1是否成立，如果是，进入S5；否则，设定第i-1级节点的updateNode属性为true，进入S5。
[0035] updateNode属性的设置是为了防止下一次进行加载子节点操作时会重复生成子节点。
[0036] S5：判断i＝I是否成立，如果是，设定zTree中禁用默认的子节点被选中的功能，即将autoCheckTrigger设置为false，结束；否则，进入S6。
[0037] 当所有节点都被显示后，需要在编写好zTree的setting配置中禁用默认的子节点被选中的功能。zTree的默认功能中存在选中父节点后会自动选择所有该父节点下的所有级别的子节点的操作。
[0038] S6：针对显示的每个第i级节点设置加载子节点操作；
[0039] 所述加载子节点操作为：根据第i级节点的ID，获取以该ID为父节点ID的所有节点，并设定为第i+1级节点，令i＝i+1，返回S2。
[0040] 在上述步骤中，实现了每一级节点的逐级加载显示，可以只选中父节点而不会同时选中其关联的子节点。
[0041] 为了实现批量提取父节点，该实施例中还包括：
[0042] 在zTree禁用默认的子节点被选中的功能后，针对显示的每个第i级节点还设置有节点选中操作，该节点选中操作通过js的触发回调事件checkNodeName方法和节点属性ischecked来实现，具体为：
[0043] 构建已选节点数组，当每个节点被选中时，判断已选节点数组是否为空：
[0044] (1)当已选节点数组为空时，将该节点添加至已选节点数组中，并在前端页面上显示该节点的选中状态；
[0045] (2)当已选节点数组不为空时，判断该节点与已选节点数组中的节点是否属于同一级节点，如果是，将该节点添加至已选节点数组中，并在前端页面上显示该节点的选中状态；否则，清空已选节点数组，将该节点添加到已选节点数组中，并在前端页面上显示该节点的选中状态，同时取消其他节点的选中的状态。
[0046] 上述过程实现了同级节点的批量选中，效果图如图2所示，基于上述基础，进一步的，该实施例中还包括：
[0047] 根据已选节点数组中的各节点，查询所有与其处于同一级的所有节点，将已选节点数组中的各节点与其同一级的所有节点进行图形结构化处理后，在前端页面进行显示。
[0048] 所述图形结构化处理可以为柱状图、饼状图或统计列表等，在此不做限制。
[0049] 上述过程可以实现树形结构和图形结构的
可视化结合，可以更加清晰明了的展示出在同一级别条件下，所有数据间的对比，统计和分析。可以更加灵活的展示用户想要的数据，提高Ztree的易用性。
[0050] 本发明实施例一基于Ztree的基础上，依jQuery对其进行了优化，实现了同级批量操作功能，能够更好的解决实际问题。解决了用户想要进行同层级操作的问题，现在的ztree操作中只存在对于子节点的大批量操作，选中父节点后会自动关联上子节点，不能只针对父节点进行操作，本实施例实现了提取批量父节点，并对选中的父节点进行一系列的操作。
[0051] 实施例二：
[0052] 本发明还提供一种基于zTree的树形结构异步提取终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本发明实施例一的上述方法实施例中的步骤。
[0053] 进一步地，作为一个可执行方案，所述基于zTree的树形结构异步提取终端设备可以是桌上型计算机、笔记本、掌上电脑及
云端
服务器等计算设备。所述基于zTree的树形结构异步提取终端设备可包括，但不仅限于，处理器、存储器。本领域技术人员可以理解，上述基于zTree的树形结构异步提取终端设备的组成结构仅仅是基于zTree的树形结构异步提取终端设备的示例，并不构成对基于zTree的树形结构异步提取终端设备的限定，可以包括比上述更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述基于zTree的树形结构异步提取终端设备还可以包括输入输出设备、网络接入设备、总线等，本发明实施例对此不做限定。
[0054] 进一步地，作为一个可执行方案，所称处理器可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字
信号处理器(Digital Signal Processor，DSP)、专用集成
电路(Application Specific Integrated Circuit，ASIC)、现场可编程
门阵列(Field-Programmable Gate Array，FPGA)或者其他
可编程逻辑器件、分立门或者晶体管逻辑器件、分立
硬件组件等。通用处理器可以是
微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述基于zTree的树形结构异步提取终端设备的控制中心，利用各种
接口和线路连接整个基于zTree的树形结构异步提取终端设备的各个部分。
[0055] 所述存储器可用于存储所述计算机程序和/或模
块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述基于zTree的树形结构异步提取终端设备的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储
操作系统、至少一个功能所需的应用程序；存储数据区可存储根据手机的使用所创建的数据等。此外，存储器可以包括高速
随机存取存储器，还可以包括
非易失性存储器，例如
硬盘、内存、插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
[0056] 本发明还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例上述方法的步骤。
[0057] 所述基于zTree的树形结构异步提取终端设备集成的模块/单元如果以
软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、
只读存储器(ROM，ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)以及软件分发介质等。
[0058] 尽管结合优选实施方案具体展示和介绍了本发明，但所属领域的技术人员应该明白，在不脱离所附
权利要求书所限定的本发明的精神和范围内，在形式上和细节上可以对本发明做出各种变化，均为本发明的保护范围。
