CN113468400A - 可视化网页的列表渲染方法、装置、设备及存储介质 - Google Patents

Abstract

本发明涉及网页开发领域，公开了一种可视化网页的列表渲染方法、装置、设备及存储介质，用于提高可视化网页工具所生成网页的列表渲染效率。所述可视化网页的列表渲染方法包括：接收可视化网页的列表渲染请求，获取待渲染列表的列表配置数据；在预置组件库中获取与所述待渲染列表对应的筛选组件，并将筛选组件添加至待渲染列表中，得到第一目标列表；对第一目标列表进行批量操作事件绑定，得到第二目标列表；在第二目标列表中加入预置行为组件，得到第三目标列表；通过预置的数据格式模板，对第三目标列表进行视图重构，并生成待渲染列表对应的目标视图。此外，本发明还涉及区块链技术，目标视图可存储于区块链节点中。

Description

可视化网页的列表渲染方法、装置、设备及存储介质

技术领域

本发明涉及可视化网页技术领域，尤其涉及一种可视化网页的列表渲染方法、装置、设备及存储介质。

背景技术

随着互联网技术的提高，越来越多的可视化网页工具应运而生。可视化网页工具支持自由拖拽组件、自定义交互事件、交互按钮等，使得不具备网页开发能力的用户也能够编辑网页，并按照自己的需求自由地生成网页，成为了许多敏捷项目的首要选择。

正是由于可视化网页编辑的自由度极高，导致在对用户编辑的网页进行渲染时，代码的解析成本也随之提高，特别是在对列表数据的渲染方面，用户的配置数据标准不一，结构散乱，使得列表数据的渲染复杂度高且冗余性强，进而影响了数据渲染的效率。

发明内容

本发明提供了一种可视化网页的列表渲染方法、装置、设备及存储介质，用于提高可视化网页工具所生成网页的列表渲染效率。

本发明第一方面提供了一种可视化网页的列表渲染方法，包括：

接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；

根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；

按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；

基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；

通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。

可选的，在本发明第一方面的第一种实现方式中，所述接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据，包括：

接收可视化网页的列表渲染请求，解析所述列表渲染请求中的待渲染数据，得到待渲染列表的标识信息；

通过所述待渲染列表的标识信息，向预置数据列表库请求待渲染列表的基础数据，得到请求结果；

从所述请求结果中提取待渲染列表的列表配置数据，所述列表配置数据包括筛选条件配置数据、批量操作配置数据和行为操作配置数据。

可选的，在本发明第一方面的第二种实现方式中，所述根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表，包括：

基于所述列表渲染请求所携带的筛选条件标识，对所述列表配置数据中的筛选条件配置数据进行分类处理，得到所述筛选条件标识对应的筛选条件配置数据；

根据所述筛选条件标识，在预置组件库中匹配所述筛选条件标识对应的筛选组件；

按照所述筛选条件标识对应的筛选条件配置数据，将所述筛选条件标识对应的筛选组件添加至所述待渲染列表对应的列表项中，得到第一目标列表。

可选的，在本发明第一方面的第三种实现方式中，所述按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表，包括：

遍历所述列表配置数据中的批量操作配置数据，确定所述第一目标列表中存在批量操作的列表项；

通过预置的批量操作组件，生成批量操作按钮，并将所述批量操作按钮添加至所述第一目标列表中存在批量操作的列表项中，得到第二初始列表；

对所述第二初始列表中的批量操作按钮进行交互事件绑定，并将所述批量操作配置数据作为参数传入所述交互事件中，得到第二目标列表。

可选的，在本发明第一方面的第四种实现方式中，所述基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表，包括：

通过遍历所述列表配置数据中的行为操作配置数据，判断所述列表配置数据中是否存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置中的任意一项；

若所述列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在所述第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到具有至少一种行为功能的第三目标列表。

可选的，在本发明第一方面的第五种实现方式中，所述若所述列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在所述第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到具有至少一种行为功能的第三目标列表，包括：

若所述列表配置数据中存在排序行为操作配置数据，则在所述第二目标列表中存在排序行为操作配置数据的列表项中，添加预置行为组件中的排序组件和预置交互事件中的排序交互事件，得到第三目标列表，所述第三目标列表具有排序行为功能；

