一种数据处理方法、系统、终端设备以及存储介质技术方案

本发明专利技术提供了一种数据处理方法、系统、终端设备以及存储介质，其方法包括：在穿梭框的待选区域处显示数据项；监听触发事件，根据锚点和触发事件切换选项卡；在选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组；将目标数组在穿梭框的已选区域处进行显示。本发明专利技术可以同时使用穿梭框和选项卡，不需要重复编写代码，利于前端功能模块的开发，从根本上提高前端开发的工作效率，具有重要意义。

A data processing method, system, terminal equipment and storage medium

【技术实现步骤摘要】
一种数据处理方法、系统、终端设备以及存储介质
本专利技术涉及数据处理
，尤指一种数据处理方法、系统、终端设备以及存储介质。
技术介绍
前端开发是创建Web页面或App等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户交互界面。纵观整个前端开发史，自有前端工程师这个称谓以来，在日新月异的技术发展过程中，前端开发越来越工程化和标准化，一个较完备的前端项目开发流程需要从规范化、组件化构建模板开始，经过代码编写，代码调试检测，编译打包，最后到发布上线，每个新项目都需要前端工程师重新经历一遍这样的流程。然而，现有的穿梭框不支持Tabs选项卡,只能重写代码，会重复编写大量的HTML代码和JS代码，不利于前端功能模块的开发。
技术实现思路
本专利技术的目的是提供一种数据处理方法、系统、终端设备以及存储介质，实现可以同时使用穿梭框和选项卡，不需要重复编写代码，利于前端功能模块的开发，从根本上提高前端开发的工作效率，具有重要意义。本专利技术提供的技术方案如下：本专利技术提供一种数据处理方法，包括步骤：在穿梭框的待选区域处显示数据项；监听触发事件，根据锚点和所述触发事件切换选项卡；在所述选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组；将目标数组在所述穿梭框的已选区域处进行显示。进一步的，所述在穿梭框的待选区域处显示数据项之前包括步骤：获取抓取指令，从后台服务器抓取对应于所述抓取指令的源数据，根据所述源数据的属性信息生成对应的数据项。进一步的，所述监听触发事件，根据锚点和所述触发事件切换选项卡包括步骤：通过监听器监听所述触发事件；根据所述触发事件将穿梭框组件中对应选项卡标签和内容进行取消高亮操作和隐藏操作；通过所述锚点所在位置将对应的选项卡标签进行高亮操作，并将对应选项卡标签的显示版块的内容进行解除隐藏操作实现选项卡切换。进一步的，所述在所述选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组包括步骤：在所述选项卡中选择若干个数据项；将所选数据项对应的源数据添加至已选数组，并将所选数据项所对应的源数据及其标识符添加至数据过滤数组；当通过预设筛选方法查找所述已选数组中包括重复的数据项时，根据预设删除方法删除所述重复的数据项所对应源数据，对所述已选数组进行更新得到目标数组；当通过预设筛选方法查找已选数组中不包括重复的数据项时，确定已选数组为目标数组。本专利技术还提供一种数据处理系统，包括：显示模块，用于在穿梭框的待选区域处显示数据项；处理模块，用于监听触发事件，根据锚点和所述触发事件切换选项卡；筛选模块，用于在所述选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组；所述显示模块，还用于将目标数组在所述穿梭框的已选区域处进行显示。进一步的，还包括：获取模块，用于获取抓取指令，从后台服务器抓取对应于所述抓取指令的源数据，根据所述源数据的属性信息生成对应的数据项。进一步的，所述处理模块包括：监听单元，用于通过监听器监听所述触发事件；第一处理单元，用于根据所述触发事件将穿梭框组件中对应选项卡标签和内容进行取消高亮操作和隐藏操作；第二处理单元，用于通过所述锚点所在位置将对应的选项卡标签进行高亮操作，并将对应选项卡标签的显示版块的内容进行解除隐藏操作实现选项卡切换。进一步的，所述筛选模块包括：选择单元，用于在所述选项卡中选择若干个数据项；添加单元，用于将所选数据项对应的源数据添加至已选数组，并将所选数据项所对应的源数据及其标识符添加至数据过滤数组；筛选单元，用于当通过预设筛选系统查找所述已选数组中包括重复的数据项时，根据预设删除系统删除所述重复的数据项所对应源数据，对所述已选数组进行更新得到目标数组；所述筛选单元，还用于当通过预设筛选方法查找已选数组中不包括重复的数据项时，确定已选数组为目标数组。通过本专利技术提供的一种数据处理方法、系统、终端设备以及存储介质，能够可以同时使用穿梭框和选项卡，不需要重复编写代码，利于前端功能模块的开发，从根本上提高前端开发的工作效率，具有重要意义。附图说明下面将以明确易懂的方式，结合附图说明优选实施方式，对一种数据处理方法、系统、终端设备以及存储介质的上述特性、技术特征、优点及其实现方式予以进一步说明。图1是本专利技术一种数据处理方法的一个实施例的流程图；图2是本专利技术一种数据处理方法的另一个实施例的流程图；图3是本专利技术一种数据处理方法的另一个实施例的流程图；图4是本专利技术一种数据处理方法的另一个实施例的流程图；图5是本专利技术一种数据处理系统的一个实施例的结构示意图；图6是本专利技术一种数据处理系统的另一个实施例的结构示意图；图7是本专利技术一种数据处理系统的另一个实施例的结构示意图；图8是本专利技术一种数据处理系统的另一个实施例的结构示意图；图9是本专利技术一种终端设备的一个实施例的结构示意图。具体实施方式为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对照附图说明本专利技术的具体实施方式。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施方式。为使图面简洁，各图中只示意性地表示出了与本专利技术相关的部分，它们并不代表其作为产品的实际结构。另外，以使图面简洁便于理解，在有些图中具有相同结构或功能的部件，仅示意性地绘示了其中的一个，或仅标出了其中的一个。在本文中，“一个”不仅表示“仅此一个”，也可以表示“多于一个”的情形。本专利技术的一个实施例，如图1所示，一种数据处理方法，包括：S100在穿梭框的待选区域处显示数据项；具体的，创建数据量庞大的分页穿梭框，穿梭框包括待选区域和已选区域。如图8所示，在待选区域显示所有的数据项。S200监听触发事件，根据锚点和触发事件切换选项卡；具体的，事件表示程序和用户之间的交互，触发事件包括点击事件，键盘事件，聚焦事件等等。例如在列表框或组合框中用鼠标单击了按钮对象Button，选中复选框和单选框，单击按钮等，则该按钮Button就是事件源产生了对应的点击事件。锚点即HTML中的链接，它命名为锚点链接(也叫书签链接)，常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。锚点是网页制作中超级链接的一种，像一个迅速定位器一样是一种页面内的超级链接。其实锚点就是一个定位器，点击该锚点后页面就会滚动到对应标记的位置。S本文档来自技高网...

