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

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

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

【技术实现步骤摘要】
一种数据处理方法、系统、终端设备以及存储介质
本专利技术涉及数据处理
，尤指一种数据处理方法、系统、终端设备以及存储介质。
技术介绍
前端开发是创建Web页面或App等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户交互界面。纵观整个前端开发史，自有前端工程师这个称谓以来，在日新月异的技术发展过程中，前端开发越来越工程化和标准化，一个较完备的前端项目开发流程需要从规范化、组件化构建模板开始，经过代码编写，代码调试检测，编译打包，最后到发布上线，每个新项目都需要前端工程师重新经历一遍这样的流程。然而，现有的穿梭框不支持Tabs选项卡,只能重写代码，会重复编写大量的HTML代码和JS代码，不利于前端功能模块的开发。
技术实现思路
本专利技术的目的是提供一种数据处理方法、系统、终端设备以及存储介质，实现可以同时使用穿梭框和选项卡，不需要重复编写代码，利于前端功能模块的开发，从根本上提高前端开发的工作效率，具有重要意义。本本文档来自技高网...

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

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


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


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


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


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

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