若所述列表配置数据中存在自定义行为操作配置数据，则在所述第二目标列表中添加预置行为组件中的自定义行为组件，并将预置交互事件中的自定义交互事件传入所述自定义行为组件中，得到第三目标列表，所述第三目标列表具有自定义行为功能；

若所述列表配置数据中包括列操作行为配置数据，则在所述第二目标列表中添加预置行为组件中的列操作按钮组件，并将预置交互事件中的列操作交互事件传入所述列操作按钮组件中，得到第三目标列表，所述第三目标列表具有列操作行为功能。

可选的，在本发明第一方面的第六种实现方式中，所述通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染，包括：

根据所述列表渲染请求的权限类型，对所述第三目标列表中的列表项进行操作权限验证，得到权限验证结果；

按照所述权限验证结果，对所述第三目标列表中的筛选组件和预置行为组件进行操作权限处理，得到待渲染的第三目标列表；

通过预置的表格数据格式模板，将所述待渲染的第三目标列表组装为表格模式，得到目标视图，并对所述目标视图进行渲染。

本发明第二方面提供了一种可视化网页的列表渲染装置，包括：

接收模块，用于接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；

筛选模块，用于根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；

绑定模块，用于按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；

加入模块，用于基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；

重构模块，用于通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。

可选的，在本发明第二方面的第一种实现方式中，所述接收模块具体用于：

接收可视化网页的列表渲染请求，解析所述列表渲染请求中的待渲染数据，得到待渲染列表的标识信息；

通过所述待渲染列表的标识信息，向预置数据列表库请求待渲染列表的基础数据，得到请求结果；

从所述请求结果中提取待渲染列表的列表配置数据，所述列表配置数据包括筛选条件配置数据、批量操作配置数据和行为操作配置数据。

可选的，在本发明第二方面的第二种实现方式中，所述筛选模块具体用于：

基于所述列表渲染请求所携带的筛选条件标识，对所述列表配置数据中的筛选条件配置数据进行分类处理，得到所述筛选条件标识对应的筛选条件配置数据；

根据所述筛选条件标识，在预置组件库中匹配所述筛选条件标识对应的筛选组件；

按照所述筛选条件标识对应的筛选条件配置数据，将所述筛选条件标识对应的筛选组件添加至所述待渲染列表对应的列表项中，得到第一目标列表。

可选的，在本发明第二方面的第三种实现方式中，所述绑定模块具体用于：

遍历所述列表配置数据中的批量操作配置数据，确定所述第一目标列表中存在批量操作的列表项；

通过预置的批量操作组件，生成批量操作按钮，并将所述批量操作按钮添加至所述第一目标列表中存在批量操作的列表项中，得到第二初始列表；

对所述第二初始列表中的批量操作按钮进行交互事件绑定，并将所述批量操作配置数据作为参数传入所述交互事件中，得到第二目标列表。

可选的，在本发明第二方面的第四种实现方式中，所述加入模块包括：

遍历单元，用于通过遍历所述列表配置数据中的行为操作配置数据，判断所述列表配置数据中是否存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置中的任意一项；

添加单元，用于若所述列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在所述第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到具有至少一种行为功能的第三目标列表。

可选的，在本发明第二方面的第五种实现方式中，所述添加单元具体用于：

若所述列表配置数据中存在排序行为操作配置数据，则在所述第二目标列表中存在排序行为操作配置数据的列表项中，添加预置行为组件中的排序组件和预置交互事件中的排序交互事件，得到第三目标列表，所述第三目标列表具有排序行为功能；

若所述列表配置数据中存在自定义行为操作配置数据，则在所述第二目标列表中添加预置行为组件中的自定义行为组件，并将预置交互事件中的自定义交互事件传入所述自定义行为组件中，得到第三目标列表，所述第三目标列表具有自定义行为功能；

若所述列表配置数据中包括列操作行为配置数据，则在所述第二目标列表中添加预置行为组件中的列操作按钮组件，并将预置交互事件中的列操作交互事件传入所述列操作按钮组件中，得到第三目标列表，所述第三目标列表具有列操作行为功能。

可选的，在本发明第二方面的第六种实现方式中，所述重构模块具体用于：

根据所述列表渲染请求的权限类型，对所述第三目标列表中的列表项进行操作权限验证，得到权限验证结果；

