CN112528189B - 基于数据的组件封装方法、装置、计算机设备及存储介质 - Google Patents
基于数据的组件封装方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN112528189B CN112528189B CN202011540157.5A CN202011540157A CN112528189B CN 112528189 B CN112528189 B CN 112528189B CN 202011540157 A CN202011540157 A CN 202011540157A CN 112528189 B CN112528189 B CN 112528189B
- Authority
- CN
- China
- Prior art keywords
- data
- determining
- page
- node
- paging
- 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.)
- Active
Links
- 238000004806 packaging method and process Methods 0.000 title claims abstract description 52
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000009877 rendering Methods 0.000 claims abstract description 74
- 238000013506 data mapping Methods 0.000 claims abstract description 53
- 238000004590 computer program Methods 0.000 claims description 17
- 238000012545 processing Methods 0.000 abstract description 15
- 230000008569 process Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 6
- 238000005538 encapsulation Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 238000012423 maintenance Methods 0.000 description 5
- 238000007726 management method Methods 0.000 description 5
- 238000013507 mapping Methods 0.000 description 5
- 230000004044 response Effects 0.000 description 5
- 238000004364 calculation method Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000005096 rolling process Methods 0.000 description 2
- 230000008685 targeting Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明涉及数据处理技术领域，公开了一种基于数据的组件封装方法、装置、计算机设备及存储介质，所述基于数据的组件封装方法包括：获取数据，并根据所述数据的属性确定数据加载方式；根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据；在渲染后的展示页面中确定目标数据；按照预设的数据映射规则生成与所述目标数据对应的数据映射流程；对所述目标数据和所述目标数据对应的数据映射流程进行组件封装。本发明能够基于数据封装相应的组件从而提高数据的处理效率。
Description
技术领域
本发明涉及数据处理技术领域，尤其涉及一种基于数据的组件封装方法、装置、计算机设备及存储介质。
背景技术
目前市场上主要使用下拉组件来选择数据，用户只需要点击下拉框滑动几次就可以选择到自己需要的数据，但是不乏一些使用场景，比如：想在公司中找到某一位员工，因为数据量庞大的缘故，用户不断的滑动下拉选择框显然是不够友好的，造成数据处理效率低；此外，从组件开发的角度，当下拉选择数量过多时，也会造成节点渲染的压力，会导致页面渲染时长过久，页面渲染效率低。
因此，如何基于数据生成组件以提高数据处理效率成为亟待解决的问题。
发明内容
鉴于以上内容，有必要提出一种基于数据的组件封装方法、装置、计算机设备及存储介质，能够基于数据封装相应的组件从而提高数据的处理效率。
本发明的第一方面提供了一种基于数据的组件封装方法，所述基于数据的组件封装方法包括：
获取数据，并根据所述数据的属性确定数据加载方式；
根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据；
在渲染后的展示页面中确定目标数据；
按照预设的数据映射规则生成与所述目标数据对应的数据映射流程；
对所述目标数据和所述目标数据对应的数据映射流程进行组件封装。
根据本发明的一个可选的实施例，所述根据所述数据的属性确定数据加载方式包括：
判断所述数据的数据量是否超过预设的数据阈值；
当所述数据的数据量超过预设的数据阈值时，确定所述数据对应的多个关键字段；
确定所述多个关键字段对应的字段类型；
当所述多个关键字段对应的字段类型不一致时，确定数据加载方式为根据字段类型进行分页加载。
根据本发明的一个可选的实施例，所述根据所述页面节点对所述展示页面进行渲染包括：
按照所述页面节点构建所述展示页面对应的层叠树；
获取所述展示页面对应的描述性文本，并解析所述描述性文本生成所述展示页面对应的树结构；
从所述树结构的根节点开始遍历所述树结构，得到多个可见节点，并在所述层叠树上确定与所述多个可见节点对应的节点规则；按照所述多个可见节点对应的节点规则将所述多个可见节点进行组合生成渲染树；
逐层遍历所述渲染树中的每个节点对所述展示页面进行渲染。
根据本发明的一个可选的实施例，所述在渲染后的页面中确定目标数据包括：
按照预设的分页规则将所述数据在渲染后的页面上进行分页展示；
响应于用户在每个分页中的选择操作，将所述选择操作对应的数据确定为目标数据。
根据本发明的一个可选的实施例，所述按照预设的分页规则将所述数据在渲染后的页面上进行分页展示包括：
确定所述数据的树结构；
根据所述树结构的层级关系在所述树结构中确定数据的分页顺序，并按照所述分页顺序将所述数据在渲染后的页面上进行分页展示。
根据本发明的一个可选的实施例，所述方法还包括：
将用户的选择操作指向的地址信息确定为用户发送所述选择操作的地址信息；
在预设的地址权限数据库中，查询与所述地址信息匹配的权限信息；
当所述权限信息是目标权限信息时，确定所述用户有进行选择操作的权限，并执行将所述选择操作对应的数据确定为目标数据。
根据本发明的一个可选的实施例，所述响应于用户在每个分页中的选择操作，将所述选择操作对应的数据确定为目标数据包括：
提取用户在每个分页中的选择操作对应的数据；
确定所述数据对应的数据层级；
将所述展示页面中与所述数据层级相匹配的数据确定为目标数据。
本发明的第二方面提供了一种基于数据的组件封装装置，所述装置包括：
数据获取模块，用于获取数据，并根据所述数据的属性确定数据加载方式；
页面渲染模块，用于根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据；
目标确定模块，用于在渲染后的展示页面中确定目标数据；
数据映射模块，用于按照预设的数据映射规则生成与所述目标数据对应的数据映射流程；
组件封装模块，用于对所述目标数据和所述目标数据对应的数据映射流程进行组件封装。
本发明的第三方面提供了一种计算机设备，所述计算机设备包括存储器和处理器；所述存储器用于存储计算机程序；所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如上述的基于数据的组件封装方法。
本发明的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如上述的基于数据的组件封装方法。
本发明实施例公开了一种基于数据的组件封装方法、装置、计算机设备及存储介质，通过获取数据，并根据所述数据的属性确定数据加载方式，根据数据的属性确定数据加载方式，避免了因数据过多一次性加载所有数据时，导致页面渲染压力过大造成渲染速率过慢的情况发生；根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据，根据所述页面节点对所述展示页面进行渲染，可在渲染过程中发生渲染中断时，能快速查找到中断发生的页面节点并继续进行渲染，从而加快了渲染的速率；在渲染后的展示页面中确定目标数据；按照预设的数据映射规则生成与所述目标数据对应的数据映射流程，通过将目标数据进行映射，可以避免目标数据丢失，保证目标数据的完整性，从而提高数据的处理效率；对所述目标数据和所述目标数据对应的数据映射流程进行组件封装，将目标数据和目标数据对应的数据映射流程进行组件封装，便于用户的使用管理以及后续的维护和扩展。
附图说明
图1是本发明实施例提供的一种基于数据的组件封装方法的流程示意图；
图2是本发明实施例提供的一种基于数据的组件封装装置的示意性框图；
图3是本发明实施例提供的一种计算机设备的结构示意性框图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际执行的顺序有可能根据实际情况改变。
本发明实施例提供一种基于数据的组件封装方法、装置、计算机设备及计算机可读存储介质。其中，该基于数据的组件封装方法可应用于终端设备或服务器中，该终端设备可以手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等电子设备，该服务器可以为单台的服务器，也可以为由多台服务器组成的服务器集群。以下以该基于数据的组件封装方法应用于服务器为例进行解释说明。
下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。
请参阅图1，图1是本发明实施例提供的一种基于数据的组件封装方法的示意流程图。
如图1所示，所述基于数据的组件封装方法具体包括步骤S11至S15，根据不同的需求，该流程图中步骤的顺序可以改变，某些可以省略。
S11、获取数据，根据所述数据的属性确定数据加载方式。
获取待加载的数据，根据数据的属性确定数据加载方式，所述数据的属性可包括数据的计算属性和种类属性，所述数据加载方式包括滚动加载和分页加载。
在一些实施方式中，所述根据所述数据的属性确定数据加载方式包括：
判断所述数据的数据量是否超过预设的数据阈值；
当所述数据的数据量超过预设的数据阈值时，确定所述数据对应的多个关键字段；
确定所述多个关键字段对应的字段类型；当所述多个关键字段对应的字段类型不一致时，确定数据加载方式为根据字段类型进行分页加载。
示例性的，可预先设置分页的数据阈值，当待加载数据的数据量大于预设的数据阈值时，说明待加载数据达到进行分页的初步条件，接着确定所述数据对应的多个关键字段，并根据所述关键字段的字段类型确定是否进行分页。例如，当所述数据对应的关键字段的字段类型一致时，确定不进行分页，当所述数据对应的关键字段的字段类型不一致时，确定根据字段类型进行分页。
根据数据的属性确定数据加载方式，避免了因数据过多一次性加载所有数据时，导致页面渲染压力过大造成渲染速率过慢的情况发生。
S12、根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据。
获取待展示的展示页面，所述展示页面包括应用展示页面和网页展示页面，并根据所述数据加载方式确定所述展示页面中的页面节点，所述页面节点用于表示展示页面的页面流转情况。示例性的，当确定的数据加载方式为分页加载时，根据分页加载的顺序确定展示页面中的页面节点，如分页加载顺序在前的分页对应的页面节点也在前。
根据所述页面节点对所述展示页面进行渲染，可在渲染过程中发生渲染中断时，能快速查找到中断发生的页面节点并继续进行渲染，从而加快了渲染的速率。
在一些实施方式中，所述根据所述页面节点对所述展示页面进行渲染包括：
按照所述页面节点构建所述展示页面对应的层叠树；
获取所述展示页面对应的描述性文本，并解析所述描述性文本生成所述展示页面对应的树结构；
从所述树结构的根节点开始遍历所述树结构，得到多个可见节点，并在所述层叠树上确定与所述多个可见节点对应的节点规则；按照所述多个可见节点对应的节点规则将所述多个可见节点进行组合生成渲染树；
逐层遍历所述渲染树中的每个节点对所述展示页面进行渲染。
示例性的，所述层叠树包括CSS树，所述树结构包括文档对象模型(DocumentObject Model，DOM)，通过构建渲染树对所述展示页面进行渲染，可以提高遍历展示页面的效率，从而加快对展示页面的渲染效率。
S13、在渲染后的展示页面中确定目标数据。
在渲染后的展示页面中展示所述数据，并响应于用户的操作在所述数据中确定目标数据，所述目标数据可以为下拉组件中展示的数据。按照需求在所述数据中确定目标数据作为下拉数据，可避免因下拉数据过多而造成的页面渲染压力过大的情况发生，从而提高了下拉组件的使用效率。
当展示的数据过多时可应用分页，即按照一定比例，在各分页中加载展示的数据。
在一些实施方式中，所述在渲染后的页面中确定目标数据包括：
按照预设的分页规则将所述数据在渲染后的页面上进行分页展示；
响应于用户在每个分页中的选择操作，将所述选择操作对应的数据确定为目标数据。
示例性的，所述预设的分页规则可以包括根据数据对应的数据等级进行分页，如数据等级高的数据先展示，数据等级低的数据后展示。例如，所述数据等级包括一级数据、二级数据和三级数据，可将一级数据对应的内容在第一分页中进行展示，可将二级数据对应的内容在第二分页中进行展示，可将三级数据对应的内容在第三分页中进行展示。
在一些实施方式中，所述按照预设的分页规则将所述数据在渲染后的页面上进行分页展示包括：
确定所述数据的树结构；
根据所述树结构的层级关系在所述树结构中确定数据的分页顺序，并按照所述分页顺序将所述数据在渲染后的页面上进行分页展示。
示例性的，所述数据的树结构包括根节点、根节点下的父节点、父节点下的多层子节点，所述根据所述树结构的层级关系在所述树结构中确定数据的分页顺序可以为第一次分页从根结点开始加载到根节点下的多个父节点，第二次分页从根节点开始加载到所述多个父节点下的第一层子节点，第三次分页从根节点开始加载到所述多个父节点下的第二层子节点。
根据所述数据的树结构对所述数据进行加载，可以提高数据加载的有序性，避免因数据加载中断而找出数据加载不全的情况发生。
在一些实施方式中，所述方法还包括：
将用户的选择操作指向的地址信息确定为用户发送所述选择操作的地址信息；
在预设的地址权限数据库中，查询与所述地址信息匹配的权限信息；
当所述权限信息是目标权限信息时，确定所述用户有进行选择操作的权限，并执行将所述选择操作对应的数据确定为目标数据。
示例性的，当在预设的地址权限数据库查询到与所述地址信息匹配的权限信息时，确定用户的权限信息是否为目标权限信息。当所述权限信息是目标权限信息时，确定用户有进行权限配置的权限，当所述权限信息不是目标权限信息时，确定用户没有进行权限配置的权限，拒绝响应于用户在每个分页中的选择操作。在一些实施方式，当确定用户没有进行权限配置的权限时，向指定的服务器发送安全提示。通过确定用户是否具有对数据的选择操作权限，可保证数据的安全性，避免数据被轻易篡改，从而影响数据的处理效率。
在一些实施方式中，所述响应于用户在每个分页中的选择操作，将所述选择操作对应的数据确定为目标数据包括：
提取用户在每个分页中的选择操作对应的数据；
确定所述数据对应的数据层级；
将所述展示页面中与所述数据层级相匹配的数据确定为目标数据。
示例性的，所述数据层级包括所述数据在所述数据对应的树结构中的节点层级，将所述树结构中根节点到该节点层级中的所有数据确定为目标数据，所述数据层级还包括所述数据对应的数据等级，将与所述数据等级匹配的数据作为目标数据。
S14、按照预设的数据映射规则生成与所述目标数据对应的数据映射流程。
示例性的，根据下拉组件的业务需求预先设置数据映射规则，根据规则对所述目标数据进行数据映射生成数据映射流程，所述数据映射流程用于显示所述目标数据。
通过将目标数据进行映射，可以避免目标数据丢失，保证目标数据的完整性，从而提高数据的处理效率。
S15、对所述目标数据和所述目标数据对应的数据映射流程进行组件封装。
将目标数据和目标数据对应的数据映射流程进行组件封装，可便于用户的使用管理以及后续的维护和扩展。
在一些实施方式中，将组件封装后的目标数据和所述目标数据对应的数据映射流程存储于区块链中，保证目标数据的私密性和安全性，提高了基于数据的组件封装方法的安全性。
上述实施例提供的基于数据的组件封装方法，通过获取数据，并根据所述数据的属性确定数据加载方式，根据数据的属性确定数据加载方式，避免了因数据过多一次性加载所有数据时，导致页面渲染压力过大造成渲染速率过慢的情况发生；根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据，根据所述页面节点对所述展示页面进行渲染，可在渲染过程中发生渲染中断时，能快速查找到中断发生的页面节点并继续进行渲染，从而加快了渲染的速率；在渲染后的展示页面中确定目标数据；按照预设的数据映射规则生成与所述目标数据对应的数据映射流程，通过将目标数据进行映射，可以避免目标数据丢失，保证目标数据的完整性，从而提高数据的处理效率；对所述目标数据和所述目标数据对应的数据映射流程进行组件封装，将目标数据和目标数据对应的数据映射流程进行组件封装，便于用户的使用管理以及后续的维护和扩展。
请参阅图2，图2是本发明的实施例提供的一种基于数据的组件封装装置的示意性框图。
在一些实施例中，基于数据的组件封装装置20可以包括多个由计算机程序段所组成的功能模块基于数据的组件封装装置20中的各个程序段的计算机程序可以存储于电子设备的存储器中，并由至少一个处理器所执行，以执行(详见图1描述)页面内容滚动处理的功能，该基于数据的组件封装装置可以配置于服务器或终端中。
其中，服务器可以为独立的服务器，也可以为服务器集群。该终端可以是手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等电子设备。
本实施例中，基于数据的组件封装装置20根据其所执行的功能，可以被划分为多个功能模块。如图2所示，所述功能模块可以包括：数据获取模块201、页面渲染模块202、目标确定模块203、数据映射模块204和组件封装模块205。本发明所称的模块是指一种能够被至少一个处理器所执行并且能够完成固定功能的一系列计算机程序段，其存储在存储器中。在本实施例中，关于各模块的功能将在后续的实施例中详述。
数据获取模块201，用于获取数据，根据所述数据的属性确定数据加载方式。
获取待加载的数据，根据数据的属性确定数据加载方式，所述数据的属性可包括数据的计算属性和种类属性，所述数据加载方式包括滚动加载和分页加载。
在一些实施方式中，所述数据获取模块201根据所述数据的属性确定数据加载方式包括：
判断所述数据的数据量是否超过预设的数据阈值；
当所述数据的数据量超过预设的数据阈值时，确定所述数据对应的多个关键字段；
确定所述多个关键字段对应的字段类型；当所述多个关键字段对应的字段类型不一致时，确定数据加载方式为根据字段类型进行分页加载。
示例性的，可预先设置分页的数据阈值，当待加载数据的数据量大于预设的数据阈值时，说明待加载数据达到进行分页的初步条件，接着确定所述数据对应的多个关键字段，并根据所述关键字段的字段类型确定是否进行分页。当所述数据对应的关键字段的字段类型一致时，确定不进行分页，当所述数据对应的关键字段的字段类型不一致时，确定根据字段类型进行分页。
根据数据的属性确定数据加载方式，避免了因数据过多一次性加载所有数据时，导致页面渲染压力过大造成渲染速率过慢的情况发生。
页面渲染模块202，用于根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据。
获取待展示的展示页面，所述展示页面包括应用展示页面和网页展示页面，并根据所述数据加载方式确定所述展示页面中的页面节点，所述页面节点用于表示展示页面的页面流转情况。示例性的，当确定的数据加载方式为分页加载时，根据分页加载的顺序确定展示页面中的页面节点，如分页加载顺序在前的分页对应的页面节点也在前。
根据所述页面节点对所述展示页面进行渲染，可在渲染过程中发生渲染中断时，能快速查找到中断发生的页面节点并继续进行渲染，从而加快了渲染的速率。
在一些实施方式中，所述页面渲染模块202根据所述页面节点对所述展示页面进行渲染包括：
按照所述页面节点构建所述展示页面对应的层叠树；
获取所述展示页面对应的描述性文本，并解析所述描述性文本生成所述展示页面对应的树结构；
从所述树结构的根节点开始遍历所述树结构，得到多个可见节点，并在所述层叠树上确定与所述多个可见节点对应的节点规则；按照所述多个可见节点对应的节点规则将所述多个可见节点进行组合生成渲染树；
逐层遍历所述渲染树中的每个节点对所述展示页面进行渲染。
示例性的，所述层叠树包括CSS树，所述树结构包括文档对象模型(DocumentObject Model，DOM)，通过构建渲染树对所述展示页面进行渲染，可以提高遍历展示页面的效率，从而加快对展示页面的渲染效率。
目标确定模块203，用于在渲染后的展示页面中确定目标数据。
在渲染后的展示页面中展示所述数据，并响应于用户的操作在所述数据中确定目标数据，所述目标数据可以为下拉组件中展示的数据。按照需求在所述数据中确定目标数据作为下拉数据，可避免因下拉数据过多而造成的页面渲染压力过大的情况发生，从而提高了下拉组件的使用效率。
当展示的数据过多时可应用分页，即按照一定比例，在各分页中加载展示的数据。
在一些实施方式中，所述目标确定模块203在渲染后的页面中确定目标数据包括：
按照预设的分页规则将所述数据在渲染后的页面上进行分页展示；
响应于用户在每个分页中的选择操作，将所述选择操作对应的数据确定为目标数据。
示例性的，所述预设的分页规则可以包括根据数据对应的数据等级进行分页，如数据等级高的数据先展示，数据等级低的数据后展示。例如，所述数据等级包括一级数据、二级数据和三级数据，可将一级数据对应的内容在第一分页中进行展示，可将二级数据对应的内容在第二分页中进行展示，可将三级数据对应的内容在第三分页中进行展示。
在一些实施方式中，所述目标确定模块203按照预设的分页规则将所述数据在渲染后的页面上进行分页展示包括：
确定所述数据的树结构；
根据所述树结构的层级关系在所述树结构中确定数据的分页顺序，并按照所述分页顺序将所述数据在渲染后的页面上进行分页展示。
示例性的，所述数据的树结构包括根节点、根节点下的父节点、父节点下的多层子节点，所述根据所述树结构的层级关系在所述树结构中确定数据的分页顺序可以为第一次分页从根结点开始加载到根节点下的多个父节点，第二次分页从根节点开始加载到所述多个父节点下的第一层子节点，第三次分页从根节点开始加载到所述多个父节点下的第二层子节点。
根据所述数据的树结构对所述数据进行加载，可以提高数据加载的有序性，避免因数据加载中断而找出数据加载不全的情况发生。
在一些实施方式中，所述目标确定模块203还用于：
将用户的选择操作指向的地址信息确定为用户发送所述选择操作的地址信息；
在预设的地址权限数据库中，查询与所述地址信息匹配的权限信息；
当所述权限信息是目标权限信息时，确定所述用户有进行选择操作的权限，并执行将所述选择操作对应的数据确定为目标数据。
示例性的，当在预设的地址权限数据库查询到与所述地址信息匹配的权限信息时，确定用户的权限信息是否为目标权限信息。当所述权限信息是目标权限信息时，确定用户有进行权限配置的权限，当所述权限信息不是目标权限信息时，确定用户没有进行权限配置的权限，拒绝响应于用户在每个分页中的选择操作。在一些实施方式，当确定用户没有进行权限配置的权限时，向指定的服务器发送安全提示。通过确定用户是否具有对数据的选择操作权限，可保证数据的安全性，避免数据被轻易篡改，从而影响数据的处理效率。
在一些实施方式中，所述目标确定模块203响应于用户在每个分页中的选择操作，将所述选择操作对应的数据确定为目标数据包括：
提取用户在每个分页中的选择操作对应的数据；
确定所述数据对应的数据层级；
将所述展示页面中与所述数据层级相匹配的数据确定为目标数据。
示例性的，所述数据层级包括所述数据在所述数据对应的树结构中的节点层级，将所述树结构中根节点到该节点层级中的所有数据确定为目标数据，所述数据层级还包括所述数据对应的数据等级，将与所述数据等级匹配的数据作为目标数据。
数据映射模块204，用于按照预设的数据映射规则生成与所述目标数据对应的数据映射流程。
示例性的，根据下拉组件的业务需求预先设置数据映射规则，根据规则对所述目标数据进行数据映射生成数据映射流程，所述数据映射流程用于显示所述目标数据。
通过将目标数据进行映射，可以避免目标数据丢失，保证目标数据的完整性，从而提高数据的处理效率。
组件封装模块205，用于对所述目标数据和所述目标数据对应的数据映射流程进行组件封装。
将目标数据和目标数据对应的数据映射流程进行组件封装，可便于用户的使用管理以及后续的维护和扩展。
在一些实施方式中，将组件封装后的目标数据和所述目标数据对应的数据映射流程存储于区块链中，保证目标数据的私密性和安全性，提高了基于数据的组件封装方法的安全性。
上述实施例提供的基于数据的组件封装装置可以实现为一种计算机程序的形式，该计算机程序可以在如图3所示的计算机设备上运行。
请参阅图3，图3为本发明实施例提供的一种计算机设备的结构示意性框图。该计算机设备可以为服务器或终端设备。
如图3所示，该计算机设备30包括通过系统总线连接的处理器301和存储器302，其中，存储器302可以包括非易失性存储介质和易失性存储介质。
存储器302可存储操作系统和计算机程序。该计算机程序包括计算机可读指令，该指令被执行时，可使得处理器301执行所述的基于数据的组件封装方法。
处理器301用于提供计算和控制能力，支撑整个计算机设备的运行。
在一可行实施例中，所述计算机设备还包括网络接口，所述网络接口用于进行网络通信，如发送分配的任务等。本领域技术人员可以理解，图3中示出的结构，仅仅是与本发明方案相关的部分结构的框图，并不构成对本发明方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
应当理解的是，处理器301是中央处理单元(Central Processing Unit，CPU)，该处理器还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
其中，在一个实施例中，所述处理器执行存储在存储器中的计算机程序，以实现如下步骤：
获取数据，并根据所述数据的属性确定数据加载方式；
根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据；
在渲染后的展示页面中确定目标数据；
按照预设的数据映射规则生成与所述目标数据对应的数据映射流程；
对所述目标数据和所述目标数据对应的数据映射流程进行组件封装。
具体地，所述处理器对上述计算机程序的具体实现方法可参考前述基于数据的组件封装方法实施例中相关步骤的描述，在此不赘述。
本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序中包括计算机可读指令，所述指令被执行时所实现的方法可参照本发明基于数据的组件封装方法的各个实施例。
其中，所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元，例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备，例如所述计算机设备上配备的插接式硬盘，智能存储卡(SmartMedia Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。
进一步地，所述计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
前述实施例提供的基于数据的组件封装装置、计算机设备及计算机可读存储介质，通过获取数据，并根据所述数据的属性确定数据加载方式，根据数据的属性确定数据加载方式，避免了因数据过多一次性加载所有数据时，导致页面渲染压力过大造成渲染速率过慢的情况发生；根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据，根据所述页面节点对所述展示页面进行渲染，可在渲染过程中发生渲染中断时，能快速查找到中断发生的页面节点并继续进行渲染，从而加快了渲染的速率；在渲染后的展示页面中确定目标数据；按照预设的数据映射规则生成与所述目标数据对应的数据映射流程，通过将目标数据进行映射，可以避免目标数据丢失，保证目标数据的完整性，从而提高数据的处理效率；对所述目标数据和所述目标数据对应的数据映射流程进行组件封装，将目标数据和目标数据对应的数据映射流程进行组件封装，便于用户的使用管理以及后续的维护和扩展。
应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。
Claims (6)
1.一种基于数据的组件封装方法，其特征在于，所述基于数据的组件封装包括：
获取数据，并根据所述数据的属性确定数据加载方式；
根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据；
确定所述数据的树结构；所述数据的树结构包括根节点、根节点下的父节点、父节点下的多层子节点；
根据所述树结构的层级关系在所述树结构中确定数据的分页顺序，并按照所述分页顺序将所述数据在渲染后的页面上进行分页展示，包括：第一次分页从根结点开始加载到所述根节点下的多个父节点，第二次分页从所述根节点开始加载到所述多个父节点下的第一层子节点，第三次分页从所述根节点开始加载到所述多个父节点下的第二层子节点；
提取用户在每个分页中的选择操作对应的数据；
确定所述数据对应的数据层级；将所述展示页面中与所述数据层级相匹配的数据确定为目标数据；
按照预设的数据映射规则生成与所述目标数据对应的数据映射流程，所述数据映射规则是根据下拉组件的业务需求设置的，所述数据映射流程用于显示所述目标数据；
对所述目标数据和所述目标数据对应的数据映射流程进行组件封装；
所述根据所述数据的属性确定数据加载方式包括：判断所述数据的数据量是否超过预设的数据阈值；当所述数据的数据量超过预设的数据阈值时，确定所述数据对应的多个关键字段；确定所述多个关键字段对应的字段类型；当所述多个关键字段对应的字段类型不一致时，确定数据加载方式为根据字段类型进行分页加载；
所述根据所述页面节点对所述展示页面进行渲染包括：按照所述页面节点构建所述展示页面对应的层叠树；获取所述展示页面对应的描述性文本，并解析所述描述性文本生成所述展示页面对应的树结构；从所述树结构的根节点开始遍历所述树结构，得到多个可见节点，并在所述层叠树上确定与所述多个可见节点对应的节点规则；按照所述多个可见节点对应的节点规则将所述多个可见节点进行组合生成渲染树；逐层遍历所述渲染树中的每个节点对所述展示页面进行渲染。
2.根据权利要求1所述的基于数据的组件封装方法，其特征在于，所述按照预设的分页规则将所述数据在渲染后的页面上进行分页展示包括：
确定所述数据的树结构；
根据所述树结构的层级关系在所述树结构中确定数据的分页顺序，并按照所述分页顺序将所述数据在渲染后的页面上进行分页展示。
3.根据权利要求1所述的基于数据的组件封装方法，其特征在于，所述方法还包括：
将用户的选择操作指向的地址信息确定为用户发送所述选择操作的地址信息；
在预设的地址权限数据库中，查询与所述地址信息匹配的权限信息；
当所述权限信息是目标权限信息时，确定所述用户有进行选择操作的权限，并执行将所述选择操作对应的数据确定为目标数据。
4.一种基于数据的组件封装装置，其特征在于，包括：
数据获取模块，用于获取数据，并根据所述数据的属性确定数据加载方式；
页面渲染模块，用于根据所述数据加载方式确定展示页面中的页面节点，并根据所述页面节点对所述展示页面进行渲染，所述展示页面用于展示所述数据；
目标确定模块，用于确定所述数据的树结构；所述数据的树结构包括根节点、根节点下的父节点、父节点下的多层子节点；根据所述树结构的层级关系在所述树结构中确定数据的分页顺序，并按照所述分页顺序将所述数据在渲染后的页面上进行分页展示，包括：第一次分页从根结点开始加载到所述根节点下的多个父节点，第二次分页从所述根节点开始加载到所述多个父节点下的第一层子节点，第三次分页从所述根节点开始加载到所述多个父节点下的第二层子节点；提取用户在每个分页中的选择操作对应的数据；确定所述数据对应的数据层级；将所述展示页面中与所述数据层级相匹配的数据确定为目标数据；
数据映射模块，用于按照预设的数据映射规则生成与所述目标数据对应的数据映射流程，所述数据映射规则是根据下拉组件的业务需求设置的，所述数据映射流程用于显示所述目标数据；
组件封装模块，用于对所述目标数据和所述目标数据对应的数据映射流程进行组件封装；
所述根据所述数据的属性确定数据加载方式包括：判断所述数据的数据量是否超过预设的数据阈值；当所述数据的数据量超过预设的数据阈值时，确定所述数据对应的多个关键字段；确定所述多个关键字段对应的字段类型；当所述多个关键字段对应的字段类型不一致时，确定数据加载方式为根据字段类型进行分页加载；
所述根据所述页面节点对所述展示页面进行渲染包括：按照所述页面节点构建所述展示页面对应的层叠树；获取所述展示页面对应的描述性文本，并解析所述描述性文本生成所述展示页面对应的树结构；从所述树结构的根节点开始遍历所述树结构，得到多个可见节点，并在所述层叠树上确定与所述多个可见节点对应的节点规则；按照所述多个可见节点对应的节点规则将所述多个可见节点进行组合生成渲染树；逐层遍历所述渲染树中的每个节点对所述展示页面进行渲染。
5.一种计算机设备，其特征在于，所述计算机设备包括存储器和处理器；
所述存储器，用于存储计算机程序；
所述处理器，用于执行所述计算机程序时实现如权利要求1至3中任一项所述的基于数据的组件封装方法。
6.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至3中任一项所述的基于数据的组件封装方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011540157.5A CN112528189B (zh) | 2020-12-23 | 2020-12-23 | 基于数据的组件封装方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011540157.5A CN112528189B (zh) | 2020-12-23 | 2020-12-23 | 基于数据的组件封装方法、装置、计算机设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112528189A CN112528189A (zh) | 2021-03-19 |
| CN112528189B true CN112528189B (zh) | 2024-05-17 |
Family
ID=74975922
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011540157.5A Active CN112528189B (zh) | 2020-12-23 | 2020-12-23 | 基于数据的组件封装方法、装置、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112528189B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905603A (zh) * | 2021-03-29 | 2021-06-04 | 苏州科达科技股份有限公司 | 页面节点显示方法、系统、设备及存储介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102915375A (zh) * | 2012-11-08 | 2013-02-06 | 山东大学 | 一种基于布局分区的网页加载方法 |
| US8413046B1 (en) * | 2011-10-12 | 2013-04-02 | Google Inc. | System and method for optimizing rich web applications |
| CN105160004A (zh) * | 2015-09-17 | 2015-12-16 | 西安未来国际信息股份有限公司 | 一种基于b/s架构的异构系统的数据映射方法 |
| CN110377851A (zh) * | 2019-06-18 | 2019-10-25 | 平安科技（深圳）有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
| CN111124212A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 数据的显示方法及装置、存储介质及处理器 |
| CN111580810A (zh) * | 2020-03-30 | 2020-08-25 | 深圳市麦谷科技有限公司 | 一种实现主动分页的方法、装置、移动终端及存储介质 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8434060B2 (en) * | 2010-08-17 | 2013-04-30 | Sap Ag | Component load procedure for setting up systems |
| US20170293593A1 (en) * | 2016-04-12 | 2017-10-12 | International Business Machines Corporation | Managing node pagination for a graph data set |
-
2020
- 2020-12-23 CN CN202011540157.5A patent/CN112528189B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8413046B1 (en) * | 2011-10-12 | 2013-04-02 | Google Inc. | System and method for optimizing rich web applications |
| CN102915375A (zh) * | 2012-11-08 | 2013-02-06 | 山东大学 | 一种基于布局分区的网页加载方法 |
| CN105160004A (zh) * | 2015-09-17 | 2015-12-16 | 西安未来国际信息股份有限公司 | 一种基于b/s架构的异构系统的数据映射方法 |
| CN111124212A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 数据的显示方法及装置、存储介质及处理器 |
| CN110377851A (zh) * | 2019-06-18 | 2019-10-25 | 平安科技（深圳）有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
| CN111580810A (zh) * | 2020-03-30 | 2020-08-25 | 深圳市麦谷科技有限公司 | 一种实现主动分页的方法、装置、移动终端及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112528189A (zh) | 2021-03-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110377851B (zh) | 多级联动下拉框的实现方法、装置和计算机设备 | |
| WO2021189954A1 (zh) | 日志数据处理方法、装置、计算机设备和存储介质 | |
| CN103605502B (zh) | 表单页面显示方法及服务器 | |
| CN111008348A (zh) | 反爬虫方法、终端、服务器及计算机可读存储介质 | |
| CN114417226A (zh) | 页面生成方法、显示方法、装置、电子设备和存储介质 | |
| WO2022134776A1 (zh) | 基于标签的反爬虫方法、装置、计算机设备及存储介质 | |
| US20130339834A1 (en) | Dynamic presentation of a results set by a form-based software application | |
| CN112528189B (zh) | 基于数据的组件封装方法、装置、计算机设备及存储介质 | |
| CN110309496B (zh) | 数据汇总方法、电子装置及计算机可读存储介质 | |
| CN112130944A (zh) | 页面异常的检测方法、装置、设备及存储介质 | |
| CN113434582B (zh) | 业务数据处理方法、装置、计算机设备和存储介质 | |
| CN111339566B (zh) | 区块摘要方法、装置、计算机设备和存储介质 | |
| CN116723002B (zh) | 基于态势感知的电力报告智能加密方法 | |
| CN116304458B (zh) | 一种web页面实时通知更新方法、装置、设备及介质 | |
| US20140282019A1 (en) | Systems And Methods For Generating Software Components | |
| CN117093619A (zh) | 一种规则引擎处理方法、装置、电子设备及存储介质 | |
| CN116627778A (zh) | 业务系统性能监控方法、装置、计算机设备及存储介质 | |
| CN114036421A (zh) | 展示html5页面响应时间的方法、装置和计算机设备 | |
| CN114971673A (zh) | 基于位图的广告投放方法、装置、设备及存储介质 | |
| CN114547066A (zh) | 核电业务数据的标准化方法、装置和计算机设备 | |
| CN112051952A (zh) | 图片动态浏览方法、装置、电子设备及可读存储介质 | |
| CN112650435A (zh) | 页面内容滚动处理方法、装置、计算机设备及存储介质 | |
| CN113806372B (zh) | 新数据信息构建方法、装置、计算机设备及存储介质 | |
| CN114492342B (zh) | 表格图标填充方法、装置、设备及存储介质 | |
| US11960560B1 (en) | Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20240423 Address after: Room 301, 3rd floor, 9 shangdijiu street, Haidian District, Beijing Applicant after: Beijing Shenzhou Digital Cloud Information Technology Co.,Ltd. Country or region after: China Applicant after: Shenzhou Kuntai (Xiamen) Information Technology Co.,Ltd. Address before: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Applicant before: PING AN PUHUI ENTERPRISE MANAGEMENT Co.,Ltd. Country or region before: China |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |