一种数据显示方法及装置制造方法及图纸

本发明专利技术提出了一种数据显示方法及装置，该方法包括：将HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序前后颠倒，得到HTML模板中以右开树形式存储的数据文件，进行展示。该装置包括：右开树展示模块和关系建立模块。本发明专利技术弥补了传统的自左向右树形展示的不足，能够展示自右向左展开的树形结构的数据文件。当在一个界面上展示两个树形结构的数据文件时，两个树相对打开，还能建立两个树上同一数据元素之间的关联关系并显示出来，使用户能够获得更全面的信息。

【技术实现步骤摘要】
一种数据显示方法及装置
本专利技术涉及数据显示
，尤其涉及一种数据显示方法及装置。
技术介绍
目前在HTML(HypertextMarkupLanguage，超文本标记语言)模板中可以以树形结构的形式来展示数据文件。树形结构指的是数据元素之间，存在着的“一对多”的树形关系的数据结构。在树形结构中，树根节点没有前驱节点，其余每个节点有且只有一个前驱节点。叶子节点没有后续节点，其余每个节点的后续节点数可以是一个也可以是多个。通常的树形结构展示是左开树，自左向右的展开，用来表示数据的从属和并列关系。不同的树若均包含同一个数据元素，则能够从不同的角度反映该数据元素的相关信息，但是现有的树形结构展示方式只能在一个界面上展示一个左开树，不能展示自右向左展开的右开树，更不能同时展示两个树以及它们之间的关联关系。
技术实现思路
本专利技术要解决的技术问题是，提供一种数据显示方法及装置，能够展示自右向左展开的树形结构的数据文件。本专利技术采用的技术方案是，所述数据显示方法，包括：对HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，进行展示。进一步的，所述将HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，具体包括：从数据元素节点中的根节点开始，把各数据元素节点的图标置于相应数据元素节点文字的右侧，数据元素节点的展开层级都是右边固定向左展开。进一步的，所述方法还包括：在同一界面上分别以左开树形式和右开树形式展示两个数据文件时，基于用户操作建立两个数据文件之间的关联关系并显示出来。进一步的，所述在同一界面上分别以左开树形式和右开树形式展示两个数据文件，具体包括：同一界面分为左右两部分，在左半部分以左开树形式展示一个数据文件，在右半部以右开树形式展示另一个数据文件。进一步的，任一个数据文件的展示过程包括：在客户端本地进行数据文件的初始化，从服务器端首先获取所述数据文件中数据元素根节点信息及设定级数的子节点信息，并根据用户需要显示出来；后续再根据用户针对显示的任一个最低一级子节点的展开节点操作，从服务器获取相应的下一级子节点信息并显示出来。进一步的，所述基于用户操作建立两个数据文件之间的关联关系并显示出来，具体包括：监听用户的操作，当用户选择查看任一个数据文件中的数据元素节点时，在另一个数据文件中查找是否具有所述数据元素节点，若是，则在界面上展开显示出另一个数据文件中的所述数据元素节点，同时建立两个数据文件中同一所述数据元素节点的连线并显示出来；否则不动作。进一步的，所述基于用户操作建立两个数据文件之间的关联关系并显示出来，还包括：在两个数据文件均具备滚动条的情况下，若另一个数据文件中的所述数据元素节点在显示时将超出所述界面显示范围，则将所述连线的末端指向所述元素节点所在的方向进行显示；当通过拖动滚动条使所述数据元素节点出现在所述界面显示范围内时，将所述连线完整的显示出来，并随着所述数据元素节点的位移对所述连线的绘制位置进行调整。进一步的，所述基于用户操作建立两个数据文件之间的关联关系并显示出来，还包括：当用户选择查看任一个数据文件中的新数据元素节点时，隐藏上一次选择查看的数据元素节点对应的所述连线，在另一个数据文件中查找是否具有所述新数据元素节点，若是，则在界面上展开显示出另一个数据文件中的所述新数据元素节点，同时建立两个数据文件中同一所述新数据元素节点的连线并显示出来。进一步的，所述方法还包括：当基于用户的收起操作致使用户选择查看的所述数据元素节点隐藏时，隐藏所述数据元素节点对应的所述连线。本专利技术还提供一种数据显示装置，包括：右开树展示模块，用于对HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，进行展示；关系建立模块，用于在同一界面上分别以左开树形式和右开树形式展示两个数据文件时，基于用户操作建立两个数据文件之间的关联关系并显示出来。采用上述技术方案，本专利技术至少具有下列优点：本专利技术所述数据显示方法及装置，弥补了传统的自左向右树形展示的不足，能够展示自右向左展开的树形结构的数据文件。当在一个界面上展示两个树形结构的数据文件时，两个树相对打开，还能建立两个树上同一数据元素之间的关联关系并显示出来，使用户能够获得更全面的信息。附图说明图1为本专利技术第二实施例的数据显示方法流程图；图2为本专利技术第三实施例数据显示装置组成结构示意图；图3为本专利技术第四实施例的右开树的显示效果示意图；图4为本专利技术第四实施例的连线的展示效果示意图。具体实施方式为更进一步阐述本专利技术为达成预定目的所采取的技术手段及功效，以下结合附图及较佳实施例，对本专利技术进行详细说明如后。本专利技术第一实施例，一种数据显示方法，包括以下过程：对HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，在界面上自右向左的进行展示。具体的，所述对HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，包括以下处理过程：在HTML模板中，从数据元素节点中的根节点开始，把各数据元素节点的图标置于相应数据元素节点文字的右侧，数据元素节点的展开层级都是右边固定向左展开，这样显示的方式就同左开树相反了。本专利技术第二实施例，一种数据显示方法，本实施例是在第一实施例的基础上将左开树和右开树形式的数据文件显示在同一个界面上，本实施例的所述数据显示方法，如图1所示，包括：步骤S101，对HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件。由于左开树形式的数据文件是本领域的公知技术，故此处不赘述。步骤S102，在同一界面上分别以左开树形式和右开树形式展示两个数据文件。具体的，同一界面分为左右两部分，在左半部分以左开树形式展示一个数据文件，在右半部以右开树形式展示另一个数据文件。任一个数据文件的展示过程包括：在客户端本地进行数据文件的初始化，从服务器端首先获取所述数据文件中数据元素根节点信息及设定级数的子节点信息，并根据用户需要显示出来；后续再根据用户针对显示的任一个最低一级子节点的展开节点操作，从服务器获取相应的下一级子节点信息并显示出来。本领域技术人员应当知道，若能响应展开节点操作，则该子节点就非叶子节点。步骤S103，基于用户操作建立两个数据文件之间的关联关系并显示出来。具体的，在步骤S103中，所述基于用户操作建立两个数据文件之间的关联关系并显示出来，具体包括：监听用户的操作，当用户选择查看任一个数据文件中的数据元素节点时，在另一个数据文件中查找是否具有所述数据元素节点，若是，则在界面上展开显示出另一个数据文件中的所述数据元素节点，同时建立两个数据文件中同一所述数据元素节点的连线并显示出来；否则不动作。优选的，在两个数据文件均具备滚动条的情况下，若另一个数据文件中的所述数据元素节点在显示时将超出所述界面显示范围，则将所述连线的末端指向所述元素节点所在的方向进行显示；当通过拖动滚动条使所述数据元素节点出现在所述界面本文档来自技高网...