按照所述权限验证结果，对所述第三目标列表中的筛选组件和预置行为组件进行操作权限处理，得到待渲染的第三目标列表；

通过预置的表格数据格式模板，将所述待渲染的第三目标列表组装为表格模式，得到目标视图，并对所述目标视图进行渲染。

本发明第三方面提供了一种可视化网页的列表渲染设备，包括：存储器和至少一个处理器，所述存储器中存储有指令；所述至少一个处理器调用所述存储器中的所述指令，以使得所述可视化网页的列表渲染设备执行上述的可视化网页的列表渲染方法。

本发明的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述的可视化网页的列表渲染方法。

本发明提供的技术方案中，接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。本发明实施例中，终端根据列表渲染请求获取待渲染列表的列表配置数据，也就是用户在编辑可视化网页时的列表配置数据，终端再通过列表配置数据中的筛选条件配置数据、批量操作配置数据和行为操作配置数据，对待渲染列表进行对应的组件添加和事件绑定处理，得到第三目标列表，最后，终端将第三目标列表重构后渲染至浏览器中，本发明可以降低可视化网页工具所生成网页的渲染复杂度，进而提高列表渲染效率。

附图说明

图1为本发明实施例中可视化网页的列表渲染方法的一个实施例示意图；

图2为本发明实施例中可视化网页的列表渲染方法的另一个实施例示意图；

图3为本发明实施例中可视化网页的列表渲染装置的一个实施例示意图；

图4为本发明实施例中可视化网页的列表渲染装置的另一个实施例示意图；

图5为本发明实施例中可视化网页的列表渲染设备的一个实施例示意图。

具体实施方式

本发明实施例提供了一种可视化网页的列表渲染方法、装置、设备及存储介质，用于提高可视化网页工具所生成网页的列表渲染效率，并降低了渲染复杂度。

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”或“具有”及其任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为便于理解，下面对本发明实施例的具体流程进行描述，请参阅图1，本发明实施例中可视化网页的列表渲染方法的一个实施例包括：

101、接收可视化网页的列表渲染请求，按照列表渲染请求获取待渲染列表的列表配置数据；

可以理解的是，本发明的执行主体可以为可视化网页的列表渲染装置，还可以是终端或者服务器终端，具体此处不做限定。本发明实施例以终端为执行主体为例进行说明。

本实施例中，列表渲染请求可以由终端的任意数据展示功能触发，例如学生数据的搜索功能、教师数据的筛选功能等，当终端接收到可视化网页的列表渲染请求时，终端向数据库发送列表数据获取请求，并接收数据库返回的待渲染列表，由于可视化网页的高度可编辑性，终端在存储终端编辑的网页时，便是将待渲染列表的待渲染数据和列表配置数据存储在待渲染列表中，以便于终端接收到待渲染列表时能够直接解析显示待渲染数据和待渲染数据的列表配置数据，本发明的创新点在于对待渲染数据和列表配置数据的分步渲染算法，能够有效地使展示数据和列表配置数据解耦，提高渲染效率。

102、根据列表配置数据中的筛选条件配置数据，在预置组件库中获取与待渲染列表对应的筛选组件，并将筛选组件添加至待渲染列表中，得到第一目标列表；

本实施例中，列表配置数据中包括筛选条件配置数据，是用户在编辑可视化网页时存储的列表的筛选条件配置数据，例如，用户的在可视化网页中编辑学生成绩表时，配置了班级筛选条件和年级筛选条件，那么，终端根据筛选条件配置数据，在预置组件库中获取与待渲染列表对应的筛选组件，并将筛选组件添加至待渲染列表中，从而得到第一目标列表，其中，筛选组件用于显示目标视图时渲染筛选控件，使目标视图具有条件筛选功能，与用户编辑时的网页保持一致。

103、按照列表配置数据中的批量操作配置数据，对第一目标列表进行批量操作事件绑定，得到第二目标列表；

本实施例中，当用户在编辑可视化网页时配置了批量操作功能，那么，终端在渲染用户编辑的可视化网页时，按照列表配置数据中的批量操作配置数据，将预置的批量操作事件绑定到第一目标列表中，从而得到第二目标列表，第二目标列表具有批量操作功能，能够对待渲染列表中多个列表项(行或列)进行批量操作，以使得终端提高批量操作的渲染效率。

