[发明专利]一种生成页面代码的方法和装置

说明书

本发明公开了一种生成页面代码的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：能够根据设计人员设计的原始页面，获取相应的组件库以及组件，并使用第一格式文本描述组件，根据第一格式文本包含的设定文本确定对应的第二格式文本，基于第一格式文本和第二格式文本，生成组件代码；根据组件代码生成页面，并计算所述页面与原始页面的匹配度，根据设定的匹配度阈值，确定生成页面的目标代码。因为选择不同的组件库，包括自定义的组件库，提高了生成页面的灵活性、可扩展性；通过根据设计的页面生成页面代码并计算匹配值，缩短了项目的开发时间，提高了开发效率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种生成页面代码的方法和装置。

背景技术

随着互联网技术的快速发展，在互联网应用的开发流程中，需要根据新需求进行高效率高质量的迭代开发，目前的开发流程是先由用户页面设计人员对产品进行页面设计，然后开发人员根据设计的页面进行开发；最后由页面设计人员对开发的页面进行还原度校验，形成了串行的工作流程，当界面反复更改并且次数较多时，延长了项目的时间，增加了设计人员和开发人员的工作量。在开发中，还可能使用一些工具实现由页面设计稿到代码的转换，但实现的代码大多是基于文档对象模型的基础标签，不能生成含有自定义标签、可扩展的、可维护的、用于二次开发的代码。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

在开发流程中，开发人员需要按照页面设计人员的设计稿编写页面的代码，由于开发顺序的依赖关系造成开发的周期较长；并且页面设计人员需要花费时间在页面的还原度的校验上，同时开发人员基于页面设计人员的校验结果进行代码的修改，延长了项目的开发时间，增大了页面设计人员和开发人员的工作量；基于页面设计稿利用现有工具实现代码的方式，由于不能生成自定义标签、可扩展的、可维护的代码，存在灵活性和扩展性欠缺的问题。

发明内容

有鉴于此，本发明实施例提供一种生成页面代码的方法和装置，能够根据设计人员设计的原始页面，获取相应的组件库以及组件，并使用第一格式文本描述组件，根据第一格式文本包含的设定文本确定对应的第二格式文本，基于第一格式文本和第二格式文本，生成组件代码；根据组件代码生成页面，并计算所述页面与原始页面的匹配值，根据设定阈值，确定生成页面的目标代码。因为选择不同的组件库，包括自定义的组件库，提高了生成页面的灵活性、可扩展性；通过根据设计的页面生成页面代码并计算匹配值，缩短了项目的开发时间，提高了开发效率。

为实现上述目的，根据本发明实施例的一个方面，提供了一种生成页面代码的方法，其特征在于，包括：根据设计的原始页面，获取组件库中对应于所述原始页面的组件，所述组件库的标识以及所述组件的标识包含相同的设定文本；生成使用第一格式描述所述组件的组件文本，所述组件文本定义的组件类型包含所述设定文本；基于所述设定文本，确定定义了第二格式的中间文本；基于所述组件文本和所述中间文本，并生成组件代码；基于所述组件代码，生成目标页面，当所述目标页面与所述原始页面的匹配值不小于设定阈值时，将所述组件代码作为生成页面的目标代码。

可选地，所述生成页面代码的方法，其特征在于，

所述第一格式为JSON结构。

可选地，所述生成页面代码的方法，其特征在于，

根据所述设定文本，查找匹配的所述中间文本。

可选地，所述生成页面代码的方法，其特征在于，

当查找到与所述设定文本相匹配的所述中间文本时，所述第二格式与所述组件类型相关。

可选地，所述生成页面代码的方法，其特征在于，

当不存在与所述设定文本相匹配的所述中间文本时，使用预定义文本作为所述中间文本，其中所述预定义文本定义了所述第二格式。

可选地，所述生成页面代码的方法，其特征在于，