页面生成方法、装置、设备及存储介质与流程

本公开实施例涉及计算机，尤其涉及页面生成方法、装置、设备及存储介质。

背景技术：

1、前端页面开发是一种创建web(网页)页面或app(application，应用程序)页面等前端页面并呈现给用户的过程。

2、前端页面开发的具体过程，通常需要页面设计人员先设计出前端页面对应的设计稿，再由程序编程人员将设计稿转换为前端页面对应的程序代码，进而基于该程序代码在终端渲染出设计稿对应的前端页面。

3、然而，目前前端页面开发存在效率低下的问题。

技术实现思路

1、本公开实施例提供了页面生成方法、装置、设备及存储介质，可以优化现有的页面生成方案。

2、第一方面，本公开实施例提供了页面生成方法，包括：

3、基于第一预设交互页面接收待生成的目标页面的第一描述信息，其中，所述第一描述信息包括采用自然语言表达的所述目标页面的页面特征信息；

4、响应于第一预设操作，显示候选页面设计图集合，其中，所述候选页面设计图集合中包括多个候选页面设计图，所述候选页面设计图根据所述第一描述信息确定；

5、响应于针对所述候选页面设计图集合中的目标候选页面设计图的选择操作，根据所述目标候选页面设计图确定所述目标页面对应的页面设计稿；

6、根据所述页面设计稿生成所述目标页面的页面代码。

7、第二方面，本公开实施例还提供了页面生成装置，包括：

8、信息接收模块，用于基于第一预设交互页面接收待生成的目标页面的第一描述信息，其中，所述第一描述信息包括采用自然语言表达的所述目标页面的页面特征信息；

9、设计图集合显示模块，用于响应于第一预设操作，显示候选页面设计图集合，其中，所述候选页面设计图集合中包括多个候选页面设计图，所述候选页面设计图根据所述第一描述信息确定；

10、设计稿确定模块，用于响应于针对所述候选页面设计图集合中的目标候选页面设计图的选择操作，根据所述目标候选页面设计图确定所述目标页面对应的页面设计稿；

11、代码生成模块，用于根据所述页面设计稿生成所述目标页面的页面代码。

12、第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：

13、一个或多个处理器；

14、存储装置，用于存储一个或多个程序，

15、当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本公开实施例提供的页面生成方法。

16、第四方面，本公开实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本公开实施例提供的页面生成方法。

17、本公开实施例提供的页面生成方案，基于第一预设交互页面接收待生成的目标页面的第一描述信息，其中，第一描述信息包括采用自然语言表达的目标页面的页面特征信息，响应于第一预设操作，显示包括根据第一描述信息确定的多个候选页面设计图的集合，响应于针对目标候选页面设计图的选择操作，根据目标候选页面设计图确定目标页面对应的页面设计稿，根据页面设计稿生成目标页面的页面代码。通过采用上述技术方案，可以允许页面设计相关用户输入采用自然语言对页面设计需求进行描述的描述信息，并从自动生成的候选页面设计图中选择满意的目标候选页面设计图来确定页面设计稿，并自动生成页面代码，有效提升页面设计效率。

技术特征：

1.一种页面生成方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，响应于针对所述候选页面设计图集合中的目标候选页面设计图的选择操作，根据所述目标候选页面设计图确定所述目标页面对应的页面设计稿，包括：

3.根据权利要求1所述的方法，其特征在于，所述显示候选页面设计图集合，包括：

4.根据权利要求3所述的方法，其特征在于，还包括：

5.根据权利要求1所述的方法，其特征在于，在所述基于第一预设交互页面接收待生成的目标页面的第一描述信息之前，还包括：

6.根据权利要求1所述的方法，其特征在于，所述候选页面设计图根据所述第一描述信息利用预设设计资源库生成，所述预设设计资源库中包括至少两个页面设计平台中的设计资源。

7.根据权利要求6所述的方法，其特征在于，响应于针对所述候选页面设计图集合中的目标候选页面设计图的选择操作，根据所述目标候选页面设计图确定所述目标页面对应的页面设计稿，包括：

8.一种页面生成装置，其特征在于，包括：

9.一种电子设备，其特征在于，所述电子设备包括：

10.一种包含计算机可执行指令的存储介质，其特征在于，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-7中任一所述的页面生成方法。

技术总结
本公开提供页面生成方法、装置、设备及存储介质，涉及计算机技术领域。该方法包括：基于第一预设交互页面接收待生成的目标页面的第一描述信息，其中，第一描述信息包括采用自然语言表达的目标页面的页面特征信息，响应于第一预设操作，显示包括根据第一描述信息确定的多个候选页面设计图的集合，响应于针对目标候选页面设计图的选择操作，根据目标候选页面设计图确定目标页面对应的页面设计稿，根据页面设计稿生成目标页面的页面代码。通过采用上述技术方案，可以有效提升页面设计效率。

技术研发人员：张佳妮,郑建华,刘新宇,徐菱敏
受保护的技术使用者：北京火山引擎科技有限公司
技术研发日：
技术公布日：2024/1/16