104、基于列表配置数据中的行为操作配置数据，在第二目标列表中加入预置行为组件，得到第三目标列表；

本实施例中，配置数据中还包括行为操作配置数据，行为操作配置数据包括排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据，不同的行为操作配置数据对应不同的预置行为组件，终端将对应的预置行为组件加入到第二目标列表中，从而得到第三目标列表，以使得第三目标列表具有行为操作功能，能够将用户编辑的可视化网页中的功能和样式进行抽离，从而提高网页的渲染效率。

105、通过预置的数据格式模板，对第三目标列表进行视图重构，并生成待渲染列表对应的目标视图。

本实施例中，终端通过分步渲染算法对待渲染列表进行分步处理之后，得到能够直接渲染于网页上的第三目标列表，终端通过预置的数据格式模板，将第三目标列表写入数据格式模板，以对第三目标列表进行重构，从而生成待渲染列表对应的目标视图，目标视图用于将待渲染列表渲染至浏览器中。

进一步地，终端将目标视图存储于区块链数据库中，具体此处不做限定。

本发明实施例中，终端根据列表渲染请求获取待渲染列表的列表配置数据，也就是用户在编辑可视化网页时的列表配置数据，终端再通过列表配置数据中的筛选条件配置数据、批量操作配置数据和行为操作配置数据，对待渲染列表进行对应的组件添加和事件绑定处理，得到第三目标列表，最后，终端将第三目标列表重构后渲染至浏览器中，本发明可以降低可视化网页工具所生成网页的渲染复杂度，进而提高列表渲染效率。

请参阅图2，本发明实施例中可视化网页的列表渲染方法的另一个实施例包括：

201、接收可视化网页的列表渲染请求，按照列表渲染请求获取待渲染列表的列表配置数据；

具体的，终端接收可视化网页的列表渲染请求，解析列表渲染请求中的待渲染数据，得到待渲染列表的标识信息；终端通过待渲染列表的标识信息，向预置数据列表库请求待渲染列表的基础数据，得到请求结果；终端从请求结果中提取待渲染列表的列表配置数据，列表配置数据包括筛选条件配置数据、批量操作配置数据和行为操作配置数据。

本可选实施例中，当终端接收到可视化网页的列表渲染请求时，通过解析列表渲染请求中的待渲染数据，获取到待渲染列表的标识信息，终端通过标识信息，向预置数据列表库发送基础数据获取请求，从而得到终端返回的请求结果，终端从请求结果中提取待渲染列表的列表配置数据，用于待渲染列表的分步渲染。为了减少请求，终端还将列表配置数据存储至浏览器的缓存区域，以使得列表数据的渲染效率提高。

202、根据列表配置数据中的筛选条件配置数据，在预置组件库中获取与待渲染列表对应的筛选组件，并将筛选组件添加至待渲染列表中，得到第一目标列表；

具体的，终端基于列表渲染请求所携带的筛选条件标识，对列表配置数据中的筛选条件配置数据进行分类处理，得到筛选条件标识对应的筛选条件配置数据；终端根据筛选条件标识，在预置组件库中匹配筛选条件标识对应的筛选组件；终端按照筛选条件标识对应的筛选条件配置数据和筛选组件，将筛选条件标识对应的筛选组件添加至待渲染列表对应的列表项中，得到第一目标列表。

本可选实施例中，用户在编辑可视化网页的过程中，可能配置了不同的筛选条件，例如对年级项配置了年级筛选条件，对班级项配置了班级筛选条件，那么，终端根据不同筛选条件对应的筛选条件标识，对列表配置数据中的筛选条件配置数据进行分类，得到不同筛选条件标识对应的筛选条件配置数据，终端再从预置组件库中匹配不同筛选条件标识对应的筛选组件，并将对应的筛选条件配置数据(筛选项)和筛选组件(筛选功能)添加至待渲染列表中待筛选的列表项中，得到第一目标列表。

203、遍历列表配置数据中的批量操作配置数据，确定第一目标列表中存在批量操作的列表项；

本实施例中，由于批量操作的权限或可操作性不同，使得第一目标列表中存在能够批量操作的列表项和不能够批量操作的列表项，例如批量删除，当前的用户可能对某一列表项不具备删除权限，因此，终端在进行批量操作的事件绑定时，需要进一步确定存在批量操作的列表项，从而确定批量操作的交互事件所绑定的范围。

