CN108228171A - 一种基于树形结构的项目树查询和显示方法 - Google Patents

Abstract

本发明涉及一种基于树形结构的项目树查询和显示方法，包括：利用路径枚举方式获取项目树中各个节点对象的完整路径信息，并为项目树中每一层级中的各个对象赋予唯一对应的编号；根据用户输入的编号，将搜索定位在所述编号对应的节点对象，同时获取并反馈项目树中从根节点到该节点对象的路径信息，并进入展示页面；采用HTML5+CSS3技术对展示页面划分为左侧DIV和右侧DIV，所述左侧DIV以树形结构展示用户查询的节点对象及其祖先节点对象；所述右侧DIV以表格形式展示用户查询的节点对象相关的加工内容。本发明实用性强，采用本发明进行项目树查询和显示时，用户体验好。

Description

一种基于树形结构的项目树查询和显示方法

技术领域

本发明涉及模具制造控制技术领域，具体涉及一种基于树形结构的项目树查询和显示方法。

背景技术

模具行业在应用ERP、MES等生产管理类软件时，在组建项目或物料数据等信息时，需要通过树形结构来搭建数据，这样可以把一个主题下所对应的每个分支编写的更完善。相关页面的信息搜索上，需要逐层展开来实现检索，层级设置的越详细，对应的查找需要更精细。针对树形结构的现状，提出一种快捷查询和显示方式来解决当前所面临的问题。

目前MES制造执行系统的树形结构采用传统的处理方式，在查询便利上缺乏考虑。

传统的树形结构主要有两种：

1)邻接表：依赖父节点,每多查一层，就需要多联结一次表，SQL查询的联结次数是有限的，因此不能无限深的获取所有的后代；这种这样联结，执行Count()这样的聚合函数也相当困难；如果要删除一个中间节点，必须先查找到所有的后代，先将其删除，然后才能删除该中间节点。

2)嵌套集：查询直接父节点很困难；对树进行操作，比如插入和移动节点，比较困难，当插入一个节点时，你需要重新计算新插入节点的相邻兄弟节点、父节点及以上，来确保它们的左右值都比这个新节点的左值大。

而且以上两种树形结构创建和查询方法单一、繁琐，无法让用户快速获取想要的信息，虽然形式创建规范、合理，但实用性差，用户体验不好。

发明内容

本发明针对现有技术中存在的技术问题，提供一种实用性强、用户体验好的基于树形结构的查询和显示方法。

本发明解决上述技术问题的技术方案如下：一种基于树形结构的项目树查询和显示方法，包括以下步骤：

步骤1，利用路径枚举方式获取项目树中各个节点对象的完整路径信息，并为项目树中每一层级中的各个对象赋予唯一对应的编号；

步骤2，根据用户输入的编号，将搜索定位在所述编号对应的节点对象，同时获取并反馈项目树中从根节点到该节点对象的路径信息，并进入展示页面；

步骤3，采用HTML5+CSS3技术对展示页面划分为左侧DIV和右侧DIV，所述左侧DIV以树形结构展示用户查询的节点对象及其祖先节点对象；所述右侧DIV以表格形式展示用户查询的节点对象相关的加工内容。

进一步，所述项目树中包括根节点-项目节点、枝干节点-产品节点和叶子节点-模具节点，所述项目节点、产品节点和模具节点分别对应唯一的项目编号、产品编号和模具编号。

进一步，所述步骤2包括：

当用户输入项目编号时，将搜索定位在项目名称；

当用户输入产品编号时，将搜索定位在项目名称-产品名称；

当用户输入模具编号时，将搜索定位在项目名称-产品名称-模具名称；

同时获取并反馈用户搜索结果的路径信息以及用户搜索对象所在层级的其他节点信息。

进一步，所述步骤3还包括：

运用CSS选择器对左侧DIV的点击采用animate的动画方式设置CSS样式，以实现左侧DIV的悬浮、透明、放大展开的动作；

所述左侧DIV缺省宽度为展示页面宽度的20％，右侧DIV缺省宽度为展示页面宽度的80％，

当系统进入展示页面，左侧DIV延迟1秒展开，展开缺省宽度为展示页面宽度的20％，此时判断展示页面中当前树结构展开的数据长度，若树结构中的最长数据占比超过展示页面宽度的40％，则以树结构中的最长数据占比的比例来调整左侧页面的宽度；展开后，左侧DIV超过展示页面宽度20％的部分，以悬浮方式显示在右侧DIV之上，透明度为0.4，右侧DIV保持不变。

本发明的有益效果是：采用路径枚举方式，获取项目树中各个节点对象的完整路径信息，并为项目树中每一层级中的各个对象赋予唯一对应的编号的优势在于，递归层级展示，可以快速查询全部父节点、子节点；一旦我们可以很简单地获取一个子树或者从子孙节点到祖先节点的路径，就可以很简单地实现更多查询，比如计算一个字数所有节点的数量；插入一个节点也可以像和使用邻接表一样地简单，可以插入一个叶子节点而不用修改任何其他的行。表结构内部没有硬性关联，查询效率更快；路径枚举的设计方式能够很方便地根据节点层级排序，因路径中分隔两边的节点间的距离永远是1，通过比较字符串长度就能知道层级的深浅。

树节点在显示数据时，能根据检索信息精准到具体子节点；树节点页面数据过长，当覆盖页面内容时，以透明色展示，不影响页面数据显示，同时增加了树节点的显示宽度；树节点横向数据过长时，不会出现滚动条，宽度会自适应调整，避免由于树节点字段长短不一致而导致反复拖动滚动条。

