CN110209977B - 用于生成网页的方法和装置 - Google Patents

Abstract

本申请实施例公开了用于生成网页的方法和装置。该方法的一具体实施方式包括：获取用于生成网页的网页设计图；对网页设计图进行图像识别，根据识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；对网页设计图区域集合中的每个网页设计图区域进行图像识别，根据识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；获取与每个网页设计图子区域集合对应的子模块集合；对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合；对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。从而提高了网页生成效率。

Description

用于生成网页的方法和装置

技术领域

本申请实施例涉及计算机技术领域，具体涉及互联网技术领域，尤其涉及用于生成网页的方法和装置。

背景技术

随着互联网的飞速发展，越来越多的信息通过网页进行展示。用户可以通过浏览网页来获取各种各样的信息。

现有的网页生成方式通常是网页制作人员根据自己的经验人工将网页分割成若干个区域，然后人工编写这若干个区域的脚本程序，最后人工对这若干个区域的脚本程序进行整合，以生成网页。

发明内容

本申请实施例提出了用于生成网页的方法和装置。

第一方面，本申请实施例提供了一种用于生成网页的方法，该方法包括：获取用于生成网页的网页设计图；对网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；获取与每个网页设计图子区域集合对应的子模块集合；对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合；对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。

在一些实施例中，获取与每个网页设计图子区域集合对应的子模块集合，包括：对于每个网页设计图子区域集合中的每个网页设计图子区域，在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，若查找到与该网页设计图子区域匹配的子模块，从子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

在一些实施例中，获取与每个网页设计图子区域集合对应的子模块集合，还包括：若查找不到与该网页设计图子区域匹配的子模块，创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到子模块库中。

在一些实施例中，对网页设计图区域的识别结果包括与网页设计图区域对应的网页设计图子区域集合中的每个网页设计图子区域的特征；以及在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，包括：将该网页设计图子区域的特征与子模块库中的子模块的特征进行匹配，得到该网页设计图子区域与子模块库中的子模块的匹配度；将该设计图子区域与子模块库中的子模块的匹配度与预设匹配度阈值进行比较；若存在大于预设匹配度阈值的子模块，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从大于预设匹配度阈值的子模块中选取出子模块作为与该网页设计图子区域匹配的子模块；若不存在大于预设匹配度阈值的子模块，则子模块库中不存在与该网页设计图子区域匹配的子模块。

在一些实施例中，在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，包括：对该网页设计图子区域进行分析，确定与该网页设计图子区域对应的子模块的类型和关键信息；利用与该网页设计图子区域对应的子模块的类型和关键信息在子模块库中进行搜索；若得到搜索结果，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从搜索结果中选取出子模块作为与该网页设计图子区域匹配的子模块，其中，搜索结果包括至少一个子模块；若没有得到搜索结果，则子模块库中不存在与该网页设计图子区域匹配的子模块。

第二方面，本申请实施例提供了一种用于生成网页的装置，该装置包括：网页设计图获取单元，配置用于获取用于生成网页的网页设计图；网页设计图分割单元，配置用于对网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；网页设计图区域分割单元，配置用于对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；子模块获取单元，配置用于获取与每个网页设计图子区域集合对应的子模块集合；模块生成单元，配置用于对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合；网页生成单元，配置用于对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。

在一些实施例中，子模块获取单元包括：子模块匹配子单元，配置用于对于每个网页设计图子区域集合中的每个网页设计图子区域，在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，若查找到与该网页设计图子区域匹配的子模块，从子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

在一些实施例中，子模块获取单元还包括：子模块创建子单元，配置用于若查找不到与该网页设计图子区域匹配的子模块，创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到子模块库中。

在一些实施例中，对网页设计图区域的识别结果包括与网页设计图区域对应的网页设计图子区域集合中的每个网页设计图子区域的特征；以及子模块匹配子单元进一步配置用于：将该网页设计图子区域的特征与子模块库中的子模块的特征进行匹配，得到该网页设计图子区域与子模块库中的子模块的匹配度；将该设计图子区域与子模块库中的子模块的匹配度与预设匹配度阈值进行比较；若存在大于预设匹配度阈值的子模块，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从大于预设匹配度阈值的子模块中选取出子模块作为与该网页设计图子区域匹配的子模块；若不存在大于预设匹配度阈值的子模块，则子模块库中不存在与该网页设计图子区域匹配的子模块。