204、通过预置的批量操作组件，生成批量操作按钮，并将批量操作按钮添加至第一目标列表中存在批量操作的列表项中，得到第二初始列表；

本实施例中，当终端确定存在批量操作的列表项之后，通过预置的批量操作组件，生成批量操作按钮，并将批量操作按钮添加至存在批量操作的列表项中，从而得到第二初始列表，其中，批量操作按钮可以是批量删除按钮、批量选择按钮、批量审批按钮等，具体不做限定。

205、对第二初始列表中的批量操作按钮进行交互事件绑定，并将批量操作配置数据作为参数传入交互事件中，得到第二目标列表；

本实施例中，终端将批量操作的交互事件绑定到批量操作按钮中，以使得用户点击批量操作按钮时能够触发批量操作的交互事件，终端再将批量操作配置数据作为交互事件的参数传入，以使得每个列表项对应的批量操作按钮都能触发其它列表项的交互事件，从而得到第二目标列表。

206、基于列表配置数据中的行为操作配置数据，在第二目标列表中加入预置行为组件，得到第三目标列表；

具体的，终端通过遍历列表配置数据中的行为操作配置数据，判断列表配置数据中是否存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置中的任意一项；若列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则终端在第二目标列表对应的列表项中添加对应的预置行为组件和交互事件，得到第三目标列表。

本可选实施例中，第三目标列表具有至少一种行为功能。由于终端对于不同的行为操作配置数据对应有不同的操作方式，因此，终端在进行进一步的行为操作处理之前，通过遍历配置数据中的行为操作配置数据，判断行为操作配置数据是否包括排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，若包括排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，以使得可视化网页的行为操作配置数据保持同步，并提高页面渲染效率。

进一步的，若列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到具有至少一种行为功能的第三目标列表，包括：若列表配置数据中存在排序行为操作配置数据，则终端在第二目标列表中存在排序行为操作配置数据的列表项中，添加预置行为组件中的排序组件和预置交互事件中的排序交互事件，得到第三目标列表，第三目标列表具有排序行为功能；若列表配置数据中存在自定义行为操作配置数据，则终端在第二目标列表中添加预置行为组件中的自定义行为组件，并将预置交互事件中的自定义交互事件传入自定义行为组件中，得到第三目标列表，第三目标列表具有自定义行为功能；若列表配置数据中包括列操作行为配置数据，则终端在第二目标列表中添加预置行为组件中的列操作按钮组件，并将预置交互事件中的列操作交互事件传入列操作按钮组件中，得到第三目标列表，第三目标列表具有列操作行为功能。

本可选实施例中，预置行为组件包括排序组件、自定义行为组件和列操作按钮组件，预置行为组件包括排序交互事件(排序功能的交互事件)、自定义交互事件(自定义功能的交互事件)和列操作交互事件(列操作功能的交互事件)，当列表配置数据中包括排序行为操作配置数据时，终端则在第二目标列表对应的列表项中添加排序组件和排序交互事件，以使得得到的第三目标列表具有排序行为功能，而当列表配置数据中包括自定义行为操作配置数据时，终端则在第二目标列表中添加自定义行为组件，并将自定义交互事件传入自定义行为组件中，从而得到具有自定义行为功能的第三目标列表，其中，自定义行为组件可以是预置的行为组件，也可以是用户在编辑可视化网页时自行开发的行为组件，为具有开发能力的用户提供了更自由的网页编辑方式，而当列表配置数据中包括列操作行为配置时，终端则在对应的列表项中生成列操作按钮组件，并将对应的列操作交互事件传入列操作按钮组件中，以使得第三目标列表具有列操作行为功能。最后，终端通过上述三种行为操作配置数据对应的行为操作处理，得到具有排序行为功能、自定义行为功能以及列操作行为功能中至少一种行为功能的第三目标列表。

207、通过预置的数据格式模板，对第三目标列表进行视图重构，并生成待渲染列表对应的目标视图。

具体的，终端根据列表渲染请求的权限类型，对第三目标列表中的列表项进行操作权限验证，得到权限验证结果；终端按照权限验证结果，对第三目标列表中的筛选组件和预置行为组件进行操作权限处理，得到待渲染的第三目标列表；终端通过预置的表格数据格式模板，将待渲染的第三目标列表组装为表格模式，得到目标视图，并对目标视图进行渲染。

