一种可视化列表数据展示方法及其装置制造方法及图纸

本发明专利技术涉及计算机前端显示领域，具体涉及一种可视化列表数据展示方法及其装置；获取待显示界面的原始配置文件，原始配置文件包括JSON结构数据列表；将原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，中间配置文件为二叉树结构数据列表；解析中间配置文件的数据结构与语法结构，数据结构用于反映中间配置文件中各对象之间的数理关系，语法结构用于反映中间配置文件中各对象之间的逻辑关系；基于数据结构与所述语法结构，生成转换后配置文件，转换后的配置文件包括UI列表；根据转换后配置文件对待显示界面进行渲染显示；本发明专利技术提供的方案通过JSON

【技术实现步骤摘要】
一种可视化列表数据展示方法及其装置


[0001]本专利技术涉及计算机前端显示领域，具体涉及一种可视化列表数据展示方法及其装置。

技术介绍

[0002]移动APP中有很多人员组织架构等类型，通过JSON类型，在开启闭合时，不便于文件结构的渲染，且在切换文件夹闭合的开启过程中不便于文件列表UI渲染。

技术实现思路

[0003]本申请实施例提供一种可视化列表数据展示方法，针对iOS环境下移动应用程序UI界面的渲染，建立JSON数据与组织架构之间的关系，解决现有界面设计方法下信息寻找速度低的问题。为了达到上述目的，本申请实施例采用的技术方案如下：
[0004]第一方面，本实施例提供一种可视化列表数据展示方法，包括：
[0005]获取待显示界面的原始配置文件，所述原始配置文件包括JSON结构数据列表；
[0006]将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，所述中间配置文件为二叉树结构数据列表；
[0007]解析所述中间配置文件的数据结构与语法结构，所述数据结构用于反映所述中间配置文件中各对象之间的数理关系，所述语法结构用于反映所述中间配置文件中各对象之间的逻辑关系；
[0008]基于所述数据结构与所述语法结构，生成转换后配置文件，所述转换后的配置文件包括UI列表；
[0009]根据所述转换后配置文件对所述待显示界面进行渲染显示。
[0010]进一步的，所述初始JSON结构数据列表包含唯一ID、父ID、同层排序和待展示信息。
[0011]进一步的，对将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，包括对所述初始JSON结构数据列表进行按照父ID进行归类、排序和存储处理，所述归类、排序后的JSON数据存储至虚拟存储空间内，将列表中的json数据处理为键/值形式的数据。
[0012]进一步的，对将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，还包括对同类型的JSON数据进行初始化，得到第一虚拟存储空间和第二虚拟存储空间：并对所述虚拟存储空间进行遍历处理，基于排序好的要素按照二叉树结构将数据分配至所述第一虚拟存储空间和第二虚拟存储空间内，所述第一虚拟存储空间与所述第二虚拟存储空间对应排布。
[0013]进一步的，对所述初始JSON数据列表进行处理，还包括基于所述第一虚拟存储空间和第二虚拟存储空间，生成二叉树的对应根节点，所述根节点的value的ID为设定默认值。
[0014]进一步的，所述二叉树数据结构的获得包括对所述二叉树的根节点进行递归处理，得到二叉树数据结构。
[0015]进一步的，所述中间配置文件的数据结构包括所述二叉树数据结构中的树节点保存的数据信息的展开标志，所述中间配置文件的语法结构包括所述二叉树数据结构中的树节点的左右子树的性质；所述展开标志包括1和0，当展开标志为1时，获取该树节点的左子树数据并将数据转为列表数据。
[0016]进一步的，基于所述数据结构与所述语法结构，生成转换后配置文件，包括根据所述二叉树数据结构中的树节点保存的数据信息的展开标志，以及树节点的左右子树的性质生成对应的UI列表的多个数组。
[0017]进一步的，根据所述转换后配置文件对所述待显示界面进行渲染显示包括：
[0018]对所述UI列表的数组添加点击事件，所述数组包括索引；
[0019]根据所述数组的索引，对所述数组的进行查找，确定所述数组中的ID列表；
[0020]根据所述ID列表对二叉树中的指定节点进行展开标志的切换；
[0021]根据展开标志的切换，获取二叉树中的数组；
[0022]根据所述数组对所述UI列表进行二次渲染；
[0023]循环执行以上过程，直至渲染结束。
[0024]第二方面，本申请实施例提供了一种可视化列表数据站是装置，包括：
[0025]配置文件获取模块，用于获取待显示界面的原始配置文件，所述原始配置文件包括JSON结构数据列表；
[0026]格式转换模块，用于将所述原始配置文件的格式转换为统一指定格式，得到中间配置文件，所述中间配置文件为二叉树结构数据列表；
[0027]配置文件解析模块，用于解析所述中间配置文件的数据结构与语法结构，所述数据结构用于反映所述中间配置文件中各对象之间的数理关系，所述语法结构用于反映所述中间配置文件中各对象之间的逻辑关系；
[0028]配置文件转换模块，用于基于所述数据结构与所述语法结构，生成转换后配置文件，所述转换后的配置文件包括UI列表；
[0029]界面渲染显示模块，用于根据所述转换后配置文件对所述待显示界面进行渲染显示，所述界面为UI列表界面。
[0030]根据本申请实施例的一个方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述界面显示方法。
[0031]根据本申请实施例的一个方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现上述界面显示方法。
[0032]根据本申请实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述界面显示方法。
[0033]本申请实施例提供的一种可视化列表数据展示方法，通过将带显示的JSON结构文件中的数据进行转换处理，得到了二叉树数据结构的文件，基于二叉树数据结构文件的数据关系和语法关系生成转换后的UI结构数据，进而对转换后的UI结构数据进行渲染，得到渲染后的界面，通过JSON
‑
二叉树
‑
UI的转换，建立起JSON数据与组织架构之间的关系，更易于实现，查找速度更快。
附图说明
[0034]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0035]附图中的方法、系统和/或程序将根据示例性实施例进一步描述。这些示例性实施例将参照图纸进行详细描述。这些示例性实施例是非限制的示例性实施例，其中示例数字在附图的各个视图中代表相似的机构。
[0036]图1是根据本申请的一个是实施例提供的可视化列表数据展示系统的框图；
[0037]图2是根据本申请的一个实施例提供的可视化列表数据展示方法的流程图；
[0038]图3是根据本申请的一个实施例提供的初始配置本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化列表数据展示方法，其特征在于，所述方法包括：获取待显示界面的原始配置文件，所述原始配置文件包括初始JSON结构数据列表；将所述原始配置文件的格式转换为统一指定格式，得到中间配置文件，所述中间配置文件为二叉树结构数据列表；解析所述中间配置文件的数据结构与语法结构，所述数据结构用于反映所述中间配置文件中各对象之间的数理关系，所述语法结构用于反映所述中间配置文件中各对象之间的逻辑关系；基于所述数据结构与所述语法结构，生成转换后配置文件，所述转换后的配置文件包括UI列表；根据所述转换后配置文件对所述待显示界面进行渲染显示，所述界面为UI列表界面。2.根据权利要求1所述的可视化列表数据展示方法，其特征在于，所述初始JSON结构数据列表包含唯一ID、父ID、同层排序和待展示信息。3.根据权利要求2所述的可视化列表数据展示方法，其特征在于，对将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，包括对所述初始JSON结构数据列表进行按照父ID进行归类、排序和存储处理，所述归类、排序后的JSON数据存储至虚拟存储空间内，将列表中的json数据处理为键/值形式的数据。4.根据权利要求3所述的可视化列表数据展示方法，其特征在于，对将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，还包括对同类型的JSON数据进行初始化，得到第一虚拟存储空间和第二虚拟存储空间：并对所述虚拟存储空间进行遍历处理，基于排序好的要素按照二叉树结构将数据分配至所述第一虚拟存储空间和第二虚拟存储空间内，所述第一虚拟存储空间与所述第二虚拟存储空间对应排布。5.根据权利要求4所述的可视化列表数据展示方法，其特征在于，对所述初始JSON数据列表进行处理，还包括基于所述第一虚拟存储空间和第二虚拟存储空间，生成二叉树的对应根节点，所述根节点的value的ID为设定默认值。6.根据权利要求5所述的可视化列表数据展示方法，其特征在于，所述二叉树数据结构的获得包括对所...

【专利技术属性】
技术研发人员：任向东，
申请(专利权)人：深圳市小满科技有限公司，
类型：发明
国别省市：