本发明专利技术公开了一种设计器组件管理方法、系统及存储介质，应用于软件技术领域，能够提高前端渲染效率，减少人力和时间成本。该方法包括：获取第一组件数据；根据第一组件数据添加第一预设组件，构建得到组件配置列表；根据组件配置列表获取第二预设组件的第二组件数据，根据第二组件数据添加第二预设组件；第二预设组件为克隆组件；根据第一预设组件和第二预设组件的结构关系构建组件树；通过组件树调整各个组件之间的关系，构建得到组件目录；遍历第一组件数据和第二组件数据，将第一预设组件和第二预设组件中不同类型的组件进行兼容处理；通过组件目录选取第三预设组件，得到第三组件数据；根据第三组件数据进行组件渲染，得到目标组件。标组件。标组件。
【技术实现步骤摘要】
设计器组件管理方法、系统及存储介质
[0001]本专利技术涉及软件
，尤其涉及一种设计器组件管理方法、系统及存储介质。
技术介绍
[0002]在一些系统平台底层架构的变动以及功能的更新与迭代过程中，设计器的属性面板需要更多的不同自定义组件，而组件越发的增多会对前端的性能造成压力。这也导致了不同组件的属性配置会存在较大的差异。另外，由于用户现场环境的要求和限制，对于自定义组件内部信息的要求也不一样，需要批量地重新设计和组件分别开发，过程较为费时费力。相关技术中，当用户想在设计器上使用不同的组件，则需要前端重新设计或添加新的组件去重新渲染属性面板，对于前端的性能非常不友好，并且一个重新渲染属性面板的视觉性能往往较为复杂，容易出现错误导致无法正常运行。
技术实现思路
[0003]为了解决上述技术问题的至少之一，本专利技术提出一种设计器组件管理方法、系统及存储介质，能够提高前端渲染效率，减少人力和时间成本。
[0004]一方面，本专利技术实施例提供了一种设计器组件管理方法，包括以下步骤：
[0005]获取第一组件数据；其中，所述第一组件数据包括组件属性和组件信息；
[0006]根据所述第一组件数据添加第一预设组件，构建得到组件配置列表；
[0007]根据所述组件配置列表获取第二预设组件的第二组件数据，并根据所述第二组件数据添加所述第二预设组件；其中，所述第二预设组件为克隆组件；
[0008]根据所述第一预设组件和所述第二预设组件之间的结构关系构建组件树；
[0009]通过所述组件树调整各个组件之间的关系，构建得到组件目录；
[0010]遍历所述第一组件数据和所述第二组件数据，将所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理；
[0011]通过所述组件目录选取第三预设组件，得到所述第三预设组件的第三组件数据；
[0012]根据所述第三组件数据进行组件渲染，得到目标组件。
[0013]根据本专利技术实施例的一种设计器组件管理方法，至少具有如下有益效果：本实施例首先获取包括组件属性和组件信息的第一组件数据，并根据第一组件数据添加第一预设组件，构建得到第一预设组件。接着，本实施例通过组件配置列表获取第二预设组件的第二组件数据，并根据第二组件数据添加第二预设组件，通过从组件配置列表克隆得到第二预设组件的方式，缓解了人工重新开发容易导致的误差问题，有效节约人力和时间成本。进一步地，本实施例根据第一预设组件和第二预设组件之间的结构关系构建组件树，并通过组件树调整各个组件之间的关系，构建得到组件目录。接着，本实施例遍历第一组件数据和第二组件数据，以将第一预设组件和第二预设组件中不同类型的组件进行兼容处理，以实现组件的自动化兼容，缓解人工开发过程中的组件兼容性问题。然后，本实施例通过组件目录选取第三预设组件，得到相应的第三组件数据后，根据第三组件数据进行组件渲染，得到目
标组件，从而不需要重新加载组件模块，减少时间成本，有效提高前端性能和渲染效率。
[0014]根据本专利技术的一些实施例，所述第三组件数据包括数据类型和组件内部参数；
[0015]所述根据所述第三组件数据进行组件渲染，得到目标组件，包括：
[0016]根据所述数据类型修改所述组件内部参数，渲染得到所述目标组件。
[0017]根据本专利技术的一些实施例，所述数据类型包括标题类型和容器类型；
[0018]所述根据所述数据类型修改所述组件内部参数，渲染得到所述目标组件，包括：
[0019]当所述数据类型为标题类型，根据预设标题样式构建得到标题组件；
[0020]或者，当所述数据类型为容器类型，构建第四预设组件，根据所述第三组件数据对所述第四预设组件的第四组件数据进行修改，得到容器组件。
[0021]根据本专利技术的一些实施例，所述将所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理，包括：
[0022]根据类型字段数据对所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理；其中，所述第一组件数据和所述第二组件数据中均包括所述类型字段数据。
[0023]根据本专利技术的一些实施例，在执行所述根据所述第一预设组件和所述第二预设组件之间的结构关系构建组件树这一步骤之后，所述方法还包括：
[0024]通过预设修改操作对所述组件树进行修改；其中，所述预设修改操作包括拖拽目标元素、调整组件层级关系以及调整组件位置。
[0025]根据本专利技术的一些实施例，在执行所述获取第一组件数据这一步骤之后，所述方法还包括：
[0026]获取关联参数；
[0027]根据所述关联参数添加联动组件。
[0028]根据本专利技术的一些实施例，所述根据所述组件配置列表获取第二预设组件的第二组件数据，包括：
[0029]获取组件克隆信息；其中，所述组件克隆信息包括需要进行克隆的所述第五预设组件；
[0030]根据所述组件克隆信息通过所述组件配置列表获取所述第五预设组件的第五组件数据；
[0031]根据所述第五组件数据进行克隆得到所述第二组件数据。
[0032]另一方面，本专利技术实施例还提供了一种设计器组件管理系统，包括：
[0033]获取模块，用于获取第一组件数据；其中，所述第一组件数据包括组件属性和组件信息；
[0034]第一构建模块，用于根据所述第一组件数据添加第一预设组件，构建得到组件配置列表；
[0035]克隆模块，用于根据所述组件配置列表获取第二预设组件的第二组件数据，并根据所述第二组件数据添加所述第二预设组件；其中，所述第二预设组件为克隆组件；
[0036]第二构建模块，用于根据所述第一预设组件和所述第二预设组件之间的结构关系构建组件树；
[0037]第三构建模块，用于通过所述组件树调整各个组件之间的关系，构建得到组件目录；
[0038]兼容处理模块，用于遍历所述第一组件数据和所述第二组件数据，将所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理；
[0039]选取模块，用于通过所述组件目录选取第三预设组件，得到所述第三预设组件的第三组件数据；
[0040]渲染模块，用于根据所述第三组件数据进行组件渲染，得到目标组件。
[0041]另一方面，本专利技术实施例还提供了一种设计器组件管理系统，包括：
[0042]至少一个处理器；
[0043]至少一个存储器，用于存储至少一个程序；
[0044]当所述至少一个程序被所述至少一个处理器执行，使得至少一个所述处理器实现如上述实施例所述的设计器组件管理方法。
[0045]另一方面，本专利技术实施例还提供了一种计算机存储介质，其中存储有处理器可执行的程序，所述处理器可执行的程序在由所述处理器执行时用于实现如上述实施例所述的设计器组件管理方法。
附图说明
[0046]图1是本专利技术实施例提供的设计器组件管理方法流程图；
[0本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种设计器组件管理方法，其特征在于，包括以下步骤：获取第一组件数据；其中，所述第一组件数据包括组件属性和组件信息；根据所述第一组件数据添加第一预设组件，构建得到组件配置列表；根据所述组件配置列表获取第二预设组件的第二组件数据，并根据所述第二组件数据添加所述第二预设组件；其中，所述第二预设组件为克隆组件；根据所述第一预设组件和所述第二预设组件之间的结构关系构建组件树；通过所述组件树调整各个组件之间的关系，构建得到组件目录；遍历所述第一组件数据和所述第二组件数据，将所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理；通过所述组件目录选取第三预设组件，得到所述第三预设组件的第三组件数据；根据所述第三组件数据进行组件渲染，得到目标组件。2.根据权利要求1所述的设计器组件管理方法，其特征在于，所述第三组件数据包括数据类型和组件内部参数；所述根据所述第三组件数据进行组件渲染，得到目标组件，包括：根据所述数据类型修改所述组件内部参数，渲染得到所述目标组件。3.根据权利要求2所述的设计器组件管理方法，其特征在于，所述数据类型包括标题类型和容器类型；所述根据所述数据类型修改所述组件内部参数，渲染得到所述目标组件，包括：当所述数据类型为标题类型，根据预设标题样式构建得到标题组件；或者，当所述数据类型为容器类型，构建第四预设组件，根据所述第三组件数据对所述第四预设组件的第四组件数据进行修改，得到容器组件。4.根据权利要求1所述的设计器组件管理方法，其特征在于，所述将所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理，包括：根据类型字段数据对所述第一预设组件和所述第二预设组件中不同类型的组件进行兼容处理；其中，所述第一组件数据和所述第二组件数据中均包括所述类型字段数据。5.根据权利要求1所述的设计器组件管理方法，其特征在于，在执行所述根据所述第一预设组件和所述第二预设组件之间的结构关系构建组件树这一步骤之后，所述方法还包括：通过预设修改操作对所述组件树进行修改；其中，所述预设修改操...
【专利技术属性】
技术研发人员：叶穗欣，
申请(专利权)人：广州云迪科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。