[发明专利]确定界面代码的方法、装置、电子设备和存储介质

说明书

本申请公开了确定界面代码的方法、装置、电子设备和存储介质，涉及计算机技术领域，尤其涉及界面设计领域。确定界面代码的方法具体实现方案为：接收界面需求文档；利用语义识别模型，从所述界面需求文档中提取针对至少一个界面组件各自的需求信息；针对所述至少一个界面组件中的每个界面组件，从预设的组件库中选择与所述每个界面组件的需求信息相匹配的目标组件，并获取所述目标组件的组件信息；以及基于所述目标组件的组件信息，确定界面代码，以便利用所述界面代码生成界面。

技术领域

本公开涉及计算机技术领域，尤其涉及界面设计领域。

背景技术

在软件或网站的开发过程中，需要编写软件或网站的UI界面的代码，在生成界面代码的过程中，通常需要先由设计人员设计出界面的视觉设计稿，再由开发人员根据视觉设计稿编写相应的实现代码，将视觉设计稿用代码的形式来实现。因此，在生成界面代码的过程中人工参与度高，效率较低。

发明内容

本公开提供了一种用于确定界面代码的方法、装置、设备以及存储介质。

根据本公开的一方面，提供了一种确定界面代码的方法，包括：接收界面需求文档；利用语义识别模型，从所述界面需求文档中提取针对至少一个界面组件各自的需求信息；针对所述至少一个界面组件中的每个界面组件，从预设的组件库中选择与所述每个界面组件的需求信息相匹配的目标组件，并获取所述目标组件的组件信息；以及基于所述目标组件的组件信息，确定界面代码，以便利用所述界面代码生成界面。

根据本公开的另一方面，提供了一种确定界面代码的装置，包括：接收模块，用于接收界面需求文档；提取模块，用于利用语义识别模型，从所述界面需求文档中提取针对至少一个界面组件各自的需求信息；筛选模块，用于针对所述至少一个界面组件中的每个界面组件，从预设的组件库中选择与所述每个界面组件的需求信息相匹配的目标组件，并获取所述目标组件的组件信息；以及确定模块，用于基于所述目标组件的组件信息，确定界面代码，以便利用所述界面代码生成界面。

根据本公开的另一方面，提供了一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上所述的方法。

根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行如上所述的方法。

根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现如上所述的方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1示意性示出了根据本公开实施例的可以应用确定界面代码的方法及装置的示例性系统架构；

图2示意性示出了根据本公开实施例的确定界面代码的方法的流程图；

图3示意性示出了根据本公开实施例的通讯录列表组件的示意图；

图4示意性示出了根据本公开实施例的树状结构的示意图；

图5示意性示出了根据本公开实施例的确定界面代码的方法的流程图；

图6示意性示出了根据本公开实施例的通讯录列表组件的操作预期结果的示意图；

图7示意性示出了根据本公开实施例的界面设计图的示意图；

图8示意性示出了根据本公开实施例的界面设计图与界面截屏图像的对比示意图；