CN112631573B - 组件添加方法、装置、设备及计算机可读存储介质 - Google Patents

Abstract

本发明涉及大数据处理，揭露一种组件添加方法，包括：根据页面组件添加指令，获取待添加组件页面信息；加载与待添加组件信息相对应的组件，作为目标组件；提取目标组件中的属性参数，并将属性参数加载至预设自定义方法模板中，得到目标自定义方法；根据目标自定义方法对目标组件进行自定义配置，得到待添加目标组件；将待添加目标组件添加至待添加组件在页面中的待添加位置。本发明还涉及区块链技术，所述预设自定义方法模板存储于区块链中。本发明能够解决在引入组件的过程中需要关注加载和使用顺序，无法保证代码结构的统一；并且不能按照接入方的页面要求，放置接入的组件，兼容性差，增加接入方的接入成本等问题。

Description

组件添加方法、装置、设备及计算机可读存储介质

技术领域

本发明涉及大数据处理，尤其涉及一种组件添加的方法、装置、电子设备及计算机可读存储介质。

背景技术

前端组件，简单来说是将功能作为独立的项目来开发和维护，形成通用能力并应用在各种场景中，前端组件分为纯逻辑组件和带UI界面组件。

目前的组件的添加方法为，通过动态的js代码接入，即在业务代码中引入，在onload(加载)和onerror(捕获网页中的错误)的监听函数中进行使用，不能按照静态资源常规方式接入，需要放到业务代码去动态加载，改变了项目的代码结构，项目的不同组件文件的引入分散在项目中的不同位置；而且同一个项目的不同页面如果需要使用同一个组件，需要使用相同代码逻辑各自引入，即同一个项目需要多次引入同一个组件，这种方式可维护性差；按照加载静态资源的通用方式接入，在引入组件的代码段之后进行逻辑处理，对引入和使用顺序有严格要求，需要先引入后使用，限制了代码结构的灵活性，使用时仍然需要各种对象存在性的判断；为了不影响页面的性能，接入方往往会把这类外部组件放在最后引入，这种方式导致组件的配置代码和页面业务代码分开，无法做到代码结构的统一；对组件UI部分的控制，通常是提供接入方两种位置选择，分别悬浮到页面的顶部或底部，当接入页面众多时，页面结构会各种各样，两种悬浮位置无法满足所有页面，无法让接入方根据自己的页面结构自行决定合适的位置和交互，经常会出现和接入方页面本身的悬浮结构冲突，比如产品购买页面、各自活动页等每个页面结构都不相同，而且页面中已经存在不同的悬浮结构，这时接入方就不得不重新设计页面交互，对自己原有的结构进行改造来兼容组件，这种让接入方兼容组件的方式，会大大增加接入方的接入成本。

发明内容

本发明提供一种组件添加方法、装置、电子设备及计算机可读存储介质，其主要目的在于能够解决现有技术中存在的组件不能按照静态资源的常规方式引入，而且会影响到页面性能，在引入组件的过程中需要关注加载和使用顺序，无法保证代码结构的统一；并且不能按照接入方的页面要求，放置接入的组件，兼容性差，增加了接入方的接入成本等问题。

第一方面，为实现上述目的，本发明提供的一种组件添加方法，包括：

根据页面组件添加指令，获取待添加组件页面信息；其中，所述待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息；

加载与所述待添加组件信息相对应的组件，作为目标组件；

提取所述目标组件中的属性参数，并将所述属性参数加载至预设自定义方法模板中，得到目标自定义方法；

根据所述目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件；

将所述待添加目标组件添加至所述待添加组件在页面中的待添加位置。

第二方面，为了解决上述问题，本发明还提供一种组件添加装置，所述装置包括：

页面信息获取模块，用于根据页面组件添加指令，获取待添加组件页面信息；其中，所述待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息；

目标组件获取模块，用于加载与所述待添加组件信息相对应的组件，作为目标组件；

目标自定义方法获取模块，用于提取所述目标组件中的属性参数，并将所述属性参数加载至预设自定义方法模板中，得到目标自定义方法；

待添加目标组件获取模块，用于根据所述目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件；

组件添加模块，用于将所述待添加目标组件添加至所述待添加组件在页面中的待添加位置。

第三方面，为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：

存储器，存储至少一个指令；及

处理器，执行所述存储器中存储的指令以实现上述所述的组件添加方法的步骤。

