1.一种多级联动下拉框的实现方法,所述方法包括:
获取页面数据,所述页面数据中包括多个下拉框元素及各个下拉框元素对应的属性信息;
查询当前组件注册表,判断是否存在下拉框元素对应的注册记录;若存在,则根据注册记录中的存储路径从本地组件库中获取下拉框元素对应的下拉框组件;若不存在,则向服务发送组件获取请求,并接收服务器返回的下拉框组件,对服务器返回的下拉框组件进行注册;下拉框组件为根据select2.Js插件进行封装得到的组件;
将所述下拉框组件实例化,分别生成各个下拉框元素的实例;
根据所述各个下拉框元素的属性信息,对所述各个下拉框元素的实例进行配置,当配置完成后,对所述各个下拉框元素的实例进行渲染,得到多个可视化下拉框;所述多个可视化下拉框中每两个相邻的可视化下拉框之间按照位置关系对应不同的级别;
获取所有下拉框对应的选项数据总集合,将获取到的所述选项数据总集合保存至本地数据库中;
从本地数据库中获取当前下拉框的选项数据集合,根据获取到的所述选项数据集合生成当前下拉框的下拉列表;
当存在与所述当前下拉框对应的下一级下拉框时,监听当前下拉框中的下拉框改变事件,根据监听到的所述下拉框改变事件从所述当前下拉框的下拉列表中确定目标选项数据;
根据所述目标选项数据从本地数据库中查询对应的下一级选项数据,得到下一级下拉框对应的选项数据集合,根据所得到的选项数据集合生成下一级下拉框的下拉列表。
2.根据权利要求1所述的方法,其特征在于,在所述根据获取到的所述选项数据集合生成当前下拉框的下拉列表之后,还包括:通过当前下拉框获取查询关键字,根据所述查询关键字从当前下拉框对应的下拉列表中进行筛选,根据筛选结果对所述下拉列表进行可视化展示;
当接收到作用于可视化展示的所述下拉列表的选择操作时,触发当前下拉框中的所述下拉框改变事件。
3.根据权利要求1所述的方法,其特征在于,在所述根据获取到的所述选项数据集合生成当前下拉框的下拉列表之后,还包括:当监听到当前下拉框对应的预设点击事件时,获取当前下拉框对应的选项数据集合中各个选项数据在预设时间段内的历史选择次数;
根据历史选择次数大于预设阈值的选项数据生成参考列表;
将所述下拉列表及所述参考列表进行可视化展示。
4.一种多级联动下拉框的实现装置,其特征在于,所述装置包括:
页面数据获取模块,用于获取页面数据,所述页面数据中包括多个下拉框元素及各个下拉框元素对应的属性信息;
下拉框组件获取模块,用于查询当前组件注册表,判断是否存在下拉框元素对应的注册记录;若存在,则根据注册记录中的存储路径从本地组件库中获取下拉框元素对应的下拉框组件;若不存在,则向服务发送组件获取请求,并接收服务器返回的下拉框组件,对服务器返回的下拉框组件进行注册;下拉框组件为根据select2.Js插件进行封装得到的组件;将所述下拉框组件实例化,分别生成各个下拉框元素的实例;
渲染模块,用于根据所述各个下拉框元素的属性信息,对所述各个下拉框元素的实例进行配置,当配置完成后,对所述各个下拉框元素的实例进行渲染,得到多个可视化下拉框;所述多个可视化下拉框中每两个相邻的可视化下拉框之间按照位置关系对应不同的级别;
选项数据保存模块,用于获取所有下拉框对应的选项数据总集合,将获取到的所述选项数据总集合保存至本地数据库中;
第一下拉列表生成模块,用于从本地数据库中获取当前下拉框的选项数据集合,根据获取到的所述选项数据集合生成当前下拉框的下拉列表;
事件监听模块,用于当存在与所述当前下拉框对应的下一级下拉框时,监听当前下拉框中的下拉框改变事件,根据监听到的所述下拉框改变事件从所述当前下拉框的下拉列表中确定目标选项数据;
第二下拉列表生成模块,用于根据所述目标选项数据从本地数据库中查询对应的下一级选项数据,得到下一级下拉框对应的选项数据集合,根据所得到的选项数据集合生成下一级下拉框的下拉列表。
5.根据权利要求4所述的装置,其特征在于,上述装置还包括:第三下拉列表生成模块,用于通过当前下拉框获取查询关键字,根据所述查询关键字从当前下拉框对应的下拉列表中进行筛选,根据筛选结果对所述下拉列表进行可视化展示;当接收到作用于可视化展示的所述下拉列表的选择操作时,触发当前下拉框中的所述下拉框改变事件。
6.根据权利要求4所述的装置,其特征在于,上述装置还包括:参考列表生成模块,用于当监听到当前下拉框对应的预设点击事件时,获取当前下拉框对应的选项数据集合中各个选项数据在预设时间段内的历史选择次数;根据历史选择次数大于预设阈值的选项数据生成参考列表;将所述下拉列表及所述参考列表进行可视化展示。
7.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现以下步骤:获取页面数据,所述页面数据中包括多个下拉框元素及各个下拉框元素对应的属性信息;
查询当前组件注册表,判断是否存在下拉框元素对应的注册记录;若存在,则根据注册记录中的存储路径从本地组件库中获取下拉框元素对应的下拉框组件;若不存在,则向服务发送组件获取请求,并接收服务器返回的下拉框组件,对服务器返回的下拉框组件进行注册;下拉框组件为根据select2.Js插件进行封装得到的组件;
将所述下拉框组件实例化,分别生成各个下拉框元素的实例;
根据所述各个下拉框元素的属性信息,对所述各个下拉框元素的实例进行配置,当配置完成后,对所述各个下拉框元素的实例进行渲染,得到多个可视化下拉框;所述多个可视化下拉框中每两个相邻的可视化下拉框之间按照位置关系对应不同的级别;
获取所有下拉框对应的选项数据总集合,将获取到的所述选项数据总集合保存至本地数据库中;
从本地数据库中获取当前下拉框的选项数据集合,根据获取到的所述选项数据集合生成当前下拉框的下拉列表;
当存在与所述当前下拉框对应的下一级下拉框时,监听当前下拉框中的下拉框改变事件,根据监听到的所述下拉框改变事件从所述当前下拉框的下拉列表中确定目标选项数据;
根据所述目标选项数据从本地数据库中查询对应的下一级选项数据,得到下一级下拉框对应的选项数据集合,根据所得到的选项数据集合生成下一级下拉框的下拉列表。
8.根据权利要求7所述的计算机设备,其特征在于,所述处理器执行所述计算机程序时还实现以下步骤:通过当前下拉框获取查询关键字,根据所述查询关键字从当前下拉框对应的下拉列表中进行筛选,根据筛选结果对所述下拉列表进行可视化展示;
当接收到作用于可视化展示的所述下拉列表的选择操作时,触发当前下拉框中的所述下拉框改变事件。
9.根据权利要求7所述的计算机设备,其特征在于,所述处理器执行所述计算机程序时还实现以下步骤:当监听到当前下拉框对应的预设点击事件时,获取当前下拉框对应的选项数据集合中各个选项数据在预设时间段内的历史选择次数;
根据历史选择次数大于预设阈值的选项数据生成参考列表;
将所述下拉列表及所述参考列表进行可视化展示。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至3中任一项所述的方法的步骤。