本可选实施例中，终端通过分步渲染算法得到可以用于视图渲染的第三目标列表之后，终端需要确定当前用户是否具有第三目标列表中的筛选组件和预置行为组件的操作权限，因此，终端根据列表渲染请求中的权限类型，对第三目标列表中的列表项进行操作权限验证，从而得到权限验证结果，其中，预置行为组件包括自定义行为组件。最后，终端再根据预置的表格数据格式模板，将第三目标列表组装为表格描述，从而得到目标视图，用于终端将待渲染列表渲染至浏览器中。

本发明实施例中，对于批量操作配置数据，终端将通过预置的批量操作组件生成的批量操作按钮添加至存在批量操作的列表项中，并绑定交互事件，再将批量操作配置数据传入交互事件中，得到第二目标列表，使得第二目标列表具有批量操作功能，本发明能够降低可视化网页工具所生成网页的渲染复杂度，进而提高列表渲染效率。

上面对本发明实施例中可视化网页的列表渲染方法进行了描述，下面对本发明实施例中可视化网页的列表渲染装置进行描述，请参阅图3，本发明实施例中可视化网页的列表渲染装置一个实施例包括：

接收模块301，用于接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；

筛选模块302，用于根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；

绑定模块303，用于按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；

加入模块304，用于基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；

重构模块305，用于通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。

进一步地，将目标视图存储于区块链数据库中，具体此处不做限定。

本发明实施例中，终端根据列表渲染请求获取待渲染列表的列表配置数据，也就是用户在编辑可视化网页时的列表配置数据，终端再通过列表配置数据中的筛选条件配置数据、批量操作配置数据和行为操作配置数据，对待渲染列表进行对应的组件添加和事件绑定处理，得到第三目标列表，最后，终端将第三目标列表重构后渲染至浏览器中，本发明可以降低可视化网页工具所生成网页的渲染复杂度，进而提高列表渲染效率。

请参阅图4，本发明实施例中可视化网页的列表渲染装置的另一个实施例包括：

接收模块301，用于接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；

筛选模块302，用于根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；

绑定模块303，用于按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；

加入模块304，用于基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；

重构模块305，用于通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。

可选的，所述接收模块301具体用于：

接收可视化网页的列表渲染请求，解析所述列表渲染请求中的待渲染数据，得到待渲染列表的标识信息；

通过所述待渲染列表的标识信息，向预置数据列表库请求待渲染列表的基础数据，得到请求结果；

从所述请求结果中提取待渲染列表的列表配置数据，所述列表配置数据包括筛选条件配置数据、批量操作配置数据和行为操作配置数据。

可选的，所述筛选模块302具体用于：

基于所述列表渲染请求所携带的筛选条件标识，对所述列表配置数据中的筛选条件配置数据进行分类处理，得到所述筛选条件标识对应的筛选条件配置数据；

根据所述筛选条件标识，在预置组件库中匹配所述筛选条件标识对应的筛选组件；

按照所述筛选条件标识对应的筛选条件配置数据，将所述筛选条件标识对应的筛选组件添加至所述待渲染列表对应的列表项中，得到第一目标列表。

可选的，所述绑定模块303具体用于：

遍历所述列表配置数据中的批量操作配置数据，确定所述第一目标列表中存在批量操作的列表项；

通过预置的批量操作组件，生成批量操作按钮，并将所述批量操作按钮添加至所述第一目标列表中存在批量操作的列表项中，得到第二初始列表；

对所述第二初始列表中的批量操作按钮进行交互事件绑定，并将所述批量操作配置数据作为参数传入所述交互事件中，得到第二目标列表。

可选的，所述加入模块304包括：

遍历单元3041，用于通过遍历所述列表配置数据中的行为操作配置数据，判断所述列表配置数据中是否存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置中的任意一项；

添加单元3042，用于若所述列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在所述第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到具有至少一种行为功能的第三目标列表。

可选的，所述添加单元3042具体用于：

若所述列表配置数据中存在排序行为操作配置数据，则在所述第二目标列表中存在排序行为操作配置数据的列表项中，添加预置行为组件中的排序组件和预置交互事件中的排序交互事件，得到第三目标列表，所述第三目标列表具有排序行为功能；

若所述列表配置数据中存在自定义行为操作配置数据，则在所述第二目标列表中添加预置行为组件中的自定义行为组件，并将预置交互事件中的自定义交互事件传入所述自定义行为组件中，得到第三目标列表，所述第三目标列表具有自定义行为功能；

若所述列表配置数据中包括列操作行为配置数据，则在所述第二目标列表中添加预置行为组件中的列操作按钮组件，并将预置交互事件中的列操作交互事件传入所述列操作按钮组件中，得到第三目标列表，所述第三目标列表具有列操作行为功能。

可选的，所述重构模块305具体用于：

根据所述列表渲染请求的权限类型，对所述第三目标列表中的列表项进行操作权限验证，得到权限验证结果；

按照所述权限验证结果，对所述第三目标列表中的筛选组件和预置行为组件进行操作权限处理，得到待渲染的第三目标列表；

通过预置的表格数据格式模板，将所述待渲染的第三目标列表组装为表格模式，得到目标视图，并对所述目标视图进行渲染。

本发明实施例中，对于批量操作配置数据，终端将通过预置的批量操作组件生成的批量操作按钮添加至存在批量操作的列表项中，并绑定交互事件，再将批量操作配置数据传入交互事件中，得到第二目标列表，使得第二目标列表具有批量操作功能，本发明能够降低可视化网页工具所生成网页的渲染复杂度，进而提高列表渲染效率。

上面图3和图4从模块化功能实体的角度对本发明实施例中的可视化网页的列表渲染装置进行详细描述，下面从硬件处理的角度对本发明实施例中可视化网页的列表渲染设备进行详细描述。

图5是本发明实施例提供的一种可视化网页的列表渲染设备的结构示意图，该可视化网页的列表渲染设备500可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，CPU)510(例如，一个或一个以上处理器)和存储器520，一个或一个以上存储应用程序533或数据532的存储介质530(例如一个或一个以上海量存储设备)。其中，存储器520和存储介质530可以是短暂存储或持久存储。存储在存储介质530的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对可视化网页的列表渲染设备500中的一系列指令操作。更进一步地，处理器510可以设置为与存储介质530通信，在可视化网页的列表渲染设备500上执行存储介质530中的一系列指令操作。

可视化网页的列表渲染设备500还可以包括一个或一个以上电源540，一个或一个以上有线或无线网络接口550，一个或一个以上输入输出接口560，和/或，一个或一个以上操作系统531，例如Windows Serve，Mac OS X，Unix，Linux，FreeBSD等等。本领域技术人员可以理解，图5示出的可视化网页的列表渲染设备结构并不构成对可视化网页的列表渲染设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

本发明还提供一种可视化网页的列表渲染设备，所述计算机设备包括存储器和处理器，存储器中存储有计算机可读指令，计算机可读指令被处理器执行时，使得处理器执行上述各实施例中的所述可视化网页的列表渲染方法的步骤。

本发明还提供一种计算机可读存储介质，该计算机可读存储介质可以为非易失性计算机可读存储介质，该计算机可读存储介质也可以为易失性计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在计算机上运行时，使得计算机执行所述可视化网页的列表渲染方法的步骤。

进一步地，所述计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。

本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种可视化网页的列表渲染方法，其特征在于，所述可视化网页的列表渲染方法包括：

接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；

根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；

按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；

基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；

通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。

2.根据权利要求1所述的可视化网页的列表渲染方法，其特征在于，所述接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据，包括：

接收可视化网页的列表渲染请求，解析所述列表渲染请求中的待渲染数据，得到待渲染列表的标识信息；

通过所述待渲染列表的标识信息，向预置数据列表库请求待渲染列表的基础数据，得到请求结果；

从所述请求结果中提取待渲染列表的列表配置数据，所述列表配置数据包括筛选条件配置数据、批量操作配置数据和行为操作配置数据。

3.根据权利要求1所述的可视化网页的列表渲染方法，其特征在于，所述根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表，包括：

基于所述列表渲染请求所携带的筛选条件标识，对所述列表配置数据中的筛选条件配置数据进行分类处理，得到所述筛选条件标识对应的筛选条件配置数据；