第四方面，为了解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个指令，所述至少一个指令被电子设备中的处理器执行以实现上述所述的组件添加方法的步骤。

本发明提出的组件添加方法、装置、电子设备及计算机可读存储介质，通过根据页面组件添加指令，获取待添加组件页面信息；其中，待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息；能够将待添加组件加载至待添加组件页面的指定位置；通过提取目标组件中的属性参数，并加载至预设自定义方法模板中，得到目标自定义方法；不需要再进行现有技术中的加载和使用顺序的判断，不需要按照加载顺序进行操作，无论目标组件的文件夹自定义方法是否加载完成，都可以进行下一步操作，整个过程节约时间。本发明能够使组件既能按照静态资源的常规方式引入，又不影响到页面性能，又能不用关注加载和使用顺序，保证代码结构的统一，降低接入方的接入成本，提供一个兼容各种使用场景的组件添加方法。

附图说明

图1为本发明一实施例提供的组件添加方法的流程示意图；

图2为本发明一实施例提供的中文组件添加装置的模块示意图；

图3为本发明一实施例提供的实现中文组件添加方法的电子设备的内部结构示意图；

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明提供一种组件添加方法。参照图1所示，为本发明一实施例提供的组件添加方法的流程示意图。该方法可以由一个装置执行，该装置可以由软件和/或硬件实现。

在本实施例中，组件添加方法包括：

S110、根据页面组件添加指令，获取待添加组件页面信息；其中，待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息。

具体的，当用户端打开待添加组件的页面进行组件添加操作时，例如，在待添加页面上有添加组件的按钮或者添加框时，通过点击按钮或者添加框，生成页面组件添加指令；处理器获取页面组件添加指令，根据页面组件添加指令，获取待添加组件页面信息，其中，待添加组件页面信息至少包括待添加组件在页面中的待添加位置和待添加组件信息，根据上述待添加组件页面信息完成后续的添加待添加组件操作。

作为本发明的一个可选实施例，根据页面组件添加指令，获取待添加组件页面信息包括：

获取页面组件添加指令；其中，页面组件添加指令包括待添加组件页面地址；

根据待添加组件页面地址，获取待添加组件页面信息。

具体的，待添加页面一般为网络页面，例如，通过在浏览器中输入页面地址，从而获取页面，当该网络页面是待添加组件页面时，需要根据地址获取该待添加组件页面，从待添加组件页面中获取待添加组件页面信息。所以，在用户端的待添加组件页面生成页面组件添加指令时，在页面组件添加指令中至少包括待添加组件页面地址，处理器根据该待添加组件页面地址得到待添加组件页面信息。

S120、加载与待添加组件信息相对应的组件，作为目标组件。

具体的，组件根据具体的功能等可分为多种，待添加组件页面中具体需要哪种待添加组件，在待添加组件页面信息中有具体指示；例如，待添加组件为一个音乐组件，则根据该信息，选取合适的音乐组件加载至用户端的本地文件夹中，当然，组件信息可包括更加具体的待组件的名称，例如，某个特定的音乐播放器。将该加载到本地文件中的组件作为目标组件。

作为本发明的一个可选实施例，加载与待添加组件信息相对应的组件，作为目标组件包括：

从预设组件信息表中获取与待添加组件的信息相对应的组件信息，作为目标组件信息；其中，预设组件信息表包括预设组件信息、与预设组件信息相对应的组件储存地址；

从预设组件信息表中，获取与目标组件信息相对应的目标组件储存地址；

根据目标组件储存地址，加载目标组件，得到目标组件。

具体的，为了容易查询待添加组件，可以预设组件信息表，预设组件信息表包括预设组件信息、与预设组件信息相对应的组件储存地址；根据查询预设组件信息表，找到与目标组件信息相对应的目标组件储存地址，然后根据地址，加载相应的目标组件至本地文件夹中。

S130、提取目标组件中的属性参数，并将属性参数加载至预设自定义方法模板中，得到目标自定义方法。

具体的，每个目标组件实际是一个文件夹，在文件中存储有对应的属性参数，目前现有技术是从目标组件的文件夹中先判断是否加载到了相应的自定义方法，再判断组件功能的使用(属性参数)，如果上述两点都加载完成，才算完成组件加载，然后调用自定义方法，实现组件功能，有一定的顺序性，为此，本发明实施例通过提取目标组件中的属性参数，并加载至预设自定义方法模板中，从而重写自定义方法，不需要再进行上述的判断，不需要按照上述的顺序进行操作，无论目标组件的文件夹自定义方法是否加载完成，都可以进行下一步操作，整个过程节约时间。

