CN114995719A - 列表渲染方法、装置、设备以及存储介质 - Google Patents
列表渲染方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN114995719A CN114995719A CN202210656151.7A CN202210656151A CN114995719A CN 114995719 A CN114995719 A CN 114995719A CN 202210656151 A CN202210656151 A CN 202210656151A CN 114995719 A CN114995719 A CN 114995719A
- Authority
- CN
- China
- Prior art keywords
- hierarchy
- request
- rendered
- data
- item
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本公开提供了列表渲染方法、装置、设备以及存储介质,涉及人工智能领域,具体涉及云计算、平台应用技术,可应用在智能云和企业应用场景下。具体实现方案为:获取待渲染列表的配置信息;根据该配置信息,请求获取该待渲染列表中待渲染层级的数据;根据该配置信息,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。本公开实施例根据待渲染列表的配置信息,可以每次获取并解析待渲染层级的数据,可以减少每次的数据传输量和数据处理量,提升渲染速度和开发效率。
Description
技术领域
本公开涉及人工智能领域,具体涉及云计算、平台应用技术,可应用在智能云和企业应用场景下。
背景技术
在拥有多个分类需要列表选择时,可以选择级联选择框或者多个下拉列表的形式。多层级下拉列表包括多个层级的显示项,每个层级还可能包括一个或多个显示项。在多层级下拉列表的渲染过程中,一般一次性获取列表所有层级的数据,然后解析嵌套数据完成列表的所有渲染。在数据层级很多时,数据项的条数非常巨大。
发明内容
本公开提供了一种列表渲染方法、装置、设备以及存储介质。
根据本公开的一方面,提供了一种列表渲染方法,包括:
获取待渲染列表的配置信息;
根据该配置信息,请求获取该待渲染列表中待渲染层级的数据;
根据该配置信息,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。
根据本公开的另一方面,提供了一种列表渲染装置,包括:
第一获取模块,用于获取待渲染列表的配置信息;
请求模块,用于根据该配置信息,请求获取该待渲染列表中待渲染层级的数据;
解析模块,用于根据该配置信息,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。
根据本公开的另一方面,提供了一种电子设备,包括:
至少一个处理器;以及
与该至少一个处理器通信连接的存储器;其中,
该存储器存储有可被该至少一个处理器执行的指令,该指令被该至少一个处理器执行,以使该至少一个处理器能够执行本公开中任一实施例的方法。
根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,该计算机指令用于使该计算机执行根据本公开中任一实施例的方法。
根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,该计算机程序在被处理器执行时实现根据本公开中任一实施例的方法。
在本公开实施例中,根据待渲染列表的配置信息,可以每次获取并解析待渲染层级的数据,可以减少每次的数据传输量和数据处理量,提升渲染速度和开发效率。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本公开的限定。其中:
图1是根据本公开一实施例的列表渲染方法的流程示意图;
图2是根据本公开另一实施例的列表渲染方法的流程示意图;
图3是根据本公开另一实施例的列表渲染方法的流程示意图;
图4是根据本公开一实施例的列表渲染装置的结构示意图;
图5是根据本公开另一实施例的列表渲染装置的结构示意图;
图6是整体配置信息包括的各配置项的示例;
图7是一种下拉列表渲染的示例的流程图;
图8是用来实现本公开实施例的列表渲染方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1是根据本公开一实施例的列表渲染方法的流程示意图。该方法可以包括:
S101、获取待渲染列表的配置信息;
S102、根据该配置信息,请求获取该待渲染列表中待渲染层级的数据;
S103、根据该配置信息,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。
例如,待渲染列表可以为某一种需要渲染的多层级下拉列表。该多层级下拉列表的配置信息,可以包括该多层级下拉列表的每个层级的配置信息。多层级下拉列表的配置信息和数据可以预先保存在后端。前端需要渲染该多层级下拉列表的情况下,可以先向后端请求完整的多层级下拉列表的配置信息。再根据某个待渲染层级的配置信息,可以向后端请求获取该多层级下拉列表中该待渲染层级的数据。然后,根据该待渲染层级的配置信息,可以解析从后端获取的该待渲染层级的数据,生成并显示该待渲染层级对应的渲染效果。每个待渲染层级可以包括一个或多个列表项。如果待渲染层级是第一层级,可以在获取配置信息后默认请求该第一层级的数据,或者在获取配置信息的同时获取该第一层级的数据。如果监测到用户操作例如点击展开某个层级的操作,则该待渲染层级是第一层级之下的其他层级。
在本公开实施例中,根据待渲染列表的配置信息,可以每次获取并解析待渲染层级的数据,由于无需一次获取所有列表数据,也无需进行类别判断后定制化的数据获取解析处理,可以减少每次的数据传输量和数据处理量,提升渲染速度和开发效率。
图2是根据本公开另一实施例的列表渲染方法的流程示意图。该实施例的方法包括上述列表渲染方法实施例的一个或多个特征。在一种可能的实施方式中,该配置信息包括请求配置信息,在S102中,根据该配置信息,请求获取该待渲染列表中待渲染层级的数据,包括:
S201、根据该待渲染层级的层级索引从该请求配置信息中获取该待渲染层级对应的请求项;
S202、根据该待渲染层级对应的请求项发送该待渲染层级对应的数据获取请求;
S203、接收响应于该待渲染层级对应的数据获取请求返回的该待渲染层级的数据。
在本公开实施例中,待渲染的多级下拉列表可以包括多个层级的列表项,每个层级可以具有对应的层级索引。如果某个层级内具有多个列表项,该层级索引还可以关联多个层内索引。某个层级的层内索引可以认为是该层级的下一层级的层级索引。例如,第一层级的索引为0,第二层级的索引为01、02和03,层级01之下的第三层级的索引为011、012和013,层级02之下的第三层级的索引为021和022,层级03之下的第三层级的索引为031和032。上述层级的数量和索引的具体数值仅是示例而非限制,可以根据待渲染列表的实际需求进行设置。待渲染列表的请求配置信息中可以包括预先配置的多种请求项,每一层级可以具有自身对应的一个或多个请求项。根据层级索引可以从请求配置信息中获取某个待渲染层级对应的一个或多个请求项,然后基于获取的请求项生成该待渲染层级的数据获取请求。通过预先配置的请求配置信息中的请求项,可以按照层级获取数据,无需一次获取列表的全部数据,能够减少每次的数据传输量和数据处理量,提高渲染速度。
在一种可能的实施方式中,该配置信息包括解析配置信息,如图3所示,在S103中,根据该配置信息,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果,包括:
S301、根据该待渲染层级的层级索引从该解析配置信息中获取该待渲染层级对应的解析项;
S302、根据该待渲染层级对应的解析项,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。
通过预先配置的解析配置信息中的解析项,可以解析所获取的待渲染层级数据,无需进行类别判断后定制化的数据获取解析处理,可以提升开发效率。
在一种可能的实施方式中,该解析项包括键值、数据标识、列表项的显示值、下一层级的层级数、下一层级的索引、下一层级请求所需的变量集和是否具有下一层级的标识的一项或者多项。
在一种可能的实施方式中,在S302中,根据该待渲染层级对应的解析项,解析该待渲染层级的数据,包括:将该键值转化为数组,利用该数组遍历该待渲染层级的数据得到数据项;根据该数据项中的数据标识和列表项的显示值,生成该待渲染层级的值和显示名。例如,在数据项中查找到待渲染的当前层级的数据标识和列表项的显示值,将数据标识作为当前层级各个列表项的值,将各个列表项的显示值作为当前层级的各个显示名,利用当前层级的各个列表项的值和显示名可以在显示界面上显示多层级下拉列表的当前层级的展开后包括各个列表项的渲染效果。
在一种可能的实施方式中,该请求项包括请求路径、请求方法、请求头、请求体和请求参数的一项或者多项。例如,请求路径可以包括数据存储的路径,请求方法可以包括例如HTTP请求等,请求头可以包括请求的头部数据,请求体可以包括具体需要请求的下拉列表相关的业务内容,请求参数可以包括各请求项的具体参数。在本公开实施例中,获取某个层级的请求项的步骤和获取配置项的步骤,可以不限制时序关系,可以先获取请求项,再获取配置项;也可以先获取配置项,再获取请求项;还可以并行获取请求项和配置项。
在一种可能的实施方式中,如图3所示,该列表渲染方法还包括:
S303、响应于对当前层级的展开请求,从该数据项中获取该当前层级的下一层级的层级索引和层级数;
S304、根据该下一层级的层级索引和层级数,从该请求配置信息中获取下一层级的请求项;
S305、在该数据项中存在请求所需的变量的情况下,利用该请求所需的变量替换该下一层级的请求项中请求路径和/或请求体中的对应变量。
在本公开实施例中,如果完成渲染后的当前层级包括多个列表项,每个列表项可以具有对应的同层索引。当前层级的列表项相当于当前层级的下一层级。当前层级的列表项对应的同层索引相当于当前层级的下一层级的层级索引。
不同的层级的请求项中可能存在一些变量,如果在当前层级的数据项中,从查找到下一层级请求所需的变量,可以利用这些变量替换该下一层级中的对应请求项。例如,如果查找到下一层级请求所需的请求路径的变量,可以利用请求所需的请求路径的变量替换该下一层级中请项中请求路径的变量。再如,如果查找到下一层级请求所需的请求体的变量,可以利用请求所需的请求体的变量替换该下一层级中请求项中请求体的变量。通过对不同层级的请求项进行变量替换,可以支持更加丰富的列表展示形式。
在一种可能的实施方式中,在S102中,根据该配置信息,请求获取该待渲染列表中待渲染层级的数据,还包括:
S306、将该下一层级作为新的待渲染层级,根据变量替换后的请求项发送该下一层级对应的数据获取请求;
S307、接收响应于该下一层级对应的数据获取请求返回的该下一层级的数据。
如果根据数据项中的是否具有下一层级的标识,确定某个层级具有下一层级,则执行S303至S307获取下一层级的数据(该下一层级的数据可以看作是新的待渲染层级的数据),然后,可以参见S301至S307重复执行待渲染层级的数据的解析步骤。具体地,可以根据下一层级的层级索引从解析配置信息中获取该下一层级对应的解析项;根据该下一层级对应的解析项,解析该下一层级的数据,得到该下一层级对应的渲染效果。其中,根据该下一层级对应的解析项,解析该下一层级的数据,包括:将该下一层级的键值转化为数组,利用该数组遍历该下一层级的数据得到数据项;根据该数据项中的数据标识和列表项的显示值,生成多层下拉列表的下一层级的值和显示名。然后,根据下一层级的值和显示名可以显示下一层级的渲染效果。
如果根据数据项中是否具有下一层级的标识,确定某个层级没有下一层级,则可以不执行获取下一层级的数据步骤,可以结束该层级的数据获取和解析流程,也可以返回没有下一层级的提醒或报错。
本公开实施例不限制下一层级的层级数和同层列表项的数量,具体可以根据多层级下拉列表的实际结构确定。根据下一层级变更后的请求项,可以生成该层级的数据获取请求,从后端获取该层级的数据,然后继续数据解析流程。本公开实施例通过多层级的变量替换,能够针对不同结构的下拉列表灵活变更,支持更加丰富的展示效果。
本公开实施例的列表渲染方法,无需一次获取所有列表数据,也无需进行类别判断后定制化的数据获取解析处理。只需要配置请求前的固定请求项和所需要的动态参数,以及获取到数据源之后的解析项,即可直接将多级列表配置完成,用户在每次展开类型时进行每一步的请求即可。省去大量的开发时间,节约人力。如果数据源类别改变,也无需进行大量的代码更改,只需要修改一些配置项即可兼容新数据源,大大的提升了开发效率。
图4是根据本公开一实施例的列表渲染装置的结构示意图,该装置可以包括:
第一获取模块401,用于获取待渲染列表的配置信息;
请求模块402,用于根据该配置信息,请求获取该待渲染列表中待渲染层级的数据;
解析模块403,用于根据该配置信息,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。
图5是根据本公开另一实施例的列表渲染装置的结构示意图。该实施例的装置包括上述列表渲染装置实施例的一个或多个特征。在一种可能的实施方式中,该请求模块402,包括:
请求项获取子模块501,用于根据该待渲染层级的层级索引从该请求配置信息中获取该待渲染层级对应的请求项;
第一发送子模块502,用于根据该待渲染层级对应的请求项发送该待渲染层级对应的数据获取请求;
第一接收子模块503,用于接收响应于该待渲染层级对应的数据获取请求返回的该待渲染层级的数据。
在一种可能的实施方式中,该配置信息包括解析配置信息,该解析模块403,包括:
解析项获取子模块504,用于根据该待渲染层级的层级索引从该解析配置信息中获取该待渲染层级对应的解析项;
解析子模块505,用于根据该待渲染层级对应的解析项,解析该待渲染层级的数据,得到该待渲染层级对应的渲染效果。
在一种可能的实施方式中,该解析项包括键值、数据标识、列表项的显示值、下一层级的层级数、下一层级的索引、下一层级请求所需的变量集和是否具有下一层级的标识的一项或者多项,该解析子模块505,还用于:
将该键值转化为数组,利用该数组遍历该待渲染层级的数据得到数据项;
根据该数据项中的数据标识和列表项的显示值,生成该待渲染层级的值和显示名。
在一种可能的实施方式中,该请求项包括请求路径、请求装置、请求头、请求体和请求参数的一项或者多项,该装置还包括:
第二获取模块506,用于响应于对当前层级的展开请求,从该数据项中获取该当前层级的下一层级的层级索引和层级数;
第三获取模块507,用于根据该下一层级的层级索引和层级数,从该请求配置信息中获取下一层级的请求项;
替换模块508,用于在该数据项中存在请求所需的变量的情况下,利用该请求所需的变量替换该下一层级的请求项中请求路径和/或请求体中的对应变量。
在一种可能的实施方式中,该请求模块402,还包括:
第二发送子模块509,用于将该下一层级作为新的待渲染层级,根据变量替换后的请求项发送该下一层级对应的数据获取请求;
第二接收子模块510,用于接收响应于该下一层级对应的数据获取请求返回的该下一层级的数据。
本公开实施例的装置的各模块、子模块的具体功能和示例的描述,可以参见上述方法实施例中对应步骤的相关描述,在此不再赘述。
动态的多层级下拉列表渲染方法,能够根据不同的应用场景,对下拉列表的每一层级数据进行定制化的请求和解析配置,再将数据渲染成多层级下拉列表的方案。在拥有多个分类需要列表选择时,可以选择级联选择框或者多个下拉列表的形式。一种方式中,以一次性获取完所有分类数据进行渲染,然后解析嵌套数据完成所有列表的渲染,点击选项时不用进行二次的数据请求。该方式需要一次性获取所有层级的数据,但是在数据层级很多时,数据项条数会非常巨大,可能难以一次性请求且耗时较多。另一种方式中,也可以监听每一次层级的展开,然后开发者需要对层级类型进行判断,做特殊化的处理再返回列表数据。但是这种分层级渲染需要不断的对选项点击进行逻辑判断,返回列表数据。并且无法进行复用,如果数据源类型变化需要进行大量重复开发,渲染处理逻辑繁琐,且开发效率低下,影响产品的迭代。
在一些应用场景,例如智能云控制台、云监控、企业应用等场景下,本公开实施例的列表渲染方法可以用于实现多层级下拉列表的动态渲染。该多层级列表动态渲染的方法需要首先获取列表数据完整的配置信息(或者称为数据获取信息)。该配置信息可以包括每层级数据的请求配置数组(请求配置信息的示例)和解析配置数组(解析配置信息的示例)。每一层级中可以包含子层级的索引及相关信息。
图6为整体配置信息包括的各配置项的示例。该配置信息可以保存在后端的数据库中,前端需要使用时从后端获取某个下拉列表对应的配置信息。
下拉列表的配置信息,可以包括请求配置数组和解析配置数组。后续数据的获取和解析可以根据这两个数组进行逻辑处理。并且,每层数组还允许拥有多个配置项(即多组配置信息),以兼容同层级有多种配置的情况。请求配置数组可以包括请求路径(path)、请求方法(method)、请求头(header)、请求体(body)、请求参数(params)等请求器配置,可以在请求时使用该请求配置数组。解析配置数组中可以包括键(key)值,用于获取到当前结构的数据。例如,身份标识(identityId)用于标识数据的唯一值,显示名(displayName)作为列表项的显示值。子层级(childLevel)标识下一层级的层级数,在点击选项时,需要拿到该层级数的请求配置。而且同一层级有不同的解析配置时,同层索引用子索引(childIndex)来表示。由于下一层请求数据时可能用到多个变量,所以请求字段(requireField)用来表示请求时会用到的变量集,用特定符号例如${}括起相应的变量。如果是最后一层数据时,将具有子层级(hasChildren)设置为假(false)可以标识当前已经是最后一项,无需再显示下拉箭头了。
如图7所示,为下拉列表渲染流程图。该渲染流程可以包括:
首先,获取下拉列表整体的请求配置信息和解析配置信息(S701)。再根据请求配置信息中的请求项请求某个层级的数据(S702)。然后根据解析配置信息解析该层级的数据(S703)。
例如在第一层级列表的渲染过程中。第一层级不需要判断(例如判断是否具有子层级),直接获取索引为0的请求配置信息,将请求配置信息中的各请求项配置到请求器中,之后发起对应的数据获取请求。获取数据之后,根据从解析配置信息中层级、索引均为0的解析项,将小数点作为间隔符,将key值转换为一串数组。用数组的每一项去遍历数据源(该层级的数据),得到最终所需要的关键数据(data)、即数据项。将data的身份标识(identityId)项和显示名(displayName)项作为下拉列表的值和显示名,第一层级列表渲染完成。
然后,可以判断是否能点击下一层级(S704)。如果能,则获取下一层级数以及索引数(S705)。如果不能,则渲染完成。判断是否携带变量参数(S706)。如果是,则获取变量参数名并用变量替换后加入请求项的参数对象中(S707),然后执行S702,根据请求配置信息中的请求项请求这一层级的数据。如果不是,则直接执行S702。
例如,在第二层级以及后续层级的渲染过程中,点击展开第一层级的数据项时,首先获取该层级的数据项的childLevel和childindex字段,这两个字段用于获取解析配置数据数组中解析数据的位置。再判断该数据项是否存在requireFields字段,如果有,表示请求下层数据时有额外的变量参数,可以将所有变量参数进行${}字段匹配并获取变量后,放入一个变量集fieldMap(字段映射)中。该变量集可以包含所有所需变量。在进行请求前,用变量集中的变量将第二层级或后续层级的请求路径和请求体中的变量替换,即可得到完整的请求配置。之后的步骤,可以参见第一层级的解析过程。由此,多层级下拉列表的动态渲染步骤完成。
本多级下拉列表动态渲染方案可以无需一次获取所有列表数据,也无需在每一步进行类别判断后进行定制化的数据获取解析处理。只需要配置请求前的固定请求项和所需要的动态参数,以及获取到数据源之后的解析结构,即可直接将多级列表配置完成。用户在每次展开类型时进行每一步的请求即可,省去大量的开发时间,节约人力。如果数据源类别改变时,也无需进行大量的代码更改,只需要修改几行配置项即可兼容新数据源。大大的提升了开发效率。
以下介绍一个具体的下拉列表渲染的实现方式。
1、获取下拉列表实例。例如获取下拉列表实例的数据解析配置如itemSplitConfig和数据请求配置如itemDataSetConfig。数据请求配置信息包括获取请求路径path、请求参数params等。可以替换请求路径中的变量。
2、获取实例子类型、即实例的下一层级。例如,如果实例的数据项存在requireField,表示携带请求变量,需要使用请求变量替换子类型的对应请求项。根据同层级请求索引childIndex获取配置信息中的请求项,进而请求该层级的数据。
3、格式化实例数据,即解析某一层级的数据。格式化实例数据包括利用key从数据项data获取到实例字段,拆解出显示名displayName,将身份标识identityID分解为数组。获取到实例所在字段的数据:将displayName分解为数组,循环获取到displayName所在数据,循环获取到identityID所在数据,将整理好的数据添加到数据项data。如果该实例存在子类型,可以递归获取数据。
本公开的技术方案中,所涉及的用户个人信息的获取,存储和应用等,均符合相关法律法规的规定,且不违背公序良俗。
根据本公开的实施例,本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
图8示出了可以用来实施本公开的实施例的示例电子设备800的示意性框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图8所示,设备800包括计算单元801,其可以根据存储在只读存储器(ROM)802中的计算机程序或者从存储单元808加载到随机访问存储器(RAM)803中的计算机程序,来执行各种适当的动作和处理。在RAM 803中,还可存储设备800操作所需的各种程序和数据。计算单元801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。
设备800中的多个部件连接至I/O接口805,包括:输入单元806,例如键盘、鼠标等;输出单元807,例如各种类型的显示器、扬声器等;存储单元808,例如磁盘、光盘等;以及通信单元809,例如网卡、调制解调器、无线通信收发机等。通信单元809允许设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元801可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理,例如列表渲染方法。例如,在一些实施例中,列表渲染方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元808。在一些实施例中,计算机程序的部分或者全部可以经由ROM 802和/或通信单元809而被载入和/或安装到设备800上。当计算机程序加载到RAM 803并由计算单元801执行时,可以执行上文描述的列表渲染方法的一个或多个步骤。备选地,在其他实施例中,计算单元801可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行列表渲染方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入、或者触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。
Claims (15)
1.一种列表渲染方法,包括:
获取待渲染列表的配置信息;
根据所述配置信息,请求获取所述待渲染列表中待渲染层级的数据;
根据所述配置信息,解析所述待渲染层级的数据,得到所述待渲染层级对应的渲染效果。
2.根据权利要求1所述的方法,其中,所述配置信息包括请求配置信息,根据所述配置信息,请求获取所述待渲染列表中待渲染层级的数据,包括:
根据所述待渲染层级的层级索引从所述请求配置信息中获取所述待渲染层级对应的请求项;
根据所述待渲染层级对应的请求项发送所述待渲染层级对应的数据获取请求;
接收响应于所述待渲染层级对应的数据获取请求返回的所述待渲染层级的数据。
3.根据权利要求2所述的方法,其中,所述配置信息包括解析配置信息,根据所述配置信息,解析所述待渲染层级的数据,得到所述待渲染层级对应的渲染效果,包括:
根据所述待渲染层级的层级索引从所述解析配置信息中获取所述待渲染层级对应的解析项;
根据所述待渲染层级对应的解析项,解析所述待渲染层级的数据,得到所述待渲染层级对应的渲染效果。
4.根据权利要求3所述的方法,其中,所述解析项包括键值、数据标识、列表项的显示值、下一层级的层级数、下一层级的索引、下一层级请求所需的变量集和是否具有下一层级的标识的一项或者多项,根据所述待渲染层级对应的解析项,解析所述待渲染层级的数据,包括:
将所述键值转化为数组,利用所述数组遍历所述待渲染层级的数据得到数据项;
根据所述数据项中的数据标识和列表项的显示值,生成所述待渲染层级的值和显示名。
5.根据权利要求2至4中任一项所述的方法,其中,所述请求项包括请求路径、请求方法、请求头、请求体和请求参数的一项或者多项,所述方法还包括:
响应于对当前层级的展开请求,从所述数据项中获取所述当前层级的下一层级的层级索引和层级数;
根据所述下一层级的层级索引和层级数,从所述请求配置信息中获取下一层级的请求项;
在所述数据项中存在请求所需的变量的情况下,利用所述请求所需的变量替换所述下一层级的请求项中请求路径和/或请求体中的对应变量。
6.根据权利要求5所述的方法,根据所述配置信息,请求获取所述待渲染列表中待渲染层级的数据,还包括:
将所述下一层级作为新的待渲染层级,根据变量替换后的请求项发送所述下一层级对应的数据获取请求;
接收响应于所述下一层级对应的数据获取请求返回的所述下一层级的数据。
7.一种列表渲染装置,包括:
第一获取模块,用于获取待渲染列表的配置信息;
请求模块,用于根据所述配置信息,请求获取所述待渲染列表中待渲染层级的数据;
解析模块,用于根据所述配置信息,解析所述待渲染层级的数据,得到所述待渲染层级对应的渲染效果。
8.根据权利要求7所述的装置,其中,所述配置信息包括请求配置信息,所述请求模块,包括:
请求项获取子模块,用于根据所述待渲染层级的层级索引从所述请求配置信息中获取所述待渲染层级对应的请求项;
第一发送子模块,用于根据所述待渲染层级对应的请求项发送所述待渲染层级对应的数据获取请求;
第一接收子模块,用于接收响应于所述待渲染层级对应的数据获取请求返回的所述待渲染层级的数据。
9.根据权利要求8所述的装置,其中,所述配置信息包括解析配置信息,所述解析模块,包括:
解析项获取子模块,用于根据所述待渲染层级的层级索引从所述解析配置信息中获取所述待渲染层级对应的解析项;
解析子模块,用于根据所述待渲染层级对应的解析项,解析所述待渲染层级的数据,得到所述待渲染层级对应的渲染效果。
10.根据权利要求9所述的装置,其中,所述解析项包括键值、数据标识、列表项的显示值、下一层级的层级数、下一层级的索引、下一层级请求所需的变量集和是否具有下一层级的标识的一项或者多项,所述解析子模块,还用于:
将所述键值转化为数组,利用所述数组遍历所述待渲染层级的数据得到数据项;
根据所述数据项中的数据标识和列表项的显示值,生成所述待渲染层级的值和显示名。
11.根据权利要求8至10中任一项所述的装置,其中,所述请求项包括请求路径、请求装置、请求头、请求体和请求参数的一项或者多项,所述装置还包括:
第二获取模块,用于响应于对当前层级的展开请求,从所述数据项中获取所述当前层级的下一层级的层级索引和层级数;
第三获取模块,用于根据所述下一层级的层级索引和层级数,从所述请求配置信息中获取下一层级的请求项;
替换模块,用于在所述数据项中存在请求所需的变量的情况下,利用所述请求所需的变量替换所述下一层级的请求项中请求路径和/或请求体中的对应变量。
12.根据权利要求11所述的装置,所述请求模块,还包括:
第二发送子模块,用于将所述下一层级作为新的待渲染层级,根据变量替换后的请求项发送所述下一层级对应的数据获取请求;
第二接收子模块,用于接收响应于所述下一层级对应的数据获取请求返回的所述下一层级的数据。
13.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-6中任一项所述的方法。
14.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-6中任一项所述的方法。
15.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-6中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210656151.7A CN114995719B (zh) | 2022-06-10 | 2022-06-10 | 列表渲染方法、装置、设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210656151.7A CN114995719B (zh) | 2022-06-10 | 2022-06-10 | 列表渲染方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114995719A true CN114995719A (zh) | 2022-09-02 |
CN114995719B CN114995719B (zh) | 2023-08-01 |
Family
ID=83033234
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210656151.7A Active CN114995719B (zh) | 2022-06-10 | 2022-06-10 | 列表渲染方法、装置、设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114995719B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117274464A (zh) * | 2023-11-15 | 2023-12-22 | 成都市灵奇空间软件有限公司 | 基于元宇宙的数据渲染方法、装置及设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170161113A1 (en) * | 2015-12-02 | 2017-06-08 | At&T Mobility Ii Llc | Sorting apparatus |
US20190065440A1 (en) * | 2017-08-30 | 2019-02-28 | Sap Se | Adaptable user interface layout |
US20190121827A1 (en) * | 2015-12-21 | 2019-04-25 | Michael Boswell | Method for webpage creation system for accelerated webpage development for at least one mobile computing device |
CN110377851A (zh) * | 2019-06-18 | 2019-10-25 | 平安科技(深圳)有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
CN112162679A (zh) * | 2020-10-21 | 2021-01-01 | 北京乐我无限科技有限责任公司 | 一种下拉菜单配置方法、装置、电子设备及存储介质 |
CN113741898A (zh) * | 2021-11-08 | 2021-12-03 | 深圳市明源云采购科技有限公司 | 表单生成方法、装置及设备 |
-
2022
- 2022-06-10 CN CN202210656151.7A patent/CN114995719B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170161113A1 (en) * | 2015-12-02 | 2017-06-08 | At&T Mobility Ii Llc | Sorting apparatus |
US20190121827A1 (en) * | 2015-12-21 | 2019-04-25 | Michael Boswell | Method for webpage creation system for accelerated webpage development for at least one mobile computing device |
US20190065440A1 (en) * | 2017-08-30 | 2019-02-28 | Sap Se | Adaptable user interface layout |
CN110377851A (zh) * | 2019-06-18 | 2019-10-25 | 平安科技(深圳)有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
CN112162679A (zh) * | 2020-10-21 | 2021-01-01 | 北京乐我无限科技有限责任公司 | 一种下拉菜单配置方法、装置、电子设备及存储介质 |
CN113741898A (zh) * | 2021-11-08 | 2021-12-03 | 深圳市明源云采购科技有限公司 | 表单生成方法、装置及设备 |
Non-Patent Citations (2)
Title |
---|
戴维;: "Web页中动态级联表单元素对象的设计与优化", 电脑编程技巧与维护, no. 16 * |
陈金莲;: "联动下拉列表实现方法", 科技创新导报, no. 04 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117274464A (zh) * | 2023-11-15 | 2023-12-22 | 成都市灵奇空间软件有限公司 | 基于元宇宙的数据渲染方法、装置及设备 |
CN117274464B (zh) * | 2023-11-15 | 2024-04-16 | 成都市灵奇空间软件有限公司 | 基于元宇宙的数据渲染方法、装置及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN114995719B (zh) | 2023-08-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111177231A (zh) | 报表生成方法和报表生成装置 | |
CN113342345A (zh) | 深度学习框架的算子融合方法、装置 | |
CN111190888A (zh) | 一种管理图数据库集群的方法和装置 | |
CN114329201A (zh) | 深度学习模型的训练方法、内容推荐方法和装置 | |
CN114995719B (zh) | 列表渲染方法、装置、设备以及存储介质 | |
CN114064925A (zh) | 知识图谱的构建方法、数据查询方法、装置、设备和介质 | |
CN108959294B (zh) | 一种访问搜索引擎的方法和装置 | |
CN113722600A (zh) | 应用于大数据的数据查询方法、装置、设备及产品 | |
CN117807121A (zh) | 基于知识图谱的电网知识关联方法、装置、设备及介质 | |
CN115794742A (zh) | 文件路径数据处理方法、装置、设备及存储介质 | |
CN116560661A (zh) | 代码优化方法、装置、设备及存储介质 | |
CN116361591A (zh) | 内容审核方法、装置、电子设备及计算机可读存储介质 | |
CN116009847A (zh) | 代码生成方法、装置、电子设备及存储介质 | |
CN116127154A (zh) | 知识标签推荐方法、装置、电子设备及存储介质 | |
CN115687717A (zh) | Grok表达式获取方法、装置、设备及计算机可读存储介质 | |
CN111026629A (zh) | 一种测试脚本自动生成的方法和装置 | |
CN114610701A (zh) | 任务数据处理方法、装置、电子设备和介质 | |
CN114048315A (zh) | 确定文档标签的方法、装置、电子设备和存储介质 | |
CN113742321A (zh) | 一种数据更新的方法和装置 | |
CN113312053A (zh) | 一种数据处理的方法和装置 | |
CN114996557B (zh) | 服务稳定性确定方法、装置、设备以及存储介质 | |
US20230342352A1 (en) | System and Method for Matching into a Complex Data Set | |
CN114417071A (zh) | 节点状态确定方法、装置、设备和存储介质 | |
CN115544134A (zh) | 一种数据接入方法、装置、计算机设备及存储介质 | |
CN116186455A (zh) | 目录生成方法、目录操作方法、装置及设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |