[发明专利]前端页面生成方法、装置、计算机设备及存储介质

说明书

本发明公开了一种前端页面生成方法、装置、计算机设备及存储介质，所述方法包括：在接收到客户端发送的前端页面生成请求时，获取请求中包含的前端设计图，进而对前端设计图进行图像语义分割，得到至少一个基础图像，并获取基础图像对应的页面位置信息，使得前端设计图的框架模块被自动识别，再对每个基础图像进行内容解析，得到每个基础图像对应的基本元素信息，通过预设的代码转换方式，得到每个基础图像对应的基础代码，然后根据页面位置信息和基础代码，生成前端设计图对应的目标代码，执行目标代码，即可生成前端页面，使得通过智能化地对前端设计图进行解析，生成目标代码，从而得到前端页面，提高了前端页面的开发效率。

技术领域

本发明涉及人工智能领域，尤其涉及一种前端页面生成方法、装置、计算机设备及存储介质。

背景技术

随着计算机网络技术的飞速发展，网站浏览已日渐成为人们生活的习惯，不管是查阅资料、购物、看新闻和听音乐等，都离不开网站，因而，网站页面的开发需求也越来越大，其中，网站页面包括PC端可浏览的网页、手机端可浏览的网页和平板等智能终端设备可浏览的网页。

鉴于HTML、CSS和SVG构建网站页面的快速便捷，当前许多网站的页面内容是使用基于HTM、CSS和SVG的方式来构建，基于这种方法进行页面构建，需要进行前端设计和前端开发，前端设计是根据实际需要，对界面结构排版和界面内容进行设计，前端开发是通过编程语言撰写代码来实现前端设计包含的内容，使得前端设计的内容得以在网页进行展示。

当前网站页面的开发，主要是先由前端页面设计人员进行设计，得到前端设计图，进而由前端开发人员根据前端设计图进行编写代码来完成，由于网站页面开发需求很大，而很多页面风格、特效或模块具有一定的相同点，甚至有些页面之间比较相似或者稍有变化，每次都去重新编写代码，这浪费了大量的人力和时间，导致了前端页面开发成本高，且开发效率低。

发明内容

本发明实施例提供一种前端页面生成方法、装置、计算机设备和存储介质，以解决当前前端页面开发成本高并且开发效率低的问题。

一种前端页面生成方法，包括：

若接收到客户端发送的前端页面生成请求，则获取所述前端页面生成请求中包含的前端设计图，其中，所述前端设计图包括至少一个内容版块；

使用预设的网络模型，对所述前端设计图进行图像语义分割，使得每个所述内容版块被分割成一个基础图像，并获取每个所述基础图像对应的页面位置信息；

对每个所述基础图像进行内容解析，得到每个所述基础图像对应的基本元素信息；

通过预设的代码转换方式，对所述基本元素信息进行代码转换，得到每个所述基础图像对应的基础代码；

根据每个所述基础图像对应的页面位置信息和每个所述基础图像对应的基础代码，生成所述前端设计图对应的目标代码；

执行所述目标代码，生成前端页面，并将所述前端页面发送给所述客户端。

一种前端页面生成装置，包括：

请求接收模块，用于若接收到客户端发送的前端页面生成请求，则获取所述前端页面生成请求中包含的前端设计图，其中，所述前端设计图包括至少一个内容版块；

图像分割模块，用于使用预设的网络模型，对所述前端设计图进行图像语义分割，使得每个所述内容版块被分割成一个基础图像，并获取每个所述基础图像对应的页面位置信息；

内容解析模块，用于对每个所述基础图像进行内容解析，得到每个所述基础图像对应的基本元素信息；

代码转换模块，用于通过预设的代码转换方式，对所述基本元素信息进行代码转换，得到每个所述基础图像对应的基础代码；