【技术保护点】
一种数据显示方法，其特征在于，包括：对超文本标记语言HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，进行展示；所述方法还包括：同一界面分为左右两部分，在左半部分以左开树形式展示一个数据文件，在右半部以右开树形式展示另一个数据文件；监听用户的操作，当用户选择查看任一个数据文件中的数据元素节点时，在另一个数据文件中查找是否具有所述数据元素节点，若是，则在界面上展开显示出另一个数据文件中的所述数据元素节点，同时建立两个数据文件中同一所述数据元素节点的连线并显示出来；否则不动作；所述建立两个数据文件中同一所述数据元素节点的连线，包括：程序监听点击数据元素节点事件、展开节点事件、收回节点事件，并作出对应的响应；当任一个树的数据元素节点被选中时，另一个树上会通过数据元素节点ID自动查找相对应的相同节点，找到后会尝试展开该数据元素节点，然后连接被单击的数据元素节点和找到的数据元素节点，同时尝试查找直属子节点中是否有相同的数据元素节点，有则进行连接；javascript编程环境中的TreeNodeUI对象的ux.tree.TreeNodeLink方法用于实现两个树的数据元素节点之间的连线，并提供自定义线条的颜色和样式的功能；当被选中的数据元素节点发生改变时，连线会自动隐藏并重新建立；当出现滚动条时，程序会监听滚动条的滚动事件，并经过相应的坐标转换后，重新绘制连线。...

【技术特征摘要】
1.一种数据显示方法，其特征在于，包括：对超文本标记语言HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，进行展示；所述方法还包括：同一界面分为左右两部分，在左半部分以左开树形式展示一个数据文件，在右半部以右开树形式展示另一个数据文件；监听用户的操作，当用户选择查看任一个数据文件中的数据元素节点时，在另一个数据文件中查找是否具有所述数据元素节点，若是，则在界面上展开显示出另一个数据文件中的所述数据元素节点，同时建立两个数据文件中同一所述数据元素节点的连线并显示出来；否则不动作；所述建立两个数据文件中同一所述数据元素节点的连线，包括：程序监听点击数据元素节点事件、展开节点事件、收回节点事件，并作出对应的响应；当任一个树的数据元素节点被选中时，另一个树上会通过数据元素节点ID自动查找相对应的相同节点，找到后会尝试展开该数据元素节点，然后连接被单击的数据元素节点和找到的数据元素节点，同时尝试查找直属子节点中是否有相同的数据元素节点，有则进行连接；javascript编程环境中的TreeNodeUI对象的ux.tree.TreeNodeLink方法用于实现两个树的数据元素节点之间的连线，并提供自定义线条的颜色和样式的功能；当被选中的数据元素节点发生改变时，连线会自动隐藏并重新建立；当出现滚动条时，程序会监听滚动条的滚动事件，并经过相应的坐标转换后，重新绘制连线。2.根据权利要求1所述的数据显示方法，其特征在于，所述将HTML模板中以左开树形式存储的数据文件中的数据元素节点的顺序进行调整，得到HTML模板中以右开树形式存储的数据文件，具体包括：从数据元素节点中的根节点开始，把各数据元素节点的图标置于相应数据元素节点文字的右侧，数据元素节点的展开层级都是右边固定向左展开。3.根据权利要求1所述的数据显示方法，其特征在于，任一个数据文件的展示过程包括：在客户端本地进行数据文件的初始化，从服务器端首先获取所述数据文件中数据元素根节点信息及设定级数的子节点信息，并根据用户需要显示出来；后续再根据用户针对显示的任一个最低一级子节点的展开节点操作，从服务器获取相应的下一级子节点信息并显示出来。4.根据权利要求1所述的数据显示方法，其特征在于，所述基于用户操作建立两个数据文件之间的关联关系并显示出来，还包括：在两个数据文件均具备滚动条的情况下，若另一个数据文件中的所述数据元素节点在显示时将超出所述界面显示范围，则将所述...

【专利技术属性】
技术研发人员：赵波，郝文建，钱进，刘永明，
申请(专利权)人：中国电子技术标准化研究院，
类型：发明
国别省市：北京,11