在一些实施例中，子模块匹配子单元进一步配置用于：对该网页设计图子区域进行分析，确定与该网页设计图子区域对应的子模块的类型和关键信息；利用与该网页设计图子区域对应的子模块的类型和关键信息在子模块库中进行搜索；若得到搜索结果，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从搜索结果中选取出子模块作为与该网页设计图子区域匹配的子模块，其中，搜索结果包括至少一个子模块；若没有得到搜索结果，则子模块库中不存在与该网页设计图子区域匹配的子模块。

第三方面，本申请实施例提供了一种电子设备，该电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。

本申请实施例提供的用于生成网页的方法和装置，首先对所获取的用于生成网页的网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；之后对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；然后对所获取的与每个网页设计图子区域集合对应的子模块集合进行组合，从而生成与网页设计图区域集合对应的模块集合；最后对与网页设计图区域集合对应的模块集合进行组合，从而生成与网页设计图对应的网页。通过图像识别技术自动对网页设计图和网页设计图区域进行分割，以及自动对与网页设计图子区域集合对应的子模块集合和与网页设计图区域集合对应的模块集合进行组合，从而实现了自动生成网页。整个网页生成过程很少需要人工参与，从而提高了网页生成效率。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是本申请实施例可以应用于其中的示例性系统架构图；

图2是根据本申请的用于生成网页的方法的一个实施例的流程图；

图3是根据本申请的用于生成网页的方法的又一个实施例的流程图；

图4是根据本申请的用于生成网页的装置的一个实施例的结构示意图；

图5是适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1示出了可以应用本申请实施例的用于生成网页的方法或用于生成网页的装置的示例性系统架构100。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103可以通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页设计图生成类应用、图像处理类应用等。

终端设备101、102、103可以是具有显示屏并且支持图像浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如用于生成网页的后台服务器。用于生成网页的后台服务器可以对接收到的用于生成网页的网页设计图等数据进行分析等处理，并生成处理结果(例如与网页设计图对应的网页)。

需要说明的是，本申请实施例所提供的用于生成网页的方法一般由服务器105执行，相应地，用于生成网页的装置一般设置于服务器105中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。在服务器105本地存储有网页设计图的情况下，系统架构100可以不设置终端设备101、102、103。

继续参考图2，其示出了根据本申请的用于生成网页的方法的一个实施例的流程200。该用于生成网页的方法，包括以下步骤：

步骤201，获取用于生成网页的网页设计图。

在本实施例中，用于生成网页的方法运行于其上的电子设备(例如图1所示的服务器105)可以从本地或与其通信连接的终端设备(例如图1所示的终端设备101、102、103)获取用于生成网页的网页设计图。

这里，用于生成网页的网页设计图可以是本领域技术人员(例如网页制作人员)根据需求预先绘制的网页的图像设计稿，通常这种图像设计稿以图片格式进行展示。网页设计图中可以包括多个网页设计图区域，其中，一个网页设计图区域对应网页的一个模块。网页的模块又可以被称为网页楼层，通常一个网页楼层对应网页的一块内容。例如，网页是某电子商务网站的首页，那么网页的模块可以包括但不限于：销售物品类别展示模块、促销物品展示模块、热卖物品展示模块、新品展示模块等等。网页设计图区域中可以包括多个网页设计图子区域，其中，一个网页设计图子区域对应网页的模块的一个子模块。模块的一个子模块对应该模块的一项内容。例如，网页是某电子商务网站的首页，网页的模块是促销物品模块，那么促销物品模块的子模块可以是各个促销物品内容展示子模块。

步骤202，对网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合。

在本实施例中，基于步骤201所获取的用于生成网页的网页设计图，电子设备可以首先利用图像识别技术对网页设计图进行图像识别，从而得到对网页设计图的识别结果；然后根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合。其中，图像识别技术是人工智能的一个重要领域，可以对图像进行对象识别，以识别各种不同模式的目标和对象的技术。对网页设计图的识别结果可以包括网页设计图中的每个网页设计图区域的特征。通常，同一网页设计图区域中的特征相似，不同网页设计图区域之间的特征差距较大。因此，可以对识别结果中的特征进行分析，确定出多个网页设计图区域，使属于同一网页设计图区域中的特征尽可能的相似，属于不同网页设计图区域中的特征差距尽可能的大。

在本实施例的一些可选的实现方式中，可以利用表征网页设计图和与网页设计图对应的网页设计图区域集合之间的对应关系的第一图像识别模型对网页设计图进行识别。具体地，可以将网页设计图输入至第一图像识别模型，从而得到与网页设计图对应的网页设计图区域集合。这里，可以利用机器学习方法和训练样本对初始图像识别模型(例如卷积神经网络)进行有监督训练得到第一图像识别模型。具体地，可以将样本网页设计图和样本网页设计图的标注结果作为样本数据对初始图像识别模型进行训练，从而得到第一图像识别模型。其中，样本网页设计图的标注结果可以是对样本网页设计图中的样本网页设计图区域集合进行人工标注所得到的结果。

步骤203，对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合。

在本实施例中，基于步骤202所分割成的网页设计图区域集合，电子设备可以首先利用图像识别技术对网页设计图区域集合中的每个网页设计图区域进行图像识别，从而得到对每个网页设计图区域的识别结果；然后根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合。其中，图像识别技术是人工智能的一个重要领域，可以对图像进行对象识别，以识别各种不同模式的目标和对象的技术。对每个网页设计图区域的识别结果可以包括每个网页设计图区域中的每个网页设计图子区域的特征。通常，同一网页设计图子区域中的特征相似，不同网页设计图子区域之间的特征差距较大。因此，可以对识别结果中的特征进行分析，确定出多个网页设计图子区域，使属于同一网页设计图子区域中的特征尽可能的相似，属于不同网页设计图子区域中的特征差距尽可能的大。

在本实施例的一些可选的实现方式中，可以利用表征网页设计图区域和与网页设计图区域对应的网页设计图子区域集合之间的对应关系的第二图像识别模型对网页设计图区域进行识别。具体地，可以将网页设计图区域输入至第二图像识别模型，从而得到与网页设计图区域对应的网页设计图子区域集合。这里，可以利用机器学习方法和训练样本对初始图像识别模型(例如卷积神经网络)进行有监督训练得到第二图像识别模型。具体地，可以将样本网页设计图区域和样本网页设计图区域的标注结果作为样本数据对初始图像识别模型进行训练，从而得到第二图像识别模型。其中，样本网页设计图区域的标注结果可以是对样本网页设计图区域中的样本网页设计图子区域集合进行人工标注所得到的结果。

步骤204，获取与每个网页设计图子区域集合对应的子模块集合。

在本实施例中，基于步骤203所分割成的每个网页设计图子区域集合，电子设备获取与每个网页设计图子区域集合对应的子模块集合。例如，对于一个网页设计图子区域，电子设备可以创建出与该网页设计图子区域对应的子模块。其中，电子设备可以通过编写与该网页设计图子区域对应的HTML(Hyper Text Markup Language，超文本标记语言)代码、CSS(Cascading Style Sheets，层叠样式表)代码、JS(即JavaScript，是一种直译式脚本语言)代码等，以创建出与该网页设计图子区域对应的子模块。

步骤205，对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合。

在本实施例中，基于步骤204所获取的与每个网页设计图子区域集合对应的子模块集合，电子设备可以对每个网页设计图子区域集合对应的子模块集合进行组合(例如代码整合)，从而生成与网页设计图区域集合对应的模块集合。具体地，对于一个网页设计图区域，对该网页设计图区域的网页设计图子区域集合所对应的子模块集合进行组合，可以生成与该网页设计图区域对应的模块。

步骤206，对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。

在本实施例中，基于步骤205所生成的与网页设计图区域集合对应的模块集合，电子设备可以对与网页设计图区域集合对应的模块集合进行组合(例如代码整合)，从而生成与网页设计图对应的网页。具体地，对于一个网页，对该网页的网页设计图区域集合所对应的模块集合进行组合，可以生成该网页。

