(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210617287.7 (22)申请日 2022.06.01 (71)申请人 中国银行股份有限公司 地址 100818 北京市西城区复兴门内大街1 号 (72)发明人 李书源　王英芝　程庆莹　 (74)专利代理 机构 北京三友知识产权代理有限 公司 11127 专利代理师 王天尧　陶海萍 (51)Int.Cl. G06V 10/74(2022.01) G06V 10/422(2022.01) G06V 10/774(2022.01) (54)发明名称 前端组件生成方法及装置 (57)摘要 本发明提供了一种前端组件生成方法及装 置， 涉及自动程序设计技术领域， 该方法包括： 收 到设计图信息后， 利用组件图像识别模型识别设 计图中的组件形状， 得到第一特征数据； 基于组 件库中的组件 数据生成多个组件 形状， 得到多组 第二特征数据； 将与第一特征数据一致的第二特 征数据作为前端组件。 本发明可以帮助前端开发 人员在组件库中自动选择最适合 设计图的组件， 迅速、 高效完成匹配， 提升开发效率。 权利要求书1页 说明书7页 附图3页 CN 114898130 A 2022.08.12 CN 114898130 A 1.一种前端组件生成方法， 其特 征在于， 包括： 收到设计图信息后， 利用组件图像识别模型识别所述设计图中的组件形状， 得到第一 特征数据； 基于组件库中的组件数据生成多个组件形状， 得到多组第二特 征数据； 将与所述第一特 征数据一致的第二特 征数据作为前端组件。 2.根据权利要求1所述的方法， 其特征在于， 利用图像处理模型识别所述设计图中的组 件形状之前， 还 包括： 基于组件库中的组件数据确定训练集数据和验证集数据； 利用所述训练集数据和所述验证集数据训练目标图像处理模型， 得到组件图像识别模 型。 3.根据权利要求1所述的方法， 其特 征在于， 还 包括： 若所述组件库中不存在与 所述第一特征数据一致的第 二特征数据， 则根据所述第 一特 征数据生成前端组件。 4.根据权利要求3所述的方法， 其特 征在于， 还 包括： 将根据所述第一特 征数据生成的前端组件， 存 入所述组件库。 5.一种前端组件生成装置， 其特 征在于， 包括： 特征识别模块， 用于收到设计图信息后， 利用组件图像识别模型识别所述设计图中的 组件形状， 得到第一特 征数据； 特征生成模块， 用于基于组件库中的组件数据生成多个组件形状， 得到多组第二特征 数据； 匹配模块， 用于将与所述第一特 征数据一致的第二特 征数据作为前端组件。 6.根据权利要求5所述的装置， 其特 征在于， 所述装置还 包括模型模块， 用于： 基于组件库中的组件数据确定训练集数据和验证集数据； 利用所述训练集数据和所述验证集数据训练目标图像处理模型， 得到组件图像识别模 型。 7.根据权利要求5所述的装置， 其特 征在于， 所述装置还 包括生成模块， 用于： 若所述组件库中不存在与 所述第一特征数据一致的第 二特征数据， 则根据所述第 一特 征数据生成前端组件。 8.根据权利要求7 所述的装置， 其特 征在于， 所述装置还 包括更新模块， 用于： 将根据所述第一特 征数据生成的前端组件， 存 入所述组件库。 9.一种计算机设备， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的计 算机程序， 其特征在于， 所述处理器执行所述计算机程序时实现权利要求1至4任一所述前 端组件生成方法。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质存储有计算机程 序， 所述计算机程序被处 理器执行时实现权利要求1至4任一所述前端组件生成方法。 11.一种计算机程序产品， 其特征在于， 所述计算机程序产品包括计算机程序， 所述计 算机程序被处 理器执行时实现权利要求1至4任一所述前端组件生成方法。权　利　要　求　书 1/1 页 2 CN 114898130 A 2前端组件生成方 法及装置 技术领域 [0001]本发明涉及自动程序设计技 术领域， 尤其是 涉及一种前端组件生成方法及装置 。 背景技术 [0002]本部分旨在 为权利要求书中陈述的本发明实施例提供背景或上下文。 此处的描述 不因为包括在本 部分中就承认是现有技 术。 [0003]在前端开发中， 随着前端功能体量日益增大， 组件化开发日趋成熟， 组件库中新加 入的组件也越来越多， 无论对于新老开发人员来说， 都很难快速地判断出所需开发的页面 组成元素(即组件)是否已经存在于组件库中， 一旦判断失误， 则会造成重复开发、 产能降 低、 风险增大的不良后果。 即使判断正确， 也很难在众多类似的组件中选择出最适合的组件 直接应用。 发明内容 [0004]本发明提供了一种前端组件生成方法及装置， 可以帮助前端开发人员在组件库中 自动选择最 适合设计图的组件， 迅速、 高效完成匹配， 提升开发效率。 [0005]第一方面， 本发明实施例提供了一种前端组件生成方法， 该 方法包括： [0006]收到设计图信息后， 利用组件图像识别模型识别所述设计图中的组件形状， 得到 第一特征数据； [0007]基于组件库中的组件数据生成多个组件形状， 得到多组第二特 征数据； [0008]将与所述第一特 征数据一致的第二特 征数据作为前端组件。 [0009]第二方面， 本发明实施例还提供一种前端组件生成装置， 该装置包括： [0010]特征识别模块， 用于收到设计图信息后， 利用组件图像识别模型识别所述设计图 中的组件形状， 得到第一特 征数据； [0011]特征生成模块， 用于基于组件库 中的组件数据生成多个组件形状， 得到多组第二 特征数据； [0012]匹配模块， 用于将与所述第一特 征数据一致的第二特 征数据作为前端组件。 [0013]第三方面， 本 发明实施例还提供一种计算机设备， 包括存储器、 处理器及存储在存 储器上并可在处理器上运行的计算机程序， 所述处理器执行所述计算机程序时实现上述前 端组件生成方法。 [0014]第四方面， 本发明实施例还提供一种计算机可读存储介质， 所述计算机可读存储 介质存储有执行上述前端组件生成方法的计算机程序。 [0015]第五方面， 本发明实施例还提供一种计算机程序产品， 所述计算机程序产品包括 计算机程序， 所述计算机程序被处 理器执行时实现上述前端组件生成方法。 [0016]本发明实施例带来了以下有益效果： 本发明实施例提供了一种前端组件生成方法 及装置， 该方法包括： 收到设计图信息后， 利用组件图像识别模型识别设计图中的组件形 状， 得到第一特征数据； 基于组件库中的组件数据生成多个组件形状， 得到多组第二特征数说　明　书 1/7 页 3 CN 114898130 A 3