根据所述筛选条件标识，在预置组件库中匹配所述筛选条件标识对应的筛选组件；

按照所述筛选条件标识对应的筛选条件配置数据，将所述筛选条件标识对应的筛选组件添加至所述待渲染列表对应的列表项中，得到第一目标列表。

4.根据权利要求1所述的可视化网页的列表渲染方法，其特征在于，所述按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表，包括：

遍历所述列表配置数据中的批量操作配置数据，确定所述第一目标列表中存在批量操作的列表项；

通过预置的批量操作组件，生成批量操作按钮，并将所述批量操作按钮添加至所述第一目标列表中存在批量操作的列表项中，得到第二初始列表；

对所述第二初始列表中的批量操作按钮进行交互事件绑定，并将所述批量操作配置数据作为参数传入所述交互事件中，得到第二目标列表。

5.根据权利要求1所述的可视化网页的列表渲染方法，其特征在于，所述基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表，包括：

通过遍历所述列表配置数据中的行为操作配置数据，判断所述列表配置数据中是否存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置中的任意一项；

若所述列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在所述第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到第三目标列表。

6.根据权利要求5所述的可视化网页的列表渲染方法，其特征在于，所述若所述列表配置数据中存在排序行为操作配置数据、自定义行为操作配置数据和列操作行为配置数据中的任意一项，则在所述第二目标列表对应的列表项中添加对应的预置行为组件和预置交互事件，得到具有至少一种行为功能的第三目标列表，包括：

若所述列表配置数据中存在排序行为操作配置数据，则在所述第二目标列表中存在排序行为操作配置数据的列表项中，添加预置行为组件中的排序组件和预置交互事件中的排序交互事件，得到第三目标列表，所述第三目标列表具有排序行为功能；

若所述列表配置数据中存在自定义行为操作配置数据，则在所述第二目标列表中添加预置行为组件中的自定义行为组件，并将预置交互事件中的自定义交互事件传入所述自定义行为组件中，得到第三目标列表，所述第三目标列表具有自定义行为功能；

若所述列表配置数据中包括列操作行为配置数据，则在所述第二目标列表中添加预置行为组件中的列操作按钮组件，并将预置交互事件中的列操作交互事件传入所述列操作按钮组件中，得到第三目标列表，所述第三目标列表具有列操作行为功能。

7.根据权利要求1-6中任一项所述的可视化网页的列表渲染方法，其特征在于，所述通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染，包括：

根据所述列表渲染请求的权限类型，对所述第三目标列表中的列表项进行操作权限验证，得到权限验证结果；

按照所述权限验证结果，对所述第三目标列表中的筛选组件和预置行为组件进行操作权限处理，得到待渲染的第三目标列表；

通过预置的表格数据格式模板，将所述待渲染的第三目标列表组装为表格模式，得到目标视图，并对所述目标视图进行渲染。

8.一种可视化网页的列表渲染装置，其特征在于，所述可视化网页的列表渲染装置包括：

接收模块，用于接收可视化网页的列表渲染请求，按照所述列表渲染请求获取待渲染列表的列表配置数据；

筛选模块，用于根据所述列表配置数据中的筛选条件配置数据，在预置组件库中获取与所述待渲染列表对应的筛选组件，并将所述筛选组件添加至所述待渲染列表中，得到第一目标列表；

绑定模块，用于按照所述列表配置数据中的批量操作配置数据，对所述第一目标列表进行批量操作事件绑定，得到第二目标列表；

加入模块，用于基于所述列表配置数据中的行为操作配置数据，在所述第二目标列表中加入预置行为组件，得到第三目标列表；

重构模块，用于通过预置的数据格式模板，对所述第三目标列表进行视图重构，得到与所述待渲染列表对应的目标视图，并对所述目标视图进行渲染。

9.一种可视化网页的列表渲染设备，其特征在于，所述可视化网页的列表渲染设备包括：存储器和至少一个处理器，所述存储器中存储有指令；

所述至少一个处理器调用所述存储器中的所述指令，以使得所述可视化网页的列表渲染设备执行如权利要求1-7中任意一项所述的可视化网页的列表渲染方法。

10.一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，其特征在于，所述指令被处理器执行时实现如权利要求1-7中任一项所述可视化网页的列表渲染方法。

Images