列表切换组件的生成方法、装置、设备及存储介质与流程

1.本技术涉及人工智能领域，尤其涉及列表切换组件的生成方法、列表切换组件的生成装置、计算机设备及计算机可读存储介质。


背景技术：

2.级联组件是一种常用的web界面控件，其通过层层嵌套的方式展示关联数据，能够在数据呈现上提供更加清晰的视觉效果，用户可以通过级联组件快速过滤数据，常见的级联组件比如可以实现金融保险产品类别的选择。
3.目前，在金融保险业务场景中，金融保险中包含的数据量十分庞大，比如包括保险细节信息、受保用户信息等等。现有的级联组件通常只提供了基本的级联功能，如选择框的内容根据上级选择框的选项进行动态变化。但在实际使用中，用户可能需要更加方便快捷的操作方式，如快速切换不同的金融保险数据并展示金融保险数据的层级关系。这些功能在现有的级联组件中并未得到很好的实现，用户体验受到一定的影响。


技术实现要素：

4.本技术提供了一种列表切换组件的生成方法、列表切换组件的生成装置、计算机设备及计算机可读存储介质，旨在生成可展示大数据量的金融保险数据、且具备多个列表切换选择功能的组件，使用户可以直观地理解金融保险数据的层级关系，提升了用户的交互体验。
5.为实现上述目的，本技术提供一种列表切换组件的生成方法，所述方法包括：
6.获取业务数据的各业务列表对应的树形结构数据；
7.根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度；
8.根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据；
9.获取多个预设根节点，根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；
10.基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。
11.为实现上述目的，本技术还提供一种列表切换组件的生成装置，所述装置包括：
12.数据获取模块，用于获取业务数据的各业务列表对应的树形结构数据；
13.层级确定模块，用于根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度；
14.数组数据生成模块，用于根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据；
15.根节点生成模块，用于获取多个预设根节点，根据各所述业务列表对应的数组数
据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；
16.组件渲染模块，用于基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。
17.此外，为实现上述目的，本技术还提供一种计算机设备，所述计算机设备包括存储器和处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述的计算机程序并在执行所述的计算机程序时实现本技术实施例提供的任一项所述的列表切换组件的生成方法。
18.此外，为实现上述目的，本技术还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现本技术实施例提供的任一项所述的列表切换组件的生成方法。
19.本技术实施例公开的列表切换组件的生成方法、列表切换组件的生成装置、计算机设备及计算机可读存储介质，通过获取业务数据的各业务列表对应的树形结构数据；根据各业务列表对应的树形结构数据确定各业务列表对应的列表最大层级深度；根据列表最大层级深度对各业务列表对应的树形结构数据进行转换处理，得到各业务列表对应的数组数据；获取多个预设根节点，根据各业务列表对应的数组数据对多个预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；基于预设的组件渲染函数，根据目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。由此可以生成可展示大数据量的金融保险数据、且具备多个列表切换选择功能的组件，使用户可以直观地理解金融保险数据的层级关系，可以使用户快速定位到需要的金融保险数据，提升了用户的交互体验。
附图说明
20.为了更清楚地说明本技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
21.图1是本技术实施例提供的一种列表切换组件的生成方法的场景示意图；
22.图2是本技术实施例提供的一种列表切换组件的生成方法的流程示意图；
23.图3为本技术提供的一种获取业务数据的各业务列表对应的树形结构数据的流程示意图；
24.图4是本技术一实施例提供的一种列表切换组件的生成装置的示意性框图；
25.图5是本技术一实施例提供的一种计算机设备的示意性框图。
具体实施方式
26.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
27.附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际
执行的顺序有可能根据实际情况改变。另外，虽然在装置示意图中进行了功能模块的划分，但是在某些情况下，可以以不同于装置示意图中的模块划分。
28.在本技术说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
29.级联组件是一种常用的web界面控件，它通过层层嵌套的方式展示关联数据，能够在数据呈现上提供更加清晰的视觉效果，用户可以通过级联组件快速过滤数据。常见的级联组件比如省市区选择、或者金融保险产品类别的选择等等。
30.目前，现有的级联组件通常只提供了基本的级联功能，如选择框的内容根据上级选择框的选项进行动态变化。但在实际使用中，用户可能需要更加方便快捷的操作方式，如对多选结果进行拖拽排序或快速切换不同级联数据。这些功能在现有的级联组件中并未得到很好的实现，用户体验受到一定的影响。而在现有的级联组件市场产品中，行业内其他类似ui组件如antd ui、element ui的级联组件都不能支持多个列表切换选择的功能。而且现有的级联组件是对element-ui进行修改，原有的级联组件应该是要用el-cascader。但是因为el-cascader不支持很多定制化功能比如多个列表切换选择的功能。
31.本技术提出了一种列表切换组件的生成方法、列表切换组件的生成装置、计算机设备及计算机可读存储介质，由此可以生成可展示大数据量的金融保险数据、且具备多个列表切换选择功能的组件，使用户可以直观地理解金融保险数据的层级关系，可以使用户快速定位到需要的金融保险数据，提升了用户的交互体验。
32.其中，该方法可以应用于服务器，当然也可以应用于终端设备上，用于生成对应的图像分类模型，其中，终端设备可以包括诸如手机、平板电脑、个人数字助理(personal digital assistant，pda)等固定终端。服务器例如可以为单独的服务器或服务器集群。但为了便于理解，以下实施例将以应用于服务器的列表切换组件的生成方法进行详细介绍。
33.下面结合附图，对本技术的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。
34.如图1所示，本技术实施例提供的列表切换组件的生成方法，可以应用于如图1所示的应用环境中。该应用环境中包含有终端设备110和服务器120，其中，终端设备110可以通过网络与服务器120进行通信。具体地，服务器120获取业务数据的各业务列表对应的树形结构数据；根据各业务列表对应的树形结构数据确定各业务列表对应的列表最大层级深度；根据列表最大层级深度对各业务列表对应的树形结构数据进行转换处理，得到各业务列表对应的数组数据；获取多个预设根节点，根据各业务列表对应的数组数据对多个预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；基于预设的组件渲染函数，根据目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件，并将生成的列表切换组件发送给终端设备110。其中，服务器120可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(content delivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。终端设备110可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接，本技术在此不做限制。
35.请参阅图2，图2是本技术实施例提供的一种列表切换组件的生成方法的示意流程
图。其中，该列表切换组件的生成方法可以应用于服务器中，由此可以生成可展示大数据量的金融保险数据、且具备多个列表切换选择功能的组件，使用户可以直观地理解金融保险数据的层级关系，可以使用户快速定位到需要的金融保险数据，提升了用户的交互体验。
36.如图2所示，该列表切换组件的生成方法包括步骤s101至步骤s105。
37.s101、获取业务数据的各业务列表对应的树形结构数据。
38.其中，业务数据为目标业务中的所有相关数据，目标业务可以为医疗业务、政府业务、保险业务、金融业务等。业务数据中可以包括多个业务列表，每个业务列表中业务数据的类别不同。业务列表可以包括其对应业务类别的业务数据。树形结构数据可以为以树状图形式展示的业务数据，便于更好地确定层级深度。
39.示例性的，可以获取保险业务数据的各业务列表对应的树形结构数据，比如业务数据可以包括车险业务列表对应的树形结构数据，还可以包括产险业务列表对应的树形结构数据等等。
40.本技术实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
41.人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
42.在一些实施例中，基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息；根据所述业务数据对应的主题信息生成其对应的业务列表；获取预设的树形结构模板，将所述业务列表对应的业务数据填充至所述树形结构模板中，得到业务列表对应的树形结构数据。由此可以准确地生成各业务列表对应的树形结构数据。
43.其中，主题预测模型通过语义匹配模型与主题信息数据库进行训练得到，所述主题预测模型可以通过lstm匹配模型、mv-dssm模型、esim模型等模型训练得到。主题信息为业务数据对应的主题内容，用于表示业务列表对应的类别。树形结构模板为预设好的未填充信息的模板，用于生成对应的树形结构数据。
44.示例性的，如图3所示，图3为本技术实施例提供的一种获取业务数据的各业务列表对应的树形结构数据的流程示意图。
45.s1011、基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息。
46.s1012、根据所述业务数据对应的主题信息生成其对应的业务列表。
47.s1013、获取预设的树形结构模板，将所述业务列表对应的业务数据填充至所述树形结构模板中，得到业务列表对应的树形结构数据。
48.具体地，对于每一个类别的业务数据，可以基于主题预测模型，根据该业务数据的类别进行主题预测，得到该业务数据对应的主题信息；根据业务数据对应的主题信息生成其对应的业务列表；获取预设的树形结构模板，将该类别的业务数据填充至所述树形结构
模板中，得到该类别下的业务列表对应的树形结构数据。
49.具体地，可以将业务数据和其对应的业务类别输入到主题预测模型中，以使主题预测模型根据业务数据及其对应的类别进行关键词提取，并根据提取得到的关键词进行业务主题预测，从而得到务数据对应的主题信息。
50.具体地，获取预设的树形结构模板，将该类别的业务数据按照数据层级依次填充至树形结构模板中，并对树形结构进行修正比如删除多余的分支结构，再对树形结构进行数据校验等处理，从而得到该类别下的业务列表对应的树形结构数据。
51.示例性的，对于保险类别的业务数据，可以基于主题预测模型，根据该业务数据的类别进行主题预测，得到该业务数据对应的主题信息为车险、车辆、保险金额等信息；因此可以根据业务数据对应的主题信息生成其对应的业务列表为车险业务列表；获取预设的树形结构模板，将车险业务列表对应的业务数据填充至树形结构模板中，并自动进行数据修正以及数据补充处理，从而生成车险业务列表对应的树形结构数据。
52.在一些实施例中，在基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息之前，对所述业务数据进行特征提取处理，得到数据特征；根据所述数据特征对所述业务数据进行分类处理，得到各个类别下的业务数据。由此可以准确地对务数据进行分类处理，得到各个类别下的业务数据。
53.其中，数据特征可以为业务数据的特征信息，比如保险数据的特征信息可以包括用户的个人信息，受保金额信息、保险条款信息等等。
54.具体地，对不同的业务数据进行特征提取处理，得到各业务数据的数据特征；将具有相同数据特征的业务数据作为同一类别的业务数据，从而根据各业务数据的数据特征对不同的业务数据进行分类处理，进而得到各个类别下的业务数据。
55.示例性的，对不同的业务数据进行特征提取处理，得到各业务数据的数据特征比如包括受保金额信息、保险条款信息、政府条款信息、患者病情信息等；由此可以确定受保金额信息和保险条款信息均为保险类数据对应的数据特征，因为可以确定数据特征为受保金额信息和保险条款信息对应的业务数据为保险类别的业务数据；数据特征为政府条款信息对应的业务数据为政府类别的业务数据；数据特征为患者病情信息对应的业务数据为医疗类别的业务数据。
56.s102、根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度。
57.其中，列表最大层级深度可以表示业务列表中业务数据对应的最大层级深度，可表示业务列表中最底层数据的层级。
58.在一些实施例中，对业务列表对应的树形结构数据进行结构解析处理，得到树形结构特征；根据所述树形结构特征确定所述业务列表对应的列表最大层级深度。由此可以准确地解析得到树形结构特征，从而准确地确定所述业务列表对应的列表最大层级深度。
59.其中，树形结构特征可以包括分支结构、节点结构等特征。
60.具体地，对业务列表对应的树形结构数据进行结构解析处理，得到分支结构、节点结构等特征；根据分支结构、节点结构等特征确定所述业务列表对应的列表最大层级深度。
61.示例性的，可以通过js计算整个业务列表的列表最大层级深度，比如省市区是三层，比如街道-小区是两层。
62.示例性的，比如树形结构数据包括第一层级为保险、第二层级为车险、第三层级为保费，对业务列表对应的树形结构数据进行结构解析处理，得到分支结构、节点结构等特征，从而确定树形层级，对树形层级进行解析，从而确定业务列表对应的列表最大层级深度为三层。
63.s103、根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据。
64.其中，数组数据可以为以数组形式表示的树形结构数据，便于后续进行数据封装处理。
65.在一些实施例中，根据所述列表最大层级深度设置目标数量的空数组；遍历所述业务列表对应的树形结构数据，将所述树形结构数据按层级分别放进对应的空数组中，得到所述业务列表对应的数组数据。由此可以准确地转换得到业务列表对应的数组数据。
66.其中，目标数量可以根据列表最大层级深度来确定，可以为任意组的空数组。空数组为未包含数据的数组。
67.具体地，根据列表最大层级深度设置与层级深度的数量的空数组；遍历业务列表对应的树形结构数据，将每一个层级的树形结构数据筛选出来，并按层级依次放进对应的空数组中，从而得到业务列表对应的数组数据。
68.示例性的，若列表最大层级深度为3层，则可以设置3组空数组；若列表最大层级深度为5层，则可以设置5组空数组。
69.示例性的，若列表最大层级深度为3层，可以设置第一空数组、第二空数组和第三空数组；遍历树形结构数据，将第一层级的树形结构数据放进第一空数组；将第二层级的树形结构数据放进第二空数组；将第三层级的树形结构数据放进第三空数组，从而得到业务列表对应的数组数据。
70.s104、获取多个预设根节点，根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数。
71.其中，预设根节点为事先设置好的未包括数据的根节点，目标根节点为进行数据封装后的根节点，可以存储有对应的数组数据。节点参数可以包括业务列表是否只展示最后节点、当前节点的列表数据、节点当前层级、节点是否支持多选、活跃的节点链路、是否为合并子节点、显示父节点、次级菜单的展开方式等参数；其中，活跃的节点链路用于高亮告诉用户已选路径。
72.在一些实施例中，获取所述预设根节点的预设参数项，根据所述业务列表对应的数组数据对所述预设参数项进行入参处理，得到节点参数；根据所述节点参数对所述预设根节点进行配置，生成目标根节点。由此可以准确地确定节点参数，并生成对应的目标根节点。
73.其中，预设参数项可以为预先设置好需要进行入参的参数项目，比如包括节点数据项、子节点数据项和节点功能数据项等等。
74.具体地，可以根据业务类别确定预设根节点需要进行入参的预设参数项，根据业务列表对应的数组数据对各个预设参数项依次进行入参处理，从而得到预设根节点对应的节点参数；根据节点参数依次对其对应的预设根节点进行配置，生成目标根节点。
75.示例性的，根据业务类别为保险类别，从而确定预设根节点需要进行入参的预设
参数项为节点数据项和子节点数据项，再根据业务列表对应的数组数据对节点数据项和子节点数据项依次进行入参处理，从而得到预设根节点对应的节点参数；最后根据节点参数依次对其对应的预设根节点进行配置，生成目标根节点。
76.s105、基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。
77.其中，组件渲染函数可以用于对预设组件进行组件渲染，从而使组件具备对应功能，具体可以为render函数。预设组件为开源的基础组件，具体可以为选择器等组件。列表切换组件可以为实现切换不同列表的功能，具体地，用户可以通过点击不同的tab切换到相应的数据列表。这样，在数据量较大的情况下，用户可以通过选择不同的tab来快速定位需要的数据。这一功能可以大大提高用户的操作效率，使用户能够更加方便地切换不同输入框之间的内容，从而加快工作进度。
78.在一些实施例中，获取预设的函数模板，根据所述目标根节点及其对应的节点参数对所述函数模板进行参数传递处理，得到文档对象模型；根据所述文档对象模型对所述预设组件进行组件渲染处理，生成列表切换组件。由此可以快速便捷地生成列表切换组件。
79.其中，函数模板可以代表一个函数家族，该函数模板与类型无关，只有在使用时被参数化，根据实参类型产生特定类型版本，比如可以为template模板。文档对象模型(dom)是网页的编程接口，其作用是将网页转为一个js对象，从而可以用脚本进行各种操作(比如增删内容)。它给文档(结构树)提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。
80.具体地，可以调用render函数，通过使用js的完全编程能力来渲染页面，即用js来构建文档对象模型(dom)。
81.具体地，可以调用render函数生成template模板；通过调用render函数，可以根据目标根节点及其对应的节点参数对render函数进行参数传递处理，从而得到文档对象模型；根据所述文档对象模型对预设组件进行组件渲染处理，生成列表切换组件。
82.其中，参数传递可以包括标签名、标签相关属性和标签内部的html内容等等参数。标签名主要用于提供dom的html内容，类型可以是字符串、对象或函数。比如”div”就是创建一个《div》标签。标签相关属性(类型是对象)主要用于设置这个dom的一些样式、属性、传的组件参数、绑定事件之类。标签内部的html内容主要用于说是该节点下有其他节点的话，就放在这里。
83.示例性的，可以获取根节点的div标签，然后通过其根节点的div标签去实现一个递归展开的参数传递，从而得到文档对象模型。
84.本技术实施例公开的列表切换组件的生成方法，通过获取业务数据的各业务列表对应的树形结构数据；根据各业务列表对应的树形结构数据确定各业务列表对应的列表最大层级深度；根据列表最大层级深度对各业务列表对应的树形结构数据进行转换处理，得到各业务列表对应的数组数据；获取多个预设根节点，根据各业务列表对应的数组数据对多个预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；基于预设的组件渲染函数，根据目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。由此可以生成可展示大数据量的金融保险数据、且具备多个列表切换选择功能的组件，使用户可以直观地理解金融保险数据的层级关系，可以使用户快速定位到需要
的金融保险数据，提升了用户的交互体验。
85.此外，本技术生成的列表切换组件还具有以下优势：1.可扩展性强：本专利所提出的级联组件可以与其他组件和技术进行无缝集成，可以根据用户的实际需求进行扩展和定制，具有较强的可扩展性。2.兼容性好：本专利所提出的级联组件可以兼容各种不同的web浏览器和操作系统，可以在各种不同的环境中使用，具有较好的兼容性。3.易用性高：本专利所提出的级联组件具有友好的用户界面和操作方式，可以快速上手，适合各种不同的用户群体使用，易用性高。
86.请参阅图4，图4是本技术一实施例提供的一种列表切换组件的生成装置的示意性框图，该列表切换组件的生成装置可以配置于服务器中，用于执行前述的列表切换组件的生成方法。
87.如图4所示，该列表切换组件的生成装置200包括：数据获取模块201、层级确定模块202、数组数据生成模块203、根节点生成模块204和组件渲染模块205。
88.数据获取模块201，用于获取业务数据的各业务列表对应的树形结构数据；
89.层级确定模块202，用于根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度；
90.数组数据生成模块203，用于根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据；
91.根节点生成模块204，用于获取多个预设根节点，根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；
92.组件渲染模块205，用于基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。
93.在一些实施例中，数据获取模块201，还用于基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息；根据所述业务数据对应的主题信息生成其对应的业务列表；获取预设的树形结构模板，将所述业务列表对应的业务数据填充至所述树形结构模板中，得到业务列表对应的树形结构数据。
94.在一些实施例中，数据分类模块206，用于对所述业务数据进行特征提取处理，得到数据特征；根据所述数据特征对所述业务数据进行分类处理，得到各个类别下的业务数据。
95.在一些实施例中，层级确定模块202，还用于对业务列表对应的树形结构数据进行结构解析处理，得到树形结构特征；根据所述树形结构特征确定所述业务列表对应的列表最大层级深度。
96.在一些实施例中，数组数据生成模块203，还用于根据所述列表最大层级深度设置目标数量的空数组；遍历所述业务列表对应的树形结构数据，将所述树形结构数据按层级分别放进对应的空数组中，得到所述业务列表对应的数组数据。
97.在一些实施例中，根节点生成模块204，还用于获取所述预设根节点的预设参数项，根据所述业务列表对应的数组数据对所述预设参数项进行入参处理，得到节点参数；根据所述节点参数对所述预设根节点进行配置，生成目标根节点。
98.在一些实施例中，组件渲染模块205，还用于获取预设的函数模板，根据所述目标根节点及其对应的节点参数对所述函数模板进行参数传递处理，得到文档对象模型；根据
所述文档对象模型对所述预设组件进行组件渲染处理，生成列表切换组件。
99.需要说明的是，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的装置和模块、单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
100.本技术的方法、装置可用于众多通用或专用的计算系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、机顶盒、可编程的消费终端设备、网络pc、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。
101.示例性的，上述的方法、装置可以实现为一种计算机程序的形式，该计算机程序可以在如图5所示的计算机设备上运行。
102.请参阅图5，图5是本技术实施例提供的一种计算机设备的示意图。该计算机设备可以是服务器。
103.如图5所示，该计算机设备包括通过系统总线连接的处理器、存储器和网络接口，其中，存储器可以包括易失性存储介质、非易失性存储介质和内存储器。
104.非易失性存储介质可存储操作系统和计算机程序。该计算机程序包括程序指令，该程序指令被执行时，可使得处理器执行任意一种列表切换组件的生成方法。
105.处理器用于提供计算和控制能力，支撑整个计算机设备的运行。
106.内存储器为非易失性存储介质中的计算机程序的运行提供环境，该计算机程序被处理器执行时，可使得处理器执行任意一种列表切换组件的生成方法。
107.该网络接口用于进行网络通信，如发送分配的任务等。本领域技术人员可以理解，该计算机设备的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
108.应当理解的是，处理器可以是中央处理单元(central processing unit，cpu)，该处理器还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
109.其中，在一些实施方式中，所述处理器用于运行存储在存储器中的计算机程序，以实现如下步骤：获取业务数据的各业务列表对应的树形结构数据；根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度；根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据；获取多个预设根节点，根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。
110.在一些实施方式中，所述处理器还用于基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息；根据所述业务数据对应的主题信
息生成其对应的业务列表；获取预设的树形结构模板，将所述业务列表对应的业务数据填充至所述树形结构模板中，得到业务列表对应的树形结构数据。
111.在一些实施方式中，对所述业务数据进行特征提取处理，得到数据特征；根据所述数据特征对所述业务数据进行分类处理，得到各个类别下的业务数据。
112.在一些实施方式中，对业务列表对应的树形结构数据进行结构解析处理，得到树形结构特征；根据所述树形结构特征确定所述业务列表对应的列表最大层级深度。
113.在一些实施方式中，根据所述列表最大层级深度设置目标数量的空数组；遍历所述业务列表对应的树形结构数据，将所述树形结构数据按层级分别放进对应的空数组中，得到所述业务列表对应的数组数据。
114.在一些实施方式中，获取所述预设根节点的预设参数项，根据所述业务列表对应的数组数据对所述预设参数项进行入参处理，得到节点参数；根据所述节点参数对所述预设根节点进行配置，生成目标根节点。
115.在一些实施方式中，获取预设的函数模板，根据所述目标根节点及其对应的节点参数对所述函数模板进行参数传递处理，得到文档对象模型；根据所述文档对象模型对所述预设组件进行组件渲染处理，生成列表切换组件。
116.本技术实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序中包括程序指令，所述程序指令被执行时实现本技术实施例提供的任一种列表切换组件的生成方法。
117.其中，所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元，例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备，例如所述计算机设备上配备的插接式硬盘，智能存储卡(smart media card，smc)，安全数字(secure digital，sd)卡，闪存卡(flash card)等。
118.进一步地，所述计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
119.本发明所指区块链语言模型的存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
120.以上所述，仅为本技术的具体实施方式，但本技术的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本技术揭露的技术范围内，可轻易想到种等效的修改或替换，这些修改或替换都应涵盖在本技术的保护范围之内。因此，本技术的保护范围应以权利要求的保护范围为准。

技术特征：
1.一种列表切换组件的生成方法，其特征在于，所述方法包括：获取业务数据的各业务列表对应的树形结构数据；根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度；根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据；获取多个预设根节点，根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。2.根据权利要求1所述的方法，其特征在于，所述获取业务数据的各业务列表对应的树形结构数据，包括：基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息；根据所述业务数据对应的主题信息生成其对应的业务列表；获取预设的树形结构模板，将所述业务列表对应的业务数据填充至所述树形结构模板中，得到业务列表对应的树形结构数据。3.根据权利要求2所述的方法，其特征在于，在所述基于主题预测模型，根据所述业务数据的类别进行主题预测，得到所述业务数据对应的主题信息之前，所述方法还包括：对所述业务数据进行特征提取处理，得到数据特征；根据所述数据特征对所述业务数据进行分类处理，得到各个类别下的业务数据。4.根据权利要求1所述的方法，其特征在于，所述根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度，包括：对业务列表对应的树形结构数据进行结构解析处理，得到树形结构特征；根据所述树形结构特征确定所述业务列表对应的列表最大层级深度。5.根据权利要求1所述的方法，其特征在于，所述根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据，包括：根据所述列表最大层级深度设置目标数量的空数组；遍历所述业务列表对应的树形结构数据，将所述树形结构数据按层级分别放进对应的空数组中，得到所述业务列表对应的数组数据。6.根据权利要求1所述的方法，其特征在于，所述根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数，包括：获取所述预设根节点的预设参数项，根据所述业务列表对应的数组数据对所述预设参数项进行入参处理，得到节点参数；根据所述节点参数对所述预设根节点进行配置，生成目标根节点。7.根据权利要求1所述的方法，其特征在于，所述基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件，包括：获取预设的函数模板，根据所述目标根节点及其对应的节点参数对所述函数模板进行参数传递处理，得到文档对象模型；
根据所述文档对象模型对所述预设组件进行组件渲染处理，生成列表切换组件。8.一种列表切换组件的生成装置，其特征在于，包括：数据获取模块，用于获取业务数据的各业务列表对应的树形结构数据；层级确定模块，用于根据各所述业务列表对应的树形结构数据确定各所述业务列表对应的列表最大层级深度；数组数据生成模块，用于根据所述列表最大层级深度对各所述业务列表对应的树形结构数据进行转换处理，得到各所述业务列表对应的数组数据；根节点生成模块，用于获取多个预设根节点，根据各所述业务列表对应的数组数据对多个所述预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；组件渲染模块，用于基于预设的组件渲染函数，根据所述目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。9.一种计算机设备，其特征在于，所述计算机设备包括存储器和处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述的计算机程序并在执行所述的计算机程序时实现：如权利要求1-7任一项所述的列表切换组件的生成方法。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如权利要求1-7中任一项所述的列表切换组件的生成方法。

技术总结
本发明实施例提供一种列表切换组件的生成方法、装置、设备及存储介质，涉及人工智能领域。该方法包括：获取业务数据的各业务列表对应的树形结构数据；根据各业务列表对应的树形结构数据确定各业务列表对应的列表最大层级深度；根据列表最大层级深度对各业务列表对应的树形结构数据进行转换处理，得到各业务列表对应的数组数据；获取多个预设根节点，根据各业务列表对应的数组数据对多个预设根节点进行数据封装处理，生成目标根节点及其对应的节点参数；基于预设的组件渲染函数，根据目标根节点及其对应的节点参数对预设组件进行组件渲染处理，生成列表切换组件。本申请实施例旨在生成具备多个列表切换选择功能的组件，提升了用户的交互体验。了用户的交互体验。了用户的交互体验。


技术研发人员：傅秀妍
受保护的技术使用者：中国平安财产保险股份有限公司
技术研发日：2023.06.27
技术公布日：2023/10/11