组件的处理方法、装置、存储介质及电子装置与流程

本技术实施例涉及计算机领域，具体而言，涉及一种组件的处理方法、装置、存储介质及电子装置。

背景技术：

1、目前，相关技术中往往采用脚本注入的方式，通过特定执行工具实现应用页面的搭建，也就是说，用户需要预先录入脚本代码，将脚本代码转化为功能函数，根据该功能函数在应用开发页面处理组件，这种组件的处理方法执行时间过长，且流程复杂，导致组件的处理效率偏低。

2、针对上述的问题，目前尚未提出有效的解决方案。

技术实现思路

1、本技术实施例提供了一种组件的处理方法、装置、存储介质及电子装置，以至少解决由于组件的处理流程过于复杂，导致组件的处理效率偏低的问题。

2、根据本技术的一个方面，提供了一种组件的处理方法，包括：显示待使用的组件集合；响应于对目标组件执行的第一交互操作，在目标区域显示所述目标组件，并显示与所述目标组件关联的初始配置界面，其中，所述组件集合包括所述目标组件，所述目标区域用于显示所述目标组件依据配置信息产生的渲染效果，所述初始配置界面用于获取所述配置信息；响应于在所述初始配置界面执行的第二交互操作，为所述目标组件设置目标配置信息，并在所述目标区域显示所述目标组件的目标渲染效果，其中，所述目标渲染效果由所述目标配置信息确定，所述目标配置信息包括为所述目标组件设置的关联数据源和/或关联组件。

3、根据本技术的另一个方面，提供了一种组件的处理装置，包括：第一显示模块，用于显示待使用的组件集合；第二显示模块，用于响应于对目标组件执行的第一交互操作，在目标区域显示所述目标组件，并显示与所述目标组件关联的初始配置界面，其中，所述组件集合包括所述目标组件，所述目标区域用于显示所述目标组件依据配置信息产生的渲染效果，所述初始配置界面用于获取所述配置信息；设置模块，用于响应于在所述初始配置界面执行的第二交互操作，为所述目标组件设置目标配置信息，并在所述目标区域显示所述目标组件的目标渲染效果，其中，所述目标渲染效果由所述目标配置信息确定，所述目标配置信息包括为所述目标组件设置的关联数据源和/或关联组件。

4、可选地，所述装置用于通过如下方式响应于在所述初始配置界面执行的第二交互操作，为所述目标组件设置目标配置信息，并在所述目标区域显示所述目标组件的目标渲染效果：响应于在所述初始配置界面执行的第二交互操作，为所述目标组件设置目标配置信息；在所述目标配置信息包括所述关联数据源的情况下，为所述关联数据源设置数据源参数配置，其中，所述数据源参数配置用于表示所述目标组件与所述关联数据源的数据交互方式；根据所述数据源参数配置更新所述目标区域中的所述目标组件，并在所述目标区域显示所述目标组件的目标渲染效果。

5、可选地，所述装置用于通过如下方式在所述目标配置信息包括所述关联数据源的情况下，为所述关联数据源设置数据源参数配置：在所述目标配置信息包括所述关联数据源的情况下，为所述关联数据源设置输出参数配置，其中，所述输出参数配置表示所述目标组件用于从所述关联数据源获取数据并进行显示；在所述目标配置信息包括所述关联数据源的情况下，为所述关联数据源设置输入参数配置，其中，所述输入参数配置表示所述目标组件用于向所述关联数据源输入数据。

6、可选地，所述装置用于通过如下方式响应于在所述初始配置界面执行的第二交互操作，为所述目标组件设置目标配置信息，并在所述目标区域显示所述目标组件的目标渲染效果：响应于在所述初始配置界面执行的第二交互操作，为所述目标组件设置目标配置信息；在所述目标配置信息包括所述关联组件的情况下，为所述关联组件设置动作配置，其中，所述动作配置用于表示所述目标组件与所述关联组件的联动方式；根据所述动作配置更新所述目标区域中的所述目标组件，并在所述目标区域显示所述目标组件的目标渲染效果，其中，所述目标渲染效果包括所述关联组件。

7、可选地，所述装置用于通过如下方式在所述目标配置信息包括所述关联组件的情况下，为所述关联组件设置动作配置，包括以下至少之一：在所述目标配置信息包括所述关联组件的情况下，为所述关联组件设置点击动作配置，其中，所述点击动作配置表示响应于对所述目标组件执行点击动作，触发对所述关联组件执行所述点击动作；在所述目标配置信息包括所述关联组件的情况下，为所述关联组件设置手势动作配置，其中，所述手势动作配置表示响应于对所述目标组件执行手势动作，触发对所述关联组件执行所述手势动作；在所述目标配置信息包括所述关联组件的情况下，为所述关联组件设置拖拽动作配置，其中，所述拖拽动作配置表示响应于对所述目标组件执行拖拽动作，触发对所述关联组件执行所述拖拽动作。

8、可选地，所述装置还用于：在第一区域显示所述组件集合；响应于所述第一交互操作，在所述目标区域显示所述目标组件，并在第二区域显示所述初始配置界面，其中，所述第一区域、所述第二区域与所述目标区域均互相独立，所述目标区域显示有第一组件和第二组件，所述第一组件预先设置有第一配置信息，所述第二组件预先设置有第二配置信息，所述第一配置信息用于指示所述第一组件用于向所述目标数据源输入数据，所述第二配置信息用于指示所述第二组件用于从目标数据源获取数据并进行显示；响应于第三交互操作，将所述目标组件的关联组件设置为所述第二组件，所述目标组件和所述第二组件的联动触发动作设置为目标动作；在所述目标区域显示所述目标渲染效果，其中，所述目标渲染结果包括在所述第一组件被触发时，向所述目标数据源输入数据，在所述目标组件被所述目标动作触发时，通过所述第二组件显示所述目标数据源中的数据。

9、可选地，所述装置还用于：获取派发器和存储器，其中，所述派发器用于负责组件之间联动时的动作路由转发，所述存储器用于负责维护组件实例；响应于所述第一交互操作，在所述存储器初始化与所述目标组件对应的目标组件实例，其中，所述目标组件实例用于在所述目标区域显示与所述目标组件对应的渲染效果；响应于所述第二交互操作，将所述目标配置信息更新至所述存储器，并控制所述派发器响应所述目标配置信息显示所述目标渲染效果；在所述目标配置信息指示所述目标组件设置有所述关联组件的情况下，响应于为所述目标组件实例配置的关联动作，控制所述派发器根据所述目标配置信息从所述存储器中查找所述关联组件的关联组件实例，并控制所述关联组件实例执行所述关联动作。

10、根据本技术的又一个实施例，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

11、根据本技术的又一个实施例，还提供了一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。

12、在本技术实施例中，通过显示待使用的组件集合，响应于对目标组件执行的第一交互操作，在目标区域显示目标组件，并显示与目标组件关联的初始配置界面，其中，组件集合包括目标组件，目标区域用于显示目标组件依据配置信息产生的渲染效果，初始配置界面用于获取配置信息，响应于在初始配置界面执行的第二交互操作，为目标组件设置目标配置信息，并在目标区域显示目标组件的目标渲染效果，其中，目标渲染效果由目标配置信息确定，目标配置信息包括为目标组件设置的关联数据源和/或关联组件，简化组件的使用和配置过程，达到了提高组件开发效率的技术效果，进而解决了组件的处理效率偏低的技术问题。