[发明专利]一种组件配置方法、装置、计算机设备及存储介质

说明书

本公开提供了一种组件配置方法、装置、计算机设备及存储介质，其中，该方法包括：响应用户针对目标组件的风格配置请求，展示风格配置面板；获取用户针对风格配置面板中的第一配置项或第二配置项输入的风格配置信息，以及第一配置项或第二配置项对应的目标变量标识；基于风格配置信息和目标变量标识，对基于初始组件库进行处理得到的处理后组件库中目标组件的配置信息进行更新。本公开提供了对目标组件的配置信息进行更新的风格配置面板和处理后组件库，相关人员可以直接在风格配置面板上进行操作，然后结合处理后组件库生成调整后的组件配置信息，降低了沟通成本，提高了组件定制过程的效率。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种组件配置方法、装置、计算机设备及存储介质。

背景技术

不同的网页通常有各自的网页风格。用户界面设计师(User InterfaceDesigner，UID)通过对用户界面中的组件进行定制，可以实现网页风格定制。

目前，组件定制的流程主要包括：先由设计师制定好组件的设计稿，然后由代码工程师根据设计稿进行组件的开发，再由设计师对代码工程师开发的组件进行验收，如果验收不通过，则由代码工程师进行调整，如此反复，直至验收通过，才能完成组件定制。

在上述流程中，当涉及的组件比较多的情况下，可能需要设计师和代码工程师进行多次沟通，导致沟通成本较高。并且在该流程中，需要代码工程师人工查找待调整的细节，而人工处理的效率较低且容易遗漏出错，导致组件定制过程效率较低。

发明内容

本公开实施例至少提供一种组件配置方法、装置、计算机设备及存储介质。

本公开实施例提供了一种组件配置方法，所述方法包括：

响应用户针对目标组件的风格配置请求，展示风格配置面板；所述风格配置面板中包括各组件的每个配置项对应的变量标识以及针对该配置项进行风格配置的指示信息；所述配置项包括支持用户界面设计配置的第一配置项和支持代码编写配置的第二配置项；

获取所述用户针对所述风格配置面板中的所述第一配置项或第二配置项输入的风格配置信息，以及所述第一配置项或第二配置项对应的目标变量标识；

基于所述风格配置信息和所述目标变量标识，对基于初始组件库进行处理得到的处理后组件库中所述目标组件的配置信息进行更新；所述配置信息包括至少一个配置项；所述处理后组件库为将初始组件库中各组件的每个配置项采用变量标识表征后得到的。

一种可选的实施方式中，所述展示风格配置面板包括：

获取变量配置信息；所述变量配置信息用于指示每个配置项对应的变量标识；

基于所述变量配置信息，将初始组件库中各组件的每个配置项替换为所述变量配置信息指示的变量标识，得到所述处理后组件库，并基于所述变量配置信息，生成并展示包含所述变量标识的、用于对组件进行风格配置的所述风格配置面板。

一种可选的实施方式中，基于所述变量配置信息，将初始组件库中各组件的每个配置项替换为所述变量配置信息指示的变量标识，得到所述处理后组件库，包括：

获取初始组件库中每个组件的逻辑文件和样式文件；

基于所述变量配置信息，分别将所述逻辑文件和样式文件中的配置项替换为变量标识，得到处理后逻辑文件和处理后样式文件；所述处理后组件库中包括各个组件对应的所述处理后逻辑文件和处理后样式文件。

一种可选的实施方式中，所述第一配置项包括组件样式选择项；所述风格配置信息包括针对所述组件样式选择项的修改操作信息；

基于所述风格配置信息和所述目标变量标识，对基于初始组件库进行处理得到的处理后组件库中所述目标组件的配置信息进行更新，包括：