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

权利要求书

1.一种前端页面生成方法，其特征在于，

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

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

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

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

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

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

2.如权利要求1所述的前端页面生成方法，其特征在于，所述根据每个所述基础图像对应的页面位置信息和每个所述基础图像对应的基础代码，生成所述前端设计图对应的目标代码包括：

根据每个所述基础图像对应的页面位置信息，生成每个所述基础图像对应的位置代码；

针对每个所述基础图像，将所述基础图像对应的位置代码和所述基础图像对应的基础代码封装成基础图像模块；

根据每个所述基础图像对应的页面位置信息，将页面位置相邻的两个所述基础图像作为一组相邻图像；

为每组所述相邻图像对应的两个所述基础图像模块生成图像拼接代码，得到所述前端设计图对应的所述目标代码。

3.如权利要求1所述的前端页面生成方法，其特征在于，所述基本元素信息包括背景元素信息和内容元素信息，所述对每个所述基础图像进行内容解析，得到每个所述基础图像对应的基本元素信息包括：

对所述基础图像进行背景分离，得到所述基础图像的背景图像和所述基础图像的内容图像；

获取所述背景图像的背景颜色和背景样式，并将所述背景颜色和所述背景样式作为背景元素信息；

获取所述内容图像的内容文本、内容颜色和内容样式，并将所述内容文本、所述内容颜色和所述内容样式作为内容元素信息。

4.如权利要求3所述的前端页面生成方法，其特征在于，所述获取所述内容图像的内容文本包括：

对所述内容图像进行图像预处理，得到标准图像；

采用场景文本检测算法对所述标准图像进行文字定位，确定所述标准图像中的文字范围，作为目标文字区域；

采用预先训练好的长短时记忆神经网络模型，对所述目标文字区域进行识别，得到所述目标文字区域对应的文本信息，将所述文本信息作为所述内容文本。

5.如权利要求1至4任一项所述的前端页面生成方法，其特征在于，在所述执行所述目标代码，得到前端页面，并将所述前端页面发送给所述客户端之后，所述前端页面生成方法还包括：

若接收到所述客户端发送的页面修改请求，则获取所述页面修改请求中包含的修改元素信息，并获取所述修改元素信息对应的基本元素信息，作为被修改元素信息；

通过预设的代码转换方式，对所述修改元素信息进行代码转换，得到所述修改元素信息对应的更新代码；

将所述更新代码更新所述目标代码中，所述被修改元素信息对应的基础代码，得到更新后的目标代码；

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