本申请实施例提供的用于生成网页的方法，首先对所获取的用于生成网页的网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；之后对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；然后对所获取的与每个网页设计图子区域集合对应的子模块集合进行组合，从而生成与网页设计图区域集合对应的模块集合；最后对与网页设计图区域集合对应的模块集合进行组合，从而生成与网页设计图对应的网页。通过图像识别技术自动对网页设计图和网页设计图区域进行分割，以及自动对与网页设计图子区域集合对应的子模块集合和与网页设计图区域集合对应的模块集合进行组合，从而实现了自动生成网页。整个网页生成过程很少需要人工参与，从而提高了网页生成效率。

进一步参考图3，其示出了根据本申请的用于生成网页的方法的又一个实施例的流程300。该用于生成网页的方法的流程300，包括以下步骤：

步骤301，获取用于生成网页的网页设计图。

在本实施例中，用于生成网页的方法运行于其上的电子设备(例如图1所示的服务器105)可以从本地或与其通信连接的终端设备(例如图1所示的终端设备101、102、103)获取用于生成网页的网页设计图。

步骤302，对网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合。

在本实施例中，基于步骤301所获取的用于生成网页的网页设计图，电子设备可以首先利用图像识别技术对网页设计图进行图像识别，从而得到对网页设计图的识别结果；然后根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合。其中，图像识别技术是人工智能的一个重要领域，可以对图像进行对象识别，以识别各种不同模式的目标和对象的技术。对网页设计图的识别结果可以包括网页设计图中的每个网页设计图区域的特征。通常，同一网页设计图区域中的特征相似，不同网页设计图区域之间的特征差距较大。因此，可以对识别结果中的特征进行分析，确定出多个网页设计图区域，使属于同一网页设计图区域中的特征尽可能的相似，属于不同网页设计图区域中的特征差距尽可能的大。

步骤303，对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合。

在本实施例中，基于步骤302所分割成的网页设计图区域集合，电子设备可以首先利用图像识别技术对网页设计图区域集合中的每个网页设计图区域进行图像识别，从而得到对每个网页设计图区域的识别结果；然后根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合。其中，图像识别技术是人工智能的一个重要领域，可以对图像进行对象识别，以识别各种不同模式的目标和对象的技术。对每个网页设计图区域的识别结果可以包括每个网页设计图区域中的每个网页设计图子区域的特征。通常，同一网页设计图子区域中的特征相似，不同网页设计图子区域之间的特征差距较大。因此，可以对识别结果中的特征进行分析，确定出多个网页设计图子区域，使属于同一网页设计图子区域中的特征尽可能的相似，属于不同网页设计图子区域中的特征差距尽可能的大。

步骤304，对于每个网页设计图子区域集合中的每个网页设计图子区域，确定在预先存储的子模块库中是否能查找与该网页设计图子区域匹配的子模块。

在本实施例中，对于每个网页设计图子区域集合中的每个网页设计图子区域，电子设备可以通过在预先存储的子模块库中进行查找，从而确定在子模块库中是否能查找到与该网页设计图子区域匹配的子模块；若确定在子模块库中查找到与该网页设计图子区域匹配的子模块，执行步骤305；若确定在子模块库中查找不到与该网页设计图子区域匹配的子模块，执行步骤305'。这里，多个网页制作人员在制作多个网页的过程中会创建多个子模块，可以将所创建的多个子模块存储在子模块库中，后续若要创建网页，可以首先从子模块库中查找子模块，从而减少了生成网页的工作量。

在本实施例的一些可选的实现方式中，电子设备可以通过如下步骤确定在预先存储的子模块库中是否能查找与该网页设计图子区域匹配的子模块：

首先，将该网页设计图子区域的特征与子模块库中的子模块的特征进行匹配，得到该网页设计图子区域与子模块库中的子模块的匹配度。

这里，对网页设计图区域的识别结果可以包括与网页设计图区域对应的网页设计图子区域集合中的每个网页设计图子区域的特征。通常，网页设计图子区域的特征可以以向量形式表示。这样电子设备可以通过计算该网页设计图子区域的特征与子模块库中的各个子模块的特征的欧氏距离或余弦距离，从而得到该网页设计图子区域的特征与子模块库中的各个子模块的特征的相似度，作为该网页设计图子区域与子模块库中的子模块的匹配度。