【技术保护点】
1.一种数据处理方法，其特征在于，包括步骤：/n在穿梭框的待选区域处显示数据项；/n监听触发事件，根据锚点和所述触发事件切换选项卡；/n在所述选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组；/n将目标数组在所述穿梭框的已选区域处进行显示。/n

【技术特征摘要】
1.一种数据处理方法，其特征在于，包括步骤：
在穿梭框的待选区域处显示数据项；
监听触发事件，根据锚点和所述触发事件切换选项卡；
在所述选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组；
将目标数组在所述穿梭框的已选区域处进行显示。


2.根据权利要求1所述的数据处理方法，其特征在于，所述在穿梭框的待选区域处显示数据项之前包括步骤：
获取抓取指令，从后台服务器抓取对应于所述抓取指令的源数据，根据所述源数据的属性信息生成对应的数据项。


3.根据权利要求1所述的数据处理方法，其特征在于，所述监听触发事件，根据锚点和所述触发事件切换选项卡包括步骤：
通过监听器监听所述触发事件；
根据所述触发事件将穿梭框组件中对应选项卡标签和内容进行取消高亮操作和隐藏操作；
通过所述锚点所在位置将对应的选项卡标签进行高亮操作，并将对应选项卡标签的显示版块的内容进行解除隐藏操作实现选项卡切换。


4.根据权利要求1-3任一项所述的数据处理方法，其特征在于，所述在所述选项卡中选择数据项，根据所选数据项的标识符获取对应的源数据并过滤得到目标数组包括步骤：
在所述选项卡中选择若干个数据项；
将所选数据项对应的源数据添加至已选数组，并将所选数据项所对应的源数据及其标识符添加至数据过滤数组；
当通过预设筛选方法查找所述已选数组中包括重复的数据项时，根据预设删除方法删除所述重复的数据项所对应源数据，对所述已选数组进行更新得到目标数组；
当通过预设筛选方法查找已选数组中不包括重复的数据项时，确定已选数组为目标数组。


5.一种数据处理系统，其特征在于，包括：
显示模块，用于在穿梭框的待选区域处显示数据项；
处理模块，用于监听触发事件，根据锚点和所述触发事件切换选项卡；
筛选模块，用于在所述选项卡中选择数据项，根据...

【专利技术属性】
技术研发人员：李德良，
申请(专利权)人：广东小天才科技有限公司，
类型：发明
国别省市：广东;44