作为本发明的一个可选实施例，预设自定义方法模板存储于区块链中，提取目标组件中的属性参数，并将属性参数加载至预设自定义方法模板中，得到目标自定义方法包括：

从目标组件中提取属性参数；其中，属性参数包括目标组件的自定义配置对象信息；

将属性参数作为入参加载至预设自定义方法模板中，得到目标自定义方法。

具体的，预设自定义方法模板为预先存储在用户端本地的共用方法，例如，浏览器中自带的公用方法，只需要修改模板参数即可。通过将目标组件中提取的属性参数，其中，属性参数包括目标组件的自定义配置对象信息，即目标组件的使用功能，得到目标自定义方法，不需要判断目标组件中的定义方法是否加载完成。

S140、根据目标自定义方法对目标组件进行自定义配置，得到待添加目标组件。

具体的，目标组件的功能的实现需要通过目标自定义方法和功能性的配置才可实现的，所以在目标组件添加至待添加组件页面中的待添加位置之前，需要先进行配置，配置后得到可以使用的待添加目标组件。

作为本发明的一个可选实施例，根据目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件包括：

将目标自定义方法作为入参加载至预设组件配置脚本，得到待添加组件配置脚本；

通过待添加组件配置脚本对所述目标组件进行自定义配置，得到待添加目标组件。

具体的，通过预设组件配置脚本可实现自动配置，当处理器获取到目标自定义方法时，启动预设组件配置脚本，将目标自定义方法作为入参加载至预设组件配置脚本，得到待添加组件配置脚本，再通过待添加组件配置脚本对目标组件进行自定义配置，得到待添加目标组件。

S150、将待添加目标组件添加至待添加组件在页面中的待添加位置。

具体的，在现有技术中，待添加组件加载到待添加页面的过程中，通常是提供两种接入位置供选择，分别悬浮到页面的顶部或底部。当接入页面众多时，页面结构会各种各样，两种悬浮位置无法满足所有页面，无法让接入方根据自己的页面结构自行决定合适的位置和交互，经常会出现和接入方页面本身的悬浮结构冲突，比如产品购买页面、各自活动页等每个页面结构都不相同，而且页面中已经存在不同的悬浮结构，这时接入方就不得不重新设计页面交互，对自己原有的结构进行改造来兼容组件，这种让接入方兼容组件的方式，会大大增加接入方的接入成本。而本发明实施例通过将待添加目标组件添加至待添加组件在页面中的待添加位置，能够满足接入方的需要，根据其指定的位置进行添加，达到更好的交互效果。

作为本发明的一个可选实施例，将待添加目标组件添加至待添加组件在页面中的待添加位置包括：

对待添加目标组件进行解析处理，得到解析后的目标组件；

将解析后的目标组件添加至待添加组件在页面中的待添加位置。

具体的，待添加目标组件为了节约空间，一般为压缩的形式，需要解压，解压后的目标组件可以直接添加至待添加组件在页面中的待添加位置。

作为本发明的一个可选实施例，将解析后的目标组件添加至待添加组件在页面中的待添加位置包括：

获取预设前端脚本提取标签；

通过预设前端脚本标签提取解析后的目标组件，并将解析后的目标组件加载至待添加组件在页面中的待添加位置。

具体的，通过预设前端脚本标签提取解析后的目标组件，可更加方便，当处理器获取到待添加目标组件解析完成的信息，则启动预设前端脚本标签，然后预设前端脚本标签提取解析后的目标组件，并将解析后的目标组件加载至待添加组件在页面中的待添加位置，完成待添加组件的添加。

如图2所示，是本发明一个实施例的组件添加装置的功能模块图。

本发明所述组件添加装置200可以安装于电子设备中。根据实现的功能，所述组件添加装置可以包括页面信息获取模块210、目标组件获取模块220、目标自定义方法获取模块230、待添加目标组件获取模块240、组件添加模块250。本发所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。

在本实施例中，关于各模块/单元的功能如下：

页面信息获取模块210，用于根据页面组件添加指令，获取待添加组件页面信息；其中，待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息。

具体的，当用户端打开待添加组件的页面进行组件添加操作时，例如，在待添加页面上有添加组件的按钮或者添加框时，通过点击按钮或者添加框，生成页面组件添加指令；处理器获取页面组件添加指令，根据页面组件添加指令，获取待添加组件页面信息，其中，待添加组件页面信息至少包括待添加组件在页面中的待添加位置和待添加组件信息，根据上述待添加组件页面信息完成后续的添加待添加组件操作。

作为本发明的一个可选实施例，根据页面组件添加指令，获取待添加组件页面信息包括：

获取页面组件添加指令；其中，页面组件添加指令包括待添加组件页面地址；

根据待添加组件页面地址，获取待添加组件页面信息。

具体的，待添加页面一般为网络页面，例如，通过在浏览器中输入页面地址，从而获取页面，当该网络页面是待添加组件页面时，需要根据地址获取该待添加组件页面，从待添加组件页面中获取待添加组件页面信息。所以，在用户端的待添加组件页面生成页面组件添加指令时，在页面组件添加指令中至少包括待添加组件页面地址，处理器根据该待添加组件页面地址得到待添加组件页面信息。

目标组件获取模块220，用于加载与待添加组件信息相对应的组件，作为目标组件。

具体的，组件根据具体的功能等可分为多种，待添加组件页面中具体需要哪种待添加组件，在待添加组件页面信息中有具体指示；例如，待添加组件为一个音乐组件，则根据该信息，选取合适的音乐组件加载至用户端的本地文件夹中，当然，组件信息可包括更加具体的待组件的名称，例如，某个特定的音乐播放器。将该加载到本地文件中的组件作为目标组件。

作为本发明的一个可选实施例，加载与待添加组件信息相对应的组件，作为目标组件包括：

从预设组件信息表中获取与待添加组件的信息相对应的组件信息，作为目标组件信息；其中，预设组件信息表包括预设组件信息、与预设组件信息相对应的组件储存地址；

从预设组件信息表中，获取与目标组件信息相对应的目标组件储存地址；

根据目标组件储存地址，加载目标组件，得到目标组件。

具体的，为了容易查询待添加组件，可以预设组件信息表，预设组件信息表包括预设组件信息、与预设组件信息相对应的组件储存地址；根据查询预设组件信息表，找到与目标组件信息相对应的目标组件储存地址，然后根据地址，加载相应的目标组件至本地文件夹中。

目标自定义方法获取模块230，用于提取目标组件中的属性参数，并将属性参数加载至预设自定义方法模板中，得到目标自定义方法。

具体的，每个目标组件实际是一个文件夹，在文件中存储有对应的属性参数，目前现有技术是从目标组件的文件夹中先判断是否加载到了相应的自定义方法，再判断组件功能的使用(属性参数)，如果上述两点都加载完成，才算完成组件加载，然后调用自定义方法，实现组件功能，有一定的顺序性，为此，本发明实施例通过提取目标组件中的属性参数，并加载至预设自定义方法模板中，从而重写自定义方法，不需要再进行上述的判断，不需要按照上述的顺序进行操作，无论目标组件的文件夹自定义方法是否加载完成，都可以进行下一步操作，整个过程节约时间。

作为本发明的一个可选实施例，预设自定义方法模板存储于区块链中，提取目标组件中的属性参数，并将属性参数加载至预设自定义方法模板中，得到目标自定义方法包括：

从目标组件中提取属性参数；其中，属性参数包括目标组件的自定义配置对象信息；

将属性参数作为入参加载至预设自定义方法模板中，得到目标自定义方法。

具体的，预设自定义方法模板为预先存储在用户端本地的共用方法，例如，浏览器中自带的公用方法，只需要修改模板参数即可。通过将目标组件中提取的属性参数，其中，属性参数包括目标组件的自定义配置对象信息，即目标组件的使用功能，得到目标自定义方法，不需要判断目标组件中的定义方法是否加载完成。

待添加目标组件获取模块240，用于根据目标自定义方法对目标组件进行自定义配置，得到待添加目标组件。

具体的，目标组件的功能的实现需要通过目标自定义方法和功能性的配置才可实现的，所以在目标组件添加至待添加组件页面中的待添加位置之前，需要先进行配置，配置后得到可以使用的待添加目标组件。

作为本发明的一个可选实施例，根据目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件包括：

将目标自定义方法作为入参加载至预设组件配置脚本，得到待添加组件配置脚本；

通过待添加组件配置脚本对所述目标组件进行自定义配置，得到待添加目标组件。

具体的，通过预设组件配置脚本可实现自动配置，当处理器获取到目标自定义方法时，启动预设组件配置脚本，将目标自定义方法作为入参加载至预设组件配置脚本，得到待添加组件配置脚本，再通过待添加组件配置脚本对目标组件进行自定义配置，得到待添加目标组件。

组件添加模块250，用于将待添加目标组件添加至待添加组件在页面中的待添加位置。

具体的，在现有技术中，待添加组件加载到待添加页面的过程中，通常是提供两种接入位置供选择，分别悬浮到页面的顶部或底部。当接入页面众多时，页面结构会各种各样，两种悬浮位置无法满足所有页面，无法让接入方根据自己的页面结构自行决定合适的位置和交互，经常会出现和接入方页面本身的悬浮结构冲突，比如产品购买页面、各自活动页等每个页面结构都不相同，而且页面中已经存在不同的悬浮结构，这时接入方就不得不重新设计页面交互，对自己原有的结构进行改造来兼容组件，这种让接入方兼容组件的方式，会大大增加接入方的接入成本。而本发明实施例通过将待添加目标组件添加至待添加组件在页面中的待添加位置，能够满足接入方的需要，根据其指定的位置进行添加，达到更好的交互效果。

作为本发明的一个可选实施例，将待添加目标组件添加至待添加组件在页面中的待添加位置包括：

对待添加目标组件进行解析处理，得到解析后的目标组件；

将解析后的目标组件添加至待添加组件在页面中的待添加位置。

具体的，待添加目标组件为了节约空间，一般为压缩的形式，需要解压，解压后的目标组件可以直接添加至待添加组件在页面中的待添加位置。

作为本发明的一个可选实施例，将解析后的目标组件添加至待添加组件在页面中的待添加位置包括：

获取预设前端脚本提取标签；

通过预设前端脚本标签提取解析后的目标组件，并将解析后的目标组件加载至待添加组件在页面中的待添加位置。

具体的，通过预设前端脚本标签提取解析后的目标组件，可更加方便，当处理器获取到待添加目标组件解析完成的信息，则启动预设前端脚本标签，然后预设前端脚本标签提取解析后的目标组件，并将解析后的目标组件加载至待添加组件在页面中的待添加位置，完成待添加组件的添加。

如图3所示，是本发明一个实施例实现组件添加方法的电子设备的结构示意图。

所述电子设备1可以包括处理器10、存储器11和总线，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如组件添加程序12。

其中，所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：SD或DX存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备1的内部存储单元，例如该电子设备1的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备1的外部存储设备，例如电子设备1上配备的插接式移动硬盘、智能存储卡(Smart Media Card，SMC)、安全数字(SecureDigital，SD)卡、闪存卡(Flash Card)等。进一步地，所述存储器11还可以既包括电子设备1的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备1的应用软件及各类数据，例如组件添加程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。