然后，将该设计图子区域与子模块库中的子模块的匹配度与预设匹配度阈值进行比较。

其中，将该设计图子区域与子模块库中的每个子模块的匹配度与预设匹配度阈值(例如0.8)逐一进行比较，确定子模块库中是否存在大于预设匹配度阈值的子模块。

最后，若存在大于预设匹配度阈值的子模块，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从大于预设匹配度阈值的子模块中选取出子模块作为与该网页设计图子区域匹配的子模块；若不存在大于预设匹配度阈值的子模块，则子模块库中不存在与该网页设计图子区域匹配的子模块。

这里，若存在大于预设匹配度阈值的子模块，则可以将大于预设匹配度阈值的子模块按照匹配度由大到小顺序进行排序，选取出匹配度最大的子模块作为与该网页设计图子区域匹配的子模块，或者由网页制作人员对大于预设匹配度阈值的子模块进行分析，根据分析结果从大于预设匹配度阈值的子模块中选取出子模块作为与该网页设计图子区域匹配的子模块。

在本实施例的一些可选的实现方式中，电子设备可以通过如下步骤确定在预先存储的子模块库中是否能查找与该网页设计图子区域匹配的子模块：

首先，对该网页设计图子区域进行分析，确定与该网页设计图子区域对应的子模块的类型和关键信息。

这里，子模块的类型可以通过网页设计图子区域展示的信息内容来确定。例如子模块类型可以包括但不限于物品信息展示类型、广告信息展示类型、新闻信息展示类型、搜索信息展示类型等等。子模块的关键信息可以是网页设计图子区域展示的关键息内容的进行描述的信息。

然后，利用与该网页设计图子区域对应的子模块的类型和关键信息在子模块库中进行搜索。

这里，电子设备可以以与该网页设计图子区域对应的子模块的类型为约束条件，以与该网页设计图子区域对应的关键信息为搜索式，在子模块库中进行搜索，以确定是否能得到搜索结果。

最后，若得到搜索结果，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从搜索结果中选取出子模块作为与该网页设计图子区域匹配的子模块；若没有得到搜索结果，则子模块库中不存在与该网页设计图子区域匹配的子模块。

其中，搜索结果可以包括至少一个子模块。这里，若能得到搜索结果，搜索结果中的子模块通常是按照匹配度由大到小顺序进行排序的，那么可以选取出排在最前面子模块作为与该网页设计图子区域匹配的子模块，或者由网页制作人员对搜索结果中的子模块进行分析，根据分析结果从搜索结果中选取出子模块作为与该网页设计图子区域匹配的子模块。

步骤305，从子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

在本实施例中，在查找到与该网页设计图子区域匹配的子模块的情况下，电子设备可以从子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

步骤305'，创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到子模块库中。

在本实施例中，在查找不到与该网页设计图子区域匹配的子模块的情况下，电子设备可以创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到子模块库中。这样，当再次创建包括该子模块的网页时，就可以从子模块库中查找出该子模块，不需要网页制作人员再次创建该子模块，从而减少了生成网页的工作量。

步骤306，对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合。

在本实施例中，基于步骤305或305'所获取的与每个网页设计图子区域集合对应的子模块集合，电子设备可以对每个网页设计图子区域集合对应的子模块集合进行组合(例如代码整合)，从而生成与网页设计图区域集合对应的模块集合。具体地，对于一个网页设计图区域，对该网页设计图区域的网页设计图子区域集合所对应的子模块集合进行组合，可以生成与该网页设计图区域对应的模块。

步骤307，对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。

在本实施例中，基于步骤306所生成的与网页设计图区域集合对应的模块集合，电子设备可以对与网页设计图区域集合对应的模块集合进行组合(例如代码整合)，从而生成与网页设计图对应的网页。具体地，对于一个网页，对该网页的网页设计图区域集合所对应的模块集合进行组合，可以生成该网页。

从图3中可以看出，与图2对应的实施例相比，本实施例中的用于生成网页的方法的流程300突出了获取子模块的步骤。由此，本实施例描述的方案预先存储子模块库，并从子模块库中查找子模块，在查找到子模块的情况下，就不需要创建子模块，在查找不到子模块的情况下，创建子模块并存储至子模块库，当再次创建包括该子模块的网页时，就可以从子模块库中查找出该子模块，不需要网页制作人员再次创建该子模块，从而减少了生成网页的工作量。

进一步参考图4，作为对上述各图所示方法的实现，本申请提供了一种用于生成网页的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图4所示，本实施例的用于生成网页的装置400可以包括：网页设计图获取单元401、网页设计图分割单元402、网页设计图区域分割单元403、子模块获取单元404、模块生成单元405和网页生成单元406。其中，网页设计图获取单元401，配置用于获取用于生成网页的网页设计图；网页设计图分割单元402，配置用于对网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；网页设计图区域分割单元403，配置用于对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；子模块获取单元404，配置用于获取与每个网页设计图子区域集合对应的子模块集合；模块生成单元405，配置用于对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合；网页生成单元406，配置用于对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。

在本实施例中，用于生成网页的装置400中：网页设计图获取单元401、网页设计图分割单元402、网页设计图区域分割单元403、子模块获取单元404、模块生成单元405和网页生成单元406的具体处理及其所带来的技术效果可分别参考图2对应实施例中的步骤201、步骤202、步骤203、步骤204、步骤205和步骤206的相关说明，在此不再赘述。

在本实施例的一些可选的实现方式中，子模块获取单元404可以包括：子模块匹配子单元(图中未示出)，配置用于对于每个网页设计图子区域集合中的每个网页设计图子区域，在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，若查找到与该网页设计图子区域匹配的子模块，从子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

在本实施例的一些可选的实现方式中，子模块获取单元404还可以包括：子模块创建子单元(图中未示出)，配置用于若查找不到与该网页设计图子区域匹配的子模块，创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到子模块库中。

在本实施例的一些可选的实现方式中，对网页设计图区域的识别结果可以包括与网页设计图区域对应的网页设计图子区域集合中的每个网页设计图子区域的特征；以及子模块匹配子单元可以进一步配置用于：将该网页设计图子区域的特征与子模块库中的子模块的特征进行匹配，得到该网页设计图子区域与子模块库中的子模块的匹配度；将该设计图子区域与子模块库中的子模块的匹配度与预设匹配度阈值进行比较；若存在大于预设匹配度阈值的子模块，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从大于预设匹配度阈值的子模块中选取出子模块作为与该网页设计图子区域匹配的子模块；若不存在大于预设匹配度阈值的子模块，则子模块库中不存在与该网页设计图子区域匹配的子模块。

在本实施例的一些可选的实现方式中，子模块匹配子单元可以进一步配置用于：对该网页设计图子区域进行分析，确定与该网页设计图子区域对应的子模块的类型和关键信息；利用与该网页设计图子区域对应的子模块的类型和关键信息在子模块库中进行搜索；若得到搜索结果，则子模块库中存在与该网页设计图子区域匹配的子模块，以及从搜索结果中选取出子模块作为与该网页设计图子区域匹配的子模块，其中，搜索结果包括至少一个子模块；若没有得到搜索结果，则子模块库中不存在与该网页设计图子区域匹配的子模块。

下面参考图5，其示出了适于用来实现本申请实施例的电子设备的计算机系统500的结构示意图。图5示出的电子设备仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本申请的方法中限定的上述功能。需要说明的是，本申请所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括网页设计图获取单元、网页设计图分割单元、网页设计图区域分割单元、子模块获取单元、模块生成单元和网页生成单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，网页设计图获取单元还可以被描述为“获取用于生成网页的网页设计图的单元”。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取用于生成网页的网页设计图；对网页设计图进行图像识别，以及根据对网页设计图的识别结果将网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合；对网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合；获取与每个网页设计图子区域集合对应的子模块集合；对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与网页设计图区域集合对应的模块集合；对与网页设计图区域集合对应的模块集合进行组合，生成与网页设计图对应的网页。

以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (8)

1.一种用于生成网页的方法，包括：

获取用于生成网页的网页设计图；

对所述网页设计图进行图像识别，以及根据对所述网页设计图的识别结果将所述网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合，其中，将所述网页设计图输入至第一图像识别模型，得到所述网页设计图区域集合；

对所述网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合，其中，将所述网页设计图区域输入至第二图像识别模型，从而得到所述网页设计图子区域集合；

获取与每个网页设计图子区域集合对应的子模块集合；

对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与所述网页设计图区域集合对应的模块集合；

对与所述网页设计图区域集合对应的模块集合进行组合，生成与所述网页设计图对应的网页；

其中，所述获取与每个网页设计图子区域集合对应的子模块集合，包括：

对于每个网页设计图子区域集合中的每个网页设计图子区域，在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，若查找到与该网页设计图子区域匹配的子模块，从所述子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

2.根据权利要求1所述的方法，其中，所述获取与每个网页设计图子区域集合对应的子模块集合，还包括：

若查找不到与该网页设计图子区域匹配的子模块，创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到所述子模块库中。

3.根据权利要求2所述的方法，其中，对网页设计图区域的识别结果包括与网页设计图区域对应的网页设计图子区域集合中的每个网页设计图子区域的特征；

以及所述在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，包括：

将该网页设计图子区域的特征与所述子模块库中的子模块的特征进行匹配，得到该网页设计图子区域与所述子模块库中的子模块的匹配度；

将该设计图子区域与所述子模块库中的子模块的匹配度与预设匹配度阈值进行比较；

若存在大于所述预设匹配度阈值的子模块，则所述子模块库中存在与该网页设计图子区域匹配的子模块，以及从大于所述预设匹配度阈值的子模块中选取出子模块作为与该网页设计图子区域匹配的子模块；

若不存在大于所述预设匹配度阈值的子模块，则所述子模块库中不存在与该网页设计图子区域匹配的子模块。

4.根据权利要求2所述的方法，其中，所述在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，包括：

对该网页设计图子区域进行分析，确定与该网页设计图子区域对应的子模块的类型和关键信息；

利用与该网页设计图子区域对应的子模块的类型和关键信息在所述子模块库中进行搜索；

若得到搜索结果，则所述子模块库中存在与该网页设计图子区域匹配的子模块，以及从所述搜索结果中选取出子模块作为与该网页设计图子区域匹配的子模块，其中，所述搜索结果包括至少一个子模块；

若没有得到搜索结果，则所述子模块库中不存在与该网页设计图子区域匹配的子模块。

5.一种用于生成网页的装置，包括：

网页设计图获取单元，配置用于获取用于生成网页的网页设计图；

网页设计图分割单元，配置用于对所述网页设计图进行图像识别，以及根据对所述网页设计图的识别结果将所述网页设计图分割成与组成网页的模块集合对应的网页设计图区域集合，其中，将所述网页设计图输入至第一图像识别模型，得到所述网页设计图区域集合；

网页设计图区域分割单元，配置用于对所述网页设计图区域集合中的每个网页设计图区域进行图像识别，以及根据对每个网页设计图区域的识别结果将每个网页设计图区域分割成与组成每个模块的子模块集合对应的网页设计图子区域集合，其中，将所述网页设计图区域输入至第二图像识别模型，从而得到所述网页设计图子区域集合；

子模块获取单元，配置用于获取与每个网页设计图子区域集合对应的子模块集合；

模块生成单元，配置用于对与每个网页设计图子区域集合对应的子模块集合进行组合，生成与所述网页设计图区域集合对应的模块集合；

网页生成单元，配置用于对与所述网页设计图区域集合对应的模块集合进行组合，生成与所述网页设计图对应的网页；

其中，所述子模块获取单元包括：

子模块匹配子单元，配置用于对于每个网页设计图子区域集合中的每个网页设计图子区域，在预先存储的子模块库中查找与该网页设计图子区域匹配的子模块，若查找到与该网页设计图子区域匹配的子模块，从所述子模块库中获取与该网页设计图子区域匹配的子模块，作为与该网页设计图子区域对应的子模块。

6.根据权利要求5所述的装置，其中，所述子模块获取单元还包括：

子模块创建子单元，配置用于若查找不到与该网页设计图子区域匹配的子模块，创建与该网页设计图子区域对应的子模块，以及将与该网页设计图子区域对应的子模块存储到所述子模块库中。

7.一种电子设备，包括：

一个或多个处理器；

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

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4中任一所述的方法。

8.一种计算机可读存储介质，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1-4中任一所述的方法。