附图说明

图1为本发明实施例提供的一种基于树形结构的项目树查询和显示方法流程图。

具体实施方式

以下结合实例对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，本发明提供一种基于树形结构的项目树查询和显示方法，包括以下步骤：

步骤1，利用路径枚举方式获取项目树中各个节点对象的完整路径信息，并为项目树中每一层级中的各个对象赋予唯一对应的编号；

步骤2，根据用户输入的编号，将搜索定位在所述编号对应的节点对象，同时获取并反馈项目树中从根节点到该节点对象的路径信息，并进入展示页面；

步骤3，采用HTML5+CSS3技术对展示页面划分为左侧DIV和右侧DIV，所述左侧DIV以树形结构展示用户查询的节点对象及其祖先节点对象；所述右侧DIV以表格形式展示用户查询的节点对象相关的加工内容。

进一步，所述项目树中包括根节点-项目节点、枝干节点-产品节点和叶子节点-模具节点，所述项目节点、产品节点和模具节点分别对应唯一的项目编号、产品编号和模具编号。

进一步，所述步骤2包括：

当用户输入项目编号时，将搜索定位在项目名称；

当用户输入产品编号时，将搜索定位在项目名称-产品名称；

当用户输入模具编号时，将搜索定位在项目名称-产品名称-模具名称；

同时获取并反馈用户搜索结果的路径信息以及用户搜索对象所在层级的其他节点信息。

进一步，所述步骤3还包括：

运用CSS选择器对左侧DIV的点击采用animate的动画方式设置CSS样式，以实现左侧DIV的悬浮、透明、放大展开的动作；

所述左侧DIV缺省宽度为展示页面宽度的20％，右侧DIV缺省宽度为展示页面宽度的80％，

当系统进入展示页面，左侧DIV延迟1秒展开，展开缺省宽度为展示页面宽度的20％，此时判断展示页面中当前树结构展开的数据长度，若树结构中的最长数据占比超过展示页面宽度的40％，则以树结构中的最长数据占比的比例来调整左侧页面的宽度；展开后，左侧DIV超过展示页面宽度20％的部分，以悬浮方式显示在右侧DIV之上，透明度为0.4，右侧DIV保持不变。

本发明的有益效果是：采用路径枚举方式，获取项目树中各个节点对象的完整路径信息，并为项目树中每一层级中的各个对象赋予唯一对应的编号的优势在于，递归层级展示，可以快速查询全部父节点、子节点；一旦我们可以很简单地获取一个子树或者从子孙节点到祖先节点的路径，就可以很简单地实现更多查询，比如计算一个字数所有节点的数量；插入一个节点也可以像和使用邻接表一样地简单，可以插入一个叶子节点而不用修改任何其他的行。表结构内部没有硬性关联，查询效率更快；路径枚举的设计方式能够很方便地根据节点层级排序，因路径中分隔两边的节点间的距离永远是1，通过比较字符串长度就能知道层级的深浅。

树节点在显示数据时，能根据检索信息精准到具体子节点；树节点页面数据过长，当覆盖页面内容时，以透明色展示，不影响页面数据显示，同时增加了树节点的显示宽度；树节点横向数据过长时，不会出现滚动条，宽度会自适应调整，避免由于树节点字段长短不一致而导致反复拖动滚动条。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (4)

1.一种基于树形结构的项目树查询和显示方法，其特征在于，包括以下步骤：

步骤1，利用路径枚举方式获取项目树中各个节点对象的完整路径信息，并为项目树中每一层级中的各个对象赋予唯一对应的编号；

步骤2，根据用户输入的编号，将搜索定位在所述编号对应的节点对象，同时获取并反馈项目树中从根节点到该节点对象的路径信息，并进入展示页面；

步骤3，采用HTML5+CSS3技术对展示页面划分为左侧DIV和右侧DIV，所述左侧DIV以树形结构展示用户查询的节点对象及其祖先节点对象；所述右侧DIV以表格形式展示用户查询的节点对象相关的加工内容。

2.根据权利要求1所述一种基于树形结构的项目树查询和显示方法，其特征在于，所述项目树中包括根节点-项目节点、枝干节点-产品节点和叶子节点-模具节点，所述项目节点、产品节点和模具节点分别对应唯一的项目编号、产品编号和模具编号。

3.根据权利要求2所述一种基于树形结构的项目树查询和显示方法，其特征在于，所述步骤2包括：

当用户输入项目编号时，将搜索定位在项目名称；

当用户输入产品编号时，将搜索定位在项目名称-产品名称；

当用户输入模具编号时，将搜索定位在项目名称-产品名称-模具名称；

同时获取并反馈用户搜索结果的路径信息以及用户搜索对象所在层级的其他节点信息。

4.根据权利要求1所述一种基于树形结构的项目树查询和显示方法，其特征在于，所述步骤3还包括：

运用CSS选择器对左侧DIV的点击采用animate的动画方式设置CSS样式，以实现左侧DIV的悬浮、透明、放大展开的动作；

所述左侧DIV缺省宽度为展示页面宽度的20％，右侧DIV缺省宽度为展示页面宽度的80％，

当系统进入展示页面，左侧DIV延迟1秒展开，展开缺省宽度为展示页面宽度的20％，此时判断展示页面中当前树结构展开的数据长度，若树结构中的最长数据占比超过展示页面宽度的40％，则以树结构中的最长数据占比的比例来调整左侧页面的宽度；展开后，左侧DIV超过展示页面宽度20％的部分，以悬浮方式显示在右侧DIV之上，透明度为0.4，右侧DIV保持不变。