所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(Central Processing unit，CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(Control Unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如组件添加程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备1的各种功能和处理数据。

所述总线可以是外设部件互连标准(peripheral component interconnect，简称PCI)总线或扩展工业标准结构(extended industry standard architecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。

图3仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图3示出的结构并不构成对所述电子设备1的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。

例如，尽管未示出，所述电子设备1还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备1还可以包括多种传感器、蓝牙模块、Wi-Fi模块等，在此不再赘述。

进一步地，所述电子设备1还可以包括网络接口，可选地，所述网络接口可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等)，通常用于在该电子设备1与其他电子设备之间建立通信连接。

可选地，该电子设备1还可以包括用户接口，用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备1中处理的信息以及用于显示可视化的用户界面。

应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。

所述电子设备1中的所述存储器11存储的组件添加程序12是多个指令的组合，在所述处理器10中运行时，可以实现：

根据页面组件添加指令，获取待添加组件页面信息；其中，待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息；

加载与待添加组件信息相对应的组件，作为目标组件；

提取目标组件中的属性参数，并将属性参数加载至预设自定义方法模板中，得到目标自定义方法；

根据目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件；

将待添加目标组件添加至待添加组件在页面中的待添加位置。

具体地，所述处理器10对上述指令的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。需要强调的是，为进一步保证上述预设自定义方法模板的私密和安全性，上述预设自定义方法模板还可以存储于一区块链的节点中。

进一步地，所述电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)。

在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。

对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。

因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。

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

此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。***权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称，而并不表示任何特定的顺序。

最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (7)

1.一种组件添加方法，其特征在于，所述方法包括：

根据页面组件添加指令，获取待添加组件页面信息；其中，所述待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息；

加载与所述待添加组件信息相对应的组件，作为目标组件；

提取所述目标组件中的属性参数，并将所述属性参数加载至预设自定义方法模板中，得到目标自定义方法；其中，所述提取所述目标组件中的属性参数，并将所述属性参数加载至预设自定义方法模板中，得到目标自定义方法包括：从所述目标组件中提取属性参数；其中，所述属性参数包括所述目标组件的自定义配置对象信息；将所述属性参数作为入参加载至预设自定义方法模板中，得到目标自定义方法；

根据所述目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件；包括：将所述目标自定义方法作为入参加载至预设组件配置脚本，得到待添加组件配置脚本；

通过所述待添加组件配置脚本对所述目标组件进行自定义配置，得到待添加目标组件；

将所述待添加目标组件添加至所述待添加组件在页面中的待添加位置；其中，所述将所述待添加目标组件添加至所述待添加组件在页面中的待添加位置包括：对所述待添加目标组件进行解析处理，得到解析后的目标组件；将所述解析后的目标组件添加至所述待添加组件在页面中的待添加位置；所述将所述解析后的目标组件添加至所述待添加组件在页面中的待添加位置包括：获取预设前端脚本提取标签；通过所述预设前端脚本标签提取所述解析后的目标组件，并将所述解析后的目标组件加载至所述待添加组件在页面中的待添加位置。

2.根据权利要求1所述的组件添加方法，其特征在于，所述根据页面组件添加指令，获取待添加组件页面信息包括：

获取页面组件添加指令；其中，所述页面组件添加指令包括待添加组件页面地址；

根据所述待添加组件页面地址，获取所述待添加组件页面信息。

3.根据权利要求1所述的组件添加方法，其特征在于，所述加载与所述待添加组件信息相对应的组件，作为目标组件包括：

从预设组件信息表中获取与所述待添加组件的信息相对应的组件信息，作为目标组件信息；其中，所述预设组件信息表包括预设组件信息、与所述预设组件信息相对应的组件储存地址；

从所述预设组件信息表中，获取与所述目标组件信息相对应的目标组件储存地址；

根据所述目标组件储存地址，加载目标组件，得到目标组件。

4.根据权利要求1所述的组件添加方法，其特征在于，所述预设自定义方法模板存储于区块链中。

5.一种组件添加装置，其特征在于，所述装置包括：

页面信息获取模块，用于根据页面组件添加指令，获取待添加组件页面信息；其中，所述待添加组件页面信息包括待添加组件在页面中的待添加位置和待添加组件信息；

目标组件获取模块，用于加载与所述待添加组件信息相对应的组件，作为目标组件；

目标自定义方法获取模块，用于提取所述目标组件中的属性参数，并将所述属性参数加载至预设自定义方法模板中，得到目标自定义方法；其中，所述提取所述目标组件中的属性参数，并将所述属性参数加载至预设自定义方法模板中，得到目标自定义方法包括：从所述目标组件中提取属性参数；其中，所述属性参数包括所述目标组件的自定义配置对象信息；将所述属性参数作为入参加载至预设自定义方法模板中，得到目标自定义方法；

待添加目标组件获取模块，用于根据所述目标自定义方法对所述目标组件进行自定义配置，得到待添加目标组件；包括：将所述目标自定义方法作为入参加载至预设组件配置脚本，得到待添加组件配置脚本；

通过所述待添加组件配置脚本对所述目标组件进行自定义配置，得到待添加目标组件；

组件添加模块，用于将所述待添加目标组件添加至所述待添加组件在页面中的待添加位置；其中，所述将所述待添加目标组件添加至所述待添加组件在页面中的待添加位置包括：对所述待添加目标组件进行解析处理，得到解析后的目标组件；将所述解析后的目标组件添加至所述待添加组件在页面中的待添加位置；所述将所述解析后的目标组件添加至所述待添加组件在页面中的待添加位置包括：获取预设前端脚本提取标签；通过所述预设前端脚本标签提取所述解析后的目标组件，并将所述解析后的目标组件加载至所述待添加组件在页面中的待添加位置。

6.一种电子设备，其特征在于，所述电子设备包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至4中任一所述的组件添加方法的步骤。

7.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4中任一所述的组件添加方法的步骤。