CN108268258B - 一种用于获取网页代码的方法、装置及电子设备 - Google Patents

Abstract

本申请公开了一种用于获取网页代码的方法、装置及电子设备。所述方法包括获取待处理的网页图像；从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。本申请可以有效减少重复劳动，提高开发效率，降低开发成本。

Description

一种用于获取网页代码的方法、装置及电子设备

技术领域

本申请涉及网页制作技术领域，具体涉及一种用于获取网页代码的方法、装置及电子设备。本申请同时涉及另外四种用于获取网页代码的方法、装置及电子设备，以及两种用于获取网页代码的系统。

背景技术

互联网应用程序的开发工作主要涉及两个方面，一方面为前端网页的开发工作，另一方面为后台业务逻辑的开发工作。前端网页开发人员制作网页的工作方式通常为：根据网页设计师设计的网页视觉稿(网页图像)进行网页代码的编写，以制作出达到网页图像视觉要求的网页。

通过分析可知，不同网络应用程序(如：淘宝网站和天猫网站)之间可能具有结构相似的网页，同一网络应用程序的不同网页(如：聚划算网站的不同频道)之间也可能具有相似的网页结构，例如，淘宝网站和天猫网站的首页都有产品或店铺的搜索功能等。在实际工作中，为了提高工作效率及有效管理应用程序的开发工作，不同应用程序或同一应用程序的不同网页通常由不同的网页开发人员负责开发。

在实际应用中，由于各个开发人员相对独立工作，彼此间往往不清楚其他开发人员做了哪些结构网页的开发工作，因此，无法获取其他开发人员开发的相似网页或网页中相似功能模块的网页代码。这种情况下，出现每天都有开发人员在做其他开发人员已开发或者正在开发的网页，造成了大量的重复劳动，特别是在大团队开发模式下，这种原因造成的重复劳动量将不可预估。

发明内容

本申请提供一种用于获取网页代码的方法、装置及电子设备，以解决现有技术下相似网页的网页代码无法复用的问题。本申请还提供另外四种用于获取网页代码的方法、装置及电子设备，以及两种用于获取网页代码的系统。

本申请提供的一种用于获取网页代码的方法，包括：

获取待处理的网页图像；

从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

可选的，所述获取待处理的网页图像，包括：

获取所述网页图像的父图像；

从所述父图像中抽取出至少一个待生成网页代码的子图像；

将用户指定的所述子图像或者任选一个所述子图像作为所述待处理的网页图像。

可选的，所述从所述父图像中抽取出至少一个待生成网页代码的子图像，采用如下方式：

将所述父图像中具有预设的第一显示参数的各个区域分别对应的图像作为所述子图像。

可选的，所述预设的第一显示参数包括：具有边框，或具有边框且图像颜色非预设颜色。

可选的，所述从所述父图像中抽取出至少一个待生成网页代码的子图像，包括：

获取所述父图像对应的具有图层标识的图像文件；

将所述图像文件包括的各个图层的图像作为所述子图像。

可选的，所述从所述父图像中抽取出至少一个待生成网页代码的子图像，包括：

获取所述父图像对应的具有图层标识的图像文件；

根据所述图像文件，获取所述图像文件包括的各个图层的图像；

将不具有预设的第二显示参数的图像作为所述子图像。

可选的，所述预设的第二显示参数包括：预设图像颜色。

可选的，所述从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本，包括：

从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本；

向用户展示所述预设数量的网页图像样本；

将用户指定的网页图像样本作为所述与所述网页图像匹配的一个网页图像样本。

可选的，所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本，包括：

将所述网页图像分别与各个网页图像样本相比较，获取所述网页图像分别和各个网页图像样本之间的图像相似度；

根据所述图像相似度和预设的样本选取规则，从所述网页图像样本库中选取预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本。

可选的，所述根据所述图像相似度和预设的样本选取规则，并从所述网页图像样本库中选取预设数量的网页图像样本，并作为与所述网页图像相匹配的预设数量的网页图像样本，包括：

将所述图像相似度大于等于预设的最小图像相似度阈值的网页图像样本作为与所述网页图像匹配的样本，形成匹配样本集；

从所述匹配样本集中选取符合预设的样本选取规则的预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本。

可选的，所述预设的样本选取规则包括选取图像相似度排在高位的网页图像样本。

可选的，所述网页图像和所述网页图像样本之间的图像相似度，采用如下方式获取：

将所述网页图像和所述网页图像样本作为预先生成的基于神经网络的图像相似度计算模型的输入参数，通过所述基于神经网络的图像相似度计算模型获取所述图像相似度。

可选的，所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本，包括：

根据预设的排序规则，对所述网页图像样本库中的网页图像样本进行排序，形成网页图像样本序列；

按照所述网页图像样本序列中的样本顺序遍历各个网页图像样本，对当前遍历到的网页图像样本执行如下步骤：

将所述网页图像与所述当前遍历到的网页图像样本相比较，获取所述网页图像和所述当前遍历到的网页图像样本之间的图像相似度；

判断所述图像相似度是否大于等于预设的最小图像相似度阈值；

若上述判断结果为是，则将所述当前遍历到的网页图像样本作为与所述网页图像匹配的样本，并判断匹配样本的数量是否达到预设的最小匹配样本数量，若是，则根据预设的样本选取规则，从匹配的样本中选取预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本；

若上述判断结果为否，则进入到对下一个网页图像样本的处理流程。

可选的，所述预设的排序规则包括：以对应网页代码复用次数的降序方式对网页图像样本进行排序。

可选的，所述预设的排序规则包括：以所述网页图像样本的综合分数的降序方式进行排序；

所述综合分数采用如下方式计算：

根据所述网页代码的复用次数及预设的第一权重、所述网页代码是否规范及预设的第二权重，计算所述网页图像样本的综合分数。

可选的，所述从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本，包括：

将所述网页图像分别与各个网页图像样本相比较，获取所述网页图像分别和各个网页图像样本之间的图像相似度；

根据所述图像相似度和预设的样本选取规则，从所述网页图像样本库中选取一个网页图像样本，作为与所述网页图像相匹配的一个网页图像样本。

可选的，所述从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本，包括：

将所述网页图像转化为灰度图像；

从预设的网页图像样本库中确定与所述网页图像的灰度图像匹配的一个网页图像样本，作为与所述网页图像匹配的一个网页图像样本。

可选的，在所述将确定出的一个网页图像样本对应的网页代码信息，并作为所述网页图像的参考用网页代码信息之前，还包括：

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述确定出的一个网页图像样本对应的网页代码信息。

可选的，还包括：

根据用户指定的所述网页图像的网页代码信息，将所述网页图像作为新的网页图像样本添加到所述网页图像样本库中；以及将用户指定的所述网页代码信息作为所述新的网页图像样本对应的网页代码信息。

可选的，所述将所述网页图像作为新的网页图像样本添加到所述网页图像样本库中，采用如下方式：

将所述网页图像的灰度图像作为新的网页图像样本添加到所述网页图像样本库中。

相应的，本申请还提供一种用于获取网页代码的装置，包括：

网页图像获取单元，获取待处理的网页图像；

图像样本匹配单元，从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

代码信息确定单元，将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

相应的，本申请还提供一种电子设备，包括：

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

获取待处理的网页图像；

从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

此外，本申请还提供一种用于获取网页代码的方法，包括：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

向所述请求方回送所述预设数量的网页图像样本的样本信息；

接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

相应的，本申请还提供一种用于获取网页代码的装置二，包括：

第一接收单元，接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

匹配单元，从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

样本信息回送单元，向所述请求方回送所述预设数量的网页图像样本的样本信息；

第二接收单元，接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

代码信息回送单元，向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

相应的，本申请还提供一种电子设备，包括：

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

向所述请求方回送所述预设数量的网页图像样本的样本信息；

接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

此外，本申请还提供一种用于获取网页代码的方法，包括：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

向所述服务器发送所述第二网页代码获取请求；

接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

相应的，本申请还提供一种用于获取网页代码的装置三，包括：

第一发送单元，向服务器发送针对用户指定网页图像的第一网页代码获取请求；

样本信息接收单元，接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

请求接收单元，接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

第二发送单元，向所述服务器发送所述第二网页代码获取请求；

代码信息接收单元，接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

相应的，本申请还提供一种电子设备，包括：

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

向所述服务器发送所述第二网页代码获取请求；

接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

此外，本申请还提供一种用于获取网页代码的系统，包括：前述的用于获取网页代码的装置二，以及所述的用于获取网页代码的装置三。

此外，本申请还提供一种用于获取网页代码的方法，包括：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

相应的，本申请还提供一种用于获取网页代码的装置四，包括：

第一接收单元，接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

图像样本匹配单元，从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

代码信息获取单元，根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

代码信息回送单元，向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

相应的，本申请还提供一种电子设备，包括：

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

此外，本申请还提供一种用于获取网页代码的方法，包括：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

相应的，本申请还提供一种用于获取网页代码的装置五，包括：

发送单元，向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收单元，接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

相应的，本申请还提供一种电子设备，包括：

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

此外，本申请还提供一种用于获取网页代码的系统，其包括：所述的用于获取网页代码的装置四，以及所述的用于获取网页代码的装置五。

与现有技术相比，本申请提供的用于获取网页代码的方法，通过获取待处理的网页图像，并从预设的网页图像样本库中确定与待处理的网页图像匹配的一个网页图像样本，再将该匹配的网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

使用本申请提供的用于获取网页代码的方法，从预设的网页图像样本库中确定与待处理的网页图像匹配的一个网页图像样本，并将该匹配的网页图像样本对应的网页代码信息，作为待处理的网页图像的参考用网页代码信息；这种处理方式，网页开发人员可复用与待处理的网页图像相似的其他网页图像的已有网页代码进行网页开发；因此，可以有效减少重复劳动，提高开发效率，降低开发成本。

附图说明

图1是本申请提供的第一种用于获取网页代码的方法的实施例的流程图；

图2是本申请提供的第一种用于获取网页代码的方法的实施例的获取待处理的网页图像的过程示意图；

图3是本申请提供的第一种用于获取网页代码的方法的实施例的父图像的示意图；

图4是本申请提供的第一种用于获取网页代码的方法的实施例的步骤S303的流程图；

图5是本申请提供的第一种用于获取网页代码的方法的实施例的确定出的匹配样本的示意图；

图6是本申请提供的第一种用于获取网页代码的方法的实施例的具体示意图；

图7是本申请提供的第一种用于获取网页代码的装置的实施例的示意图；

图8是本申请提供的第一种电子设备的实施例的示意图；

图9是本申请提供的第二种用于获取网页代码的方法的实施例的流程图；

图10是本申请提供的第二种用于获取网页代码的装置的实施例的示意图；

图11是本申请提供的第二种电子设备的实施例的示意图；

图12是本申请提供的第三种用于获取网页代码的方法的实施例的流程图；

图13是本申请提供的第三种用于获取网页代码的装置的实施例的示意图；

图14是本申请提供的第三种电子设备的实施例的示意图；

图15是本申请提供的一种用于获取网页代码的系统的实施例的示意图；

图16是本申请提供的一种用于获取网页代码的系统的实施例的处理流程图；

图17是本申请提供的第四种用于获取网页代码的方法的实施例的流程图；

图18是本申请提供的第四种用于获取网页代码的装置的实施例的示意图；

图19是本申请提供的第四种电子设备的实施例的示意图；

图20是本申请提供的第五种用于获取网页代码的方法的实施例的流程图；

图21是本申请提供的第五种用于获取网页代码的装置的实施例的示意图；

图22是本申请提供的第五种电子设备的实施例的示意图；

图23是本申请提供的又一种用于获取网页代码的系统的实施例的示意图；

图24是本申请提供的又一种用于获取网页代码的系统的实施例的处理流程图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是，本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。

在本申请中，提供了一种用于获取网页代码的方法、装置及电子设备，以及另外四种用于获取网页代码的方法、装置及电子设备，以及两种用于获取网页代码的系统。在下面的实施例中逐一进行详细说明。

本申请提供的用于获取网页代码的方法，其核心的基本思想为：从预设的网页图像样本库中确定与待处理的网页图像匹配的一个网页图像样本，并将该网页图像样本对应的网页代码信息，作为待处理的网页图像的参考用网页代码信息。由于网页开发人员可复用与待处理的网页图像相似的其他网页图像的已有网页代码进行网页开发，因而，可以有效减少重复劳动，提高开发效率，降低开发成本。

请参考图1，其为本申请用于获取网页代码的方法实施例的流程图。所述方法包括如下步骤：

步骤S101：获取待处理的网页图像。

所述待处理的网页图像，即：待生成网页代码的网页图像。所述待处理的网页图像，可以是一个完整的网页图像，如，淘宝网首页等；所述待处理的网页图像，也可以是完整网页图像的一部分，即完整网页图像的子图像，如，淘宝网首页中搜索模块对应的图像。为了便于描述，本申请将包括子图像的网页图像称为子图像的父图像。

所述待处理的网页图像，可以是由用户预先设定好的，例如，预先设定好需要获取网页代码的至少一个网页图像，然后，逐个获取每一个预设的网页图像，对每一个预设的网页图像执行本申请提供的方法。

所述待处理的网页图像，也可以是采用如下步骤获取的网页图像，包括：1)获取所述网页图像的父图像；2)从所述父图像中抽取出至少一个待生成网页代码的子图像；3)将用户指定的所述子图像或者任选一个所述子图像作为所述待处理的网页图像。

具体实施时，可首先根据用户提交的针对所述父图像的网页代码获取指令，获取所述父图像；然后，从所述父图像中抽取出至少一个待生成网页代码的子图像，并将这些抽取出的子图像展示给用户观看；最后，再将用户指定的一个子图像作为所述待处理的网页图像，对该图像执行本申请提供的方法。当然，也可以由本申请提供的方法自动任选一个子图像作为所述待处理的网页图像。

要实现从所述父图像中抽取出至少一个待生成网页代码的子图像的功能，至少可以采用以下三种可选方案。

方案一、所述从所述父图像中抽取出至少一个待生成网页代码的子图像，可采用如下方式实现：将所述父图像中具有预设的第一显示参数的各个区域分别对应的图像作为所述子图像。

所述预设的第一显示参数是指，对图像的视觉效果产生影响的预设参数。所述预设的第一显示参数包括但不限于以下显示参数的至少一者：具有边框，或具有边框且图像颜色非预设颜色，还可以为其它显示参数，例如，背景色、图像形状等，这些显示参数均会对图像的视觉效果产生影响。

请参考图2，其为本申请用于获取网页代码的方法实施例的获取待处理的网页图像的过程示意图。由图2中a小图可见，父图像为通过线框(也称为边框)和色块来描述的淘宝首页(完整网页)的灰度稿，在本实施例中，将所述预设的第一显示参数设置为具有边框且图像颜色非预设颜色；通过将a小图中具有边框且图像颜色非预设颜色(如：红色，即被边框围住的区域对应的图像为红色色块)的各个区域分别对应的图像作为子图像，即可实现从a小图中抽取出至少一个待生成网页代码的子图像的功能；图2中b小图示出了从a小图中抽取出的一个子图像，该子图像对应网页的搜索模块，该模块需要开发人员编写网页代码。

要采用方案一抽取子图像，需要首先在父图像中按预设的第一显示参数标识出各个区域，例如，为各个功能模块对应的区域画上边框，为不需要生成网页代码的区域(如，图片、按钮等)标上预设颜色，如图2的a小图中中间部分有两个没有图像的单一色块，对于这种区域对应的子图像，将无需执行本申请提供的方法获取参考用网页代码信息。

方案二、所述从所述父图像中抽取出至少一个待生成网页代码的子图像，也可包括如下具体步骤：1)获取所述父图像对应的具有图层标识的图像文件；2)将所述图像文件包括的各个图层的图像作为所述子图像。

方案二的核心思想是：将构成父图像的各个图层的图像作为子图像抽取出来。要采用方案二抽取子图像，首先需要获取父图像对应的具有图层标识的图像文件，如：父图像对应的PSD或PDD文件(PSD/PDD是Adobe公司的图形设计软件Photoshop的专用格式)；然后，可通过对PSD或PDD的图像文件进行解析，按照图层组自动从父图像中抽取出子图像。

相对于方案一而言，方案二无需人工为父图像标识边框等特征，仅需获取父图像对应的具有图层标识的图像文件，即可自动从父图像中抽取出子图像。

方案三、所述从所述父图像中抽取出至少一个待生成网页代码的子图像，也可包括如下具体步骤：1)获取所述父图像对应的具有图层标识的图像文件；2)根据所述图像文件，获取所述图像文件包括的各个图层的图像；3)将不具有预设的第二显示参数的图像作为所述子图像。

方案三与方案二的核心思想是一致的，方案三与方案二不同之处在于：方案三将排除具有预设的第二显示参数的图像，仅将不具有预设的第二显示参数的图像抽取出来作为需要获取网页代码的子图像。

所述预设的第二显示参数与上述预设的第一显示参数类似，也是指对图像的视觉效果产生影响的预设参数。所述预设的第二显示参数包括但不限于预设图像颜色，还可以为其它显示参数，例如，具有预设颜色的边框、或具有边框且图像颜色非预设颜色、背景色、图像形状等，这些显示参数均会对图像的视觉效果产生影响。

请参考图3，其为本申请用于获取网页代码的方法实施例的父图像的示意图。由图3可见，网页中间两块区域为广告栏区域，无需为这些区域对应的子图像生成网页代码，在本实施例中，将所述预设的第二显示参数设置为特定图像颜色(如：红色)，并将该父图像对应的图像文件中广告区域对应的图层设置为红色色块；采用方案三实现从父图像中抽取出至少一个待生成网页代码的子图像的功能，能够将不具有预设的第二显示参数的图像作为子图像抽取出来。

由于方案三能够过滤掉无需生成网页代码的子图像，因此，相对于方案二而言，方案三是一种优选的方案。

至此，说明了步骤S101涉及的具体实施方式及可选方案。在获取到待处理的网页图像之后，就可以进入下一步骤，从预设的网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本。

步骤S103：从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本。

所述预设的网页图像样本库，包括大量具有网页代码信息的网页图像，这些网页图像将作为样本图像与步骤S101获取到的待处理的网页图像进行匹配，以便从中确定出与所述待处理的网页图像相匹配的一个网页图像样本。

从网页图像样本的内容维度，所述网页图像样本，可以是完整网页的网页图像，也可以是完整网页图像的一部分，即完整网页图像的子图像。

从网页图像样本的时间维度，所述网页图像样本，可以是已有的线上网页的网页图像，也可以是新开发的网页图像，还可以是预设的规范网页图像。

作为一种可选的方案，本步骤S103可包括如下具体步骤：首先，从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本；然后，向用户展示确定出的各个匹配的网页图像样本；最后，获取用户指定的网页图像样本，并将用户指定的网页图像样本作为所述与所述网页图像匹配的一个网页图像样本。

所述预设数量，可以根据实际需求进行配置，例如，可以设置为3个或5个等。

作为一种可选的方案，所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本的步骤，可包括如下具体步骤：

步骤S201：将所述网页图像分别与各个网页图像样本相比较，获取所述网页图像分别和各个网页图像样本之间的图像相似度。

本申请实施例提供的方法，根据网页图像样本与网页图像的匹配程度，从网页图像样本库中确定出与网页图像匹配的网页图像样本。两个图像的匹配程度可以采用图像相似度这个指标进行衡量，两个图像的图像相似度越高，说明两个图像的匹配程度越高。

所述网页图像和所述网页图像样本之间的图像相似度，可采用如下方式计算获取：将所述网页图像和所述网页图像样本作为预先生成的基于神经网络的图像相似度计算模型的输入参数，通过所述基于神经网络的图像相似度计算模型获取所述图像相似度。

具体实施时，可以采用开源的ConvNetJS工具库计算两个图像的图像相似度。ConvNetJS是神经网络的一个JavaScript实现，可以让用户在浏览器中训练深度网络。在首先根据图像训练样本集训练出深度网络后，即可将网页图像样本和网页图像作为该深度网络的输入参数，通过该深度网络自动计算出两个图像的图像相似度。其中，所述图像训练样本包括两个图像及图像相似度的对应记录。

步骤S203：根据所述图像相似度和预设的样本选取规则，从所述网页图像样本库中选取预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本。

所述预设的样本选取规则，包括但不限于：选取图像相似度排在高位的网页图像样本，还可以设定其他样本选取规则，例如，从图像相似度最高的前10个网页图像样本中任意选取等。

具体实施时，步骤S203可包括如下具体步骤：1)将所述图像相似度大于等于预设的最小图像相似度阈值的网页图像样本作为与所述网页图像匹配的样本，形成匹配样本集；2)从所述匹配样本集中选取符合预设的样本选取规则的预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本。

所述预设的最小图像相似度阈值是指，用于衡量两个图像是否匹配的最低图像相似度阈值，即：如果两个图像的图像相似度小于该阈值，则说明这两个图像并不匹配；如果两个图像的图像相似度大于等于该阈值，则说明这两个图像相匹配。所述最小图像相似度阈值，可以根据经验进行设置，例如，设置为70％，即只有图像相似度大于70％的样本才被视为与所述待处理的网页图像相匹配的样本，才可能被选取出来。

通过将图像相似度大于等于预设的最小图像相似度阈值的网页图像样本作为与待处理的网页图像匹配的样本，再从这些匹配样本中选取符合预设的样本选取规则的预设数量的网页图像样本，可以有效保证选取出高质量的网页图像样本。

至此，对所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本的步骤的一种可选方案做了说明。然而，通过分析可知，采用这种方案确定与待处理的网页图像匹配的预设数量的网页图像样本，需要将待处理的网页图像分别和网页图像样本库中每一个网页图像样本相比较，可见这种处理方式将消耗较多的计算资源，因此，该方案的实用性较差。

为了提高计算效率，在实际应用中，所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本的步骤，可采用下述优选方案，该优选方案的处理过程包括如下具体步骤：

步骤S301：根据预设的排序规则，对所述网页图像样本库中的网页图像样本进行排序，形成网页图像样本序列。

所述预设的排序规则包括但不限于：以对应网页代码复用次数的降序方式对网页图像样本进行排序，还可以包括其他排序规则，例如，为网页代码的复用次数设置一个权重，为网页图像样本的其他信息(如：样本是否规范等信息)设置另外一个权重，根据这些权重，计算出各个网页图像样本的得分，以得分的降序方式对网页图像样本进行排序等。

步骤S303：按照所述网页图像样本序列中的样本顺序，遍历各个网页图像样本，对当前遍历到的网页图像样本执行如下步骤：1)将所述网页图像与所述当前遍历到的网页图像样本相比较，获取所述网页图像和所述当前遍历到的网页图像样本之间的图像相似度；2)判断所述图像相似度是否大于等于预设的最小图像相似度阈值；3)若上述判断结果为是，则将所述当前遍历到的网页图像样本作为与所述网页图像匹配的样本，并判断匹配样本的数量是否达到预设的最小匹配样本数量，若是，则根据预设的样本选取规则，从匹配的样本中选取预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本；4)若上述判断结果为否，则进入到对下一个网页图像样本的处理流程。

请参考图4，其为本申请用于获取网页代码的方法实施例的步骤S303的流程图。通过图4可直观的理解上述文字描述的处理过程。

请参考图5，其为本申请用于获取网页代码的方法实施例的确定出的匹配样本的示意图。通过图5可直观的理解所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本的步骤，在本实施例中，预设数量设置为5。

至此，对步骤S103可选的方案做了说明，该可选方案包括如下步骤：1)从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本；2)向用户展示所述预设数量的网页图像样本；3)将用户指定的网页图像样本作为所述与所述网页图像匹配的一个网页图像样本。该方案可由用户从多个备选网页图像样本中选取一个网页图像样本，作为最终确定的一个网页图像样本。

作为一种可选的方案，步骤S103也可包括如下步骤：1)将所述网页图像分别与各个网页图像样本相比较，获取所述网页图像分别和各个网页图像样本之间的图像相似度；2)根据所述图像相似度和预设的样本选取规则，从所述网页图像样本库中选取一个网页图像样本，作为与所述网页图像相匹配的一个网页图像样本。该方案可自动确定出与所述网页图像匹配的一个网页图像样本，无需用户指定。

需要注意的是，步骤S101获取到的待处理的网页图像可能是彩色的图像，计算两个彩色图像之间的图像相似度会消耗更多的计算资源。为了能够提高图像相似度的计算速度，在实际应用中，最好首先将彩色图像的网页图像转换为灰度图像的网页图像，再从预设的网页图像样本库中确定与所述网页图像的灰度图像匹配的一个网页图像样本，作为与待处理的网页图像匹配的一个网页图像样本。采用这种处理方式，需要预先将网页图像样本库中的图像样本也转换为灰度图像。

步骤S105：将确定出的一个网页图像样本对应的网页代码信息，并作为所述网页图像的参考用网页代码信息。

通过步骤S103确定出与待处理的网页图像匹配的一个网页图像样本之后，可根据预设的网页图像样本与网页代码信息的对应关系集，获取该网页图像样本对应的网页代码信息，并将该网页代码信息作为待处理的网页图像的参考用网页代码信息，即：用户可参考(复用)该网页代码进行待处理的网页图像的网页开发工作。

所述预设的网页图像样本与网页代码信息的对应关系集，包括多个网页图像样本与网页代码信息之间的对应关系。

所述网页代码信息至少包括网页图像样本对应的网页代码，具体实施时，还可以包括下列网页代码信息的至少一者：网页开发人员，网页所属应用程序，网页位置等。

请参考图6，其为本申请用于获取网页代码的方法实施例的具体示意图，通过图6可直观的理解本申请实施例提供的方法的执行过程。在本实施例中，首先将彩色的网页视觉稿转换为灰度图像，然后由开发人员或网页设计人员为网页中各个功能模块划出线框，并将不需要生成网页代码的模块图像设置为特定颜色的色块，即生成通过线框和色块来描述的灰度稿，通过本申请实施例提供的方法获取该灰度稿中各个模块的参考用网页代码信息；以该网页中的搜索模块为例，开发人员根据展示的与该搜索模块相匹配的各个图像样本及相应的图像相似度，人工选取出图像匹配度最高的样本，将选取出的样本的网页代码作为该搜索模块的参考用网页代码。

在实际应用中，当开发人员根据所述参考用网页代码编写完成待处理的网页图像的实际网页代码后，可提交网页图像和实际网页代码信息(可包括：网页代码，以及开发人员、所属应用程序等其他信息)，本申请提供的方法在接收到这些信息后，可将所述网页图像添加到所述网页图像样本库中，并根据所述网页图像对应的实际网页代码信息，更新所述网页图像样本与网页代码信息的对应关系集。具体实施时，可将所述网页图像的灰度图像作为新的网页图像样本添加到所述网页图像样本库中。

在上述的实施例中，提供了一种用于获取网页代码的方法，与之相对应的，本申请还提供一种用于获取网页代码的装置。该装置是与上述方法的实施例相对应。

请参看图7，其为本申请的用于获取网页代码的装置实施例的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。

本实施例的一种用于获取网页代码的装置，包括：

网页图像获取单元，获取待处理的网页图像；

图像样本匹配单元，从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

代码信息确定单元，将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

请参考图8，其为本申请的电子设备实施例的示意图。由于设备实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的设备实施例仅仅是示意性的。

本实施例的一种电子设备，该电子设备包括：处理器101；以及存储器103，

所述存储器103用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

获取待处理的网页图像；

从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

与上述的用于获取网页代码的方法相对应，本申请还提供第二种用于获取网页代码的方法。请参考图9，其为本申请提供的第二种用于获取网页代码的方法实施例的流程图，本实施例与第一实施例内容相同的部分不再赘述，请参见实施例一中的相应部分。本申请提供的第二种用于获取网页代码的方法包括：

步骤S101：接收请求方发送的针对用户指定网页图像的第一网页代码获取请求。

所述用户指定网页图像，可以是一个完整的网页图像，也可以是完整网页图像的一部分。

当所述用户指定网页图像是完整网页图像的一部分时，所述用户指定网页图像可以是用户设定的。

具体实施时，在步骤S101之前，本申请提供的方法还可包括如下具体步骤：1)接收所述请求方发送的针对所述用户指定网页图像所属父图像的第三网页代码获取请求；2)从所述父图像中抽取出至少一个待生成网页代码的子图像；3)向所述请求方回送所述至少一个子图像。这种情况下，请求方接收并展示从所述父图像中抽取出的各个待生成网页代码的子图像之后，用户可指定其中一个子图像，并提交针对该子图像的网页代码获取请求，请求方将该请求发送至执行本申请提供的方法的计算设备，该计算设备接收该请求，即：接收请求方发送的针对用户指定网页图像的第一网页代码获取请求。

采用这种实施方式，本申请提供的方法在所述从所述父图像中抽取出至少一个待生成网页代码的子图像之前，还可包括如下步骤：接收并存储所述请求方发送的所述父图像，以便能够执行所述从所述父图像中抽取出至少一个待生成网页代码的子图像的步骤。

步骤S103：从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本。

步骤S105：向所述请求方回送所述预设数量的网页图像样本的样本信息。

请求方接收到所述预设数量的网页图像样本的样本信息之后，可向用户展示样本信息，这些信息可供用户决策复用哪一个网页图像样本对应的网页代码。

所述样本信息包括但不限于下列样本信息的至少一者：网页图像样本(即样本图像本身)，所述网页图像样本与所述用户指定网页图像样本之间的匹配程度。

当所述样本信息包括样本图像本身和所述匹配程度两方面信息时，用户可直接看到各个网页图像样本及其与所述用户指定网页图像的匹配程度，使得用户能够更容易决策出复用哪一个网页图像样本对应的网页代码。

当用户决策出要复用哪一个网页图像样本对应的网页代码时，可提交针对该网页图像样本的第二网页代码获取请求，请求方将该请求发送至服务器。

步骤S107：接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求。

步骤S109：向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

具体实施时，可根据预设的网页图像样本与网页代码信息的对应关系集，获取所述用户指定网页图像样本对应的网页代码信息，并将其回送至请求方。

所述网页代码信息至少包括网页图像样本对应的网页代码，具体实施时，还可以包括下列网页代码信息的至少一者：网页开发人员，网页所属应用程序，网页位置等。

在上述的实施例中，提供了第二种用于获取网页代码的方法，与之相对应的，本申请还提供第二种用于获取网页代码的装置。该装置是与上述方法的实施例相对应。

请参看图10，其为本申请的第二种用于获取网页代码的装置实施例的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。

本实施例的第二种用于获取网页代码的装置，包括：

第一接收单元，接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

匹配单元，从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

样本信息回送单元，向所述请求方回送所述预设数量的网页图像样本的样本信息；

第二接收单元，接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

代码信息回送单元，向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

请参考图11，其为本申请的第二种电子设备实施例的示意图。由于设备实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的设备实施例仅仅是示意性的。

本实施例的第二种电子设备，该电子设备包括：处理器101；以及存储器103，

所述存储器103用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

向所述请求方回送所述预设数量的网页图像样本的样本信息；

接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

与上述的第二种用于获取网页代码的方法相对应，本申请还提供第三种用于获取网页代码的方法。请参考图12，其为本申请提供的第三种用于获取网页代码的方法实施例的流程图，本实施例与第一实施例内容相同的部分不再赘述，请参见实施例一中的相应部分。本申请提供的第三种用于获取网页代码的方法包括：

步骤S101：向服务器发送针对用户指定网页图像的第一网页代码获取请求。

具体实施时，在步骤S101之前，本申请提供的方法还可包括如下步骤：1)向所述服务器发送针对所述用户指定网页图像所属父图像的第三网页代码获取请求；2)接收并展示所述服务器回送的从所述父图像中抽取出的至少一个待生成网页代码的子图像。此外，本申请提供的方法还可包括如下步骤：将所述父图像上传至所述服务器。

步骤S103：接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息。

步骤S105：接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求。

步骤S107：向所述服务器发送所述第二网页代码获取请求。

步骤S109：接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

在上述的实施例中，提供了第三种用于获取网页代码的方法，与之相对应的，本申请还提供第三种用于获取网页代码的装置。该装置是与上述方法的实施例相对应。

请参看图13，其为本申请的第三种用于获取网页代码的装置实施例的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。

本实施例的第三种用于获取网页代码的装置，包括：

第一发送单元，向服务器发送针对用户指定网页图像的第一网页代码获取请求；

样本信息接收单元，接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

请求接收单元，接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

第二发送单元，向所述服务器发送所述第二网页代码获取请求；

代码信息接收单元，接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

请参考图14，其为本申请的第三种电子设备实施例的示意图。由于设备实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的设备实施例仅仅是示意性的。

本实施例的第三种电子设备，该电子设备包括：处理器101；以及存储器103，

所述存储器103用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

向所述服务器发送所述第二网页代码获取请求；

接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

本申请实施例还提供了一种用于获取网页代码的系统，如图15所示，该系统包括上述实施例所述的第二种用于获取网页代码的装置101和第三种用于获取网页代码的装置102。所述第二种用于获取网页代码的装置101通常部署于服务器，但并不局限于服务器，也可以是能够实现所述第二种用于获取网页代码的方法的任何设备；所述第三种用于获取网页代码的装置102通常部署于移动通讯设备、个人电脑、PAD、iPad等终端设备。

请参考图16，其为本申请提供的一种用于获取网页代码的系统实施例的处理流程图。在本实施例中，所述第三种用于获取网页代码的装置102部署在个人电脑上，所述第二种用于获取网页代码的装置101部署在服务器上。由图16可见，所述第三种用于获取网页代码的装置102首先向服务器发送针对用户指定网页图像的第一网页代码获取请求；所述第二种用于获取网页代码的装置101接收到该请求后，从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本，并向请求方回送所述预设数量的网页图像样本的样本信息；所述第三种用于获取网页代码的装置102接收并向用户展示所述样本信息，当用户向所述第三种用于获取网页代码的装置102提交了针对某个网页图像样本的第二网页代码获取请求后，所述第三种用于获取网页代码的装置102将该请求发送至服务器；所述第二种用于获取网页代码的装置101接收到该请求后，向请求方回送用户指定网页图像样本对应的网页代码信息；所述第三种用于获取网页代码的装置102接收所述网页代码信息，将其作为所述用户指定网页图像的参考用网页代码信息。

与上述的用于获取网页代码的方法相对应，本申请还提供第二种用于获取网页代码的方法。请参考图17，其为本申请提供的第四种用于获取网页代码的方法实施例的流程图，本实施例与第一实施例内容相同的部分不再赘述，请参见实施例一中的相应部分。本申请提供的第四种用于获取网页代码的方法包括：

步骤S101：接收请求方发送的针对用户指定网页图像的第一网页代码获取请求。

所述用户指定网页图像，可以是一个完整的网页图像，也可以是完整网页图像的一部分。

当所述用户指定网页图像是完整网页图像的一部分时，所述用户指定网页图像可以是用户设定的。

具体实施时，在步骤S101之前，本申请提供的方法还可包括如下具体步骤：1)接收所述请求方发送的针对所述用户指定网页图像所属父图像的第三网页代码获取请求；2)从所述父图像中抽取出至少一个待生成网页代码的子图像；3)向所述请求方回送所述至少一个子图像。这种情况下，请求方接收并展示从所述父图像中抽取出的各个待生成网页代码的子图像之后，用户可指定其中一个子图像，并提交针对该子图像的网页代码获取请求，请求方将该请求发送至执行本申请提供的方法的计算设备，该计算设备接收该请求，即：接收请求方发送的针对用户指定网页图像的第一网页代码获取请求。

采用这种实施方式，本申请提供的方法在所述从所述父图像中抽取出至少一个待生成网页代码的子图像之前，还可包括如下步骤：接收并存储所述请求方发送的所述父图像，以便能够执行所述从所述父图像中抽取出至少一个待生成网页代码的子图像的步骤。

步骤S103：从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本。

步骤S105：根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息。

所述网页代码信息至少包括网页图像样本对应的网页代码，具体实施时，还可以包括下列网页代码信息的至少一者：网页开发人员，网页所属应用程序，网页位置等。

步骤S107：向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

所述样本信息包括但不限于下列样本信息的至少一者：网页图像样本(即样本图像本身)，所述网页图像样本与所述用户指定网页图像样本之间的匹配程度。

请求方接收到所述样本信息及网页代码信息之后，可向用户展示这些信息，这些信息可供用户决策复用哪一个网页图像样本对应的网页代码。最终，将用户决策出的网页图像样本对应的网页代码，作为所述用户指定网页图像的参考用网页代码信息。

当所述样本信息包括样本图像本身和所述匹配程度两方面信息时，用户可直接看到各个网页图像样本及其与所述用户指定网页图像的匹配程度，使得用户能够更容易决策出复用哪一个网页图像样本对应的网页代码。

在上述的实施例中，提供了第四种用于获取网页代码的方法，与之相对应的，本申请还提供第四种用于获取网页代码的装置。该装置是与上述方法的实施例相对应。

请参看图18，其为本申请的第四种用于获取网页代码的装置实施例的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。

本实施例的第四种用于获取网页代码的装置，包括：

第一接收单元，接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

图像样本匹配单元，从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

代码信息获取单元，根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

代码信息回送单元，向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

请参考图19，其为本申请的第四种电子设备实施例的示意图。由于设备实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的设备实施例仅仅是示意性的。

本实施例的第四种电子设备，该电子设备包括：处理器101；以及存储器103，

所述存储器103用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

与上述的第四种用于获取网页代码的方法相对应，本申请还提供第五种用于获取网页代码的方法。请参考图20，其为本申请提供的第五种用于获取网页代码的方法实施例的流程图，本实施例与第一实施例内容相同的部分不再赘述，请参见实施例一中的相应部分。本申请提供的第五种用于获取网页代码的方法包括：

步骤S101：向服务器发送针对用户指定网页图像的第一网页代码获取请求。

具体实施时，在步骤S101之前，本申请提供的方法还可包括如下步骤：1)向所述服务器发送针对所述用户指定网页图像所属父图像的第三网页代码获取请求；2)接收并展示所述服务器回送的从所述父图像中抽取出的至少一个待生成网页代码的子图像。此外，本申请提供的方法还可包括如下步骤：将所述父图像上传至所述服务器。

步骤S103：接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

所述样本信息包括但不限于下列样本信息的至少一者：网页图像样本(即样本图像本身)，所述网页图像样本与所述用户指定网页图像样本之间的匹配程度。

所述网页代码信息至少包括网页图像样本对应的网页代码，具体实施时，还可以包括下列网页代码信息的至少一者：网页开发人员，网页所属应用程序，网页位置等。

接收到所述样本信息及网页代码信息之后，可向用户展示这些信息，这些信息可供用户决策复用哪一个网页图像样本对应的网页代码。最终，将用户决策出的网页图像样本对应的网页代码，作为所述用户指定网页图像的参考用网页代码信息。

当所述样本信息包括样本图像本身和所述匹配程度两方面信息时，用户可直接看到各个网页图像样本及其与所述用户指定网页图像的匹配程度，使得用户能够更容易决策出复用哪一个网页图像样本对应的网页代码。

在上述的实施例中，提供了第五种用于获取网页代码的方法，与之相对应的，本申请还提供第五种用于获取网页代码的装置。该装置是与上述方法的实施例相对应。

请参看图21，其为本申请的第五种用于获取网页代码的装置实施例的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。

本实施例的第五种用于获取网页代码的装置，包括：

发送单元，向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收单元，接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

请参考图22，其为本申请的第五种电子设备实施例的示意图。由于设备实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的设备实施例仅仅是示意性的。

本实施例的第五种电子设备，该电子设备包括：处理器101；以及存储器103，

所述存储器103用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

本申请实施例还提供了又一种用于获取网页代码的系统，如图23所示，该系统包括上述实施例所述的第四种用于获取网页代码的装置101和第五种用于获取网页代码的装置102。所述第四种用于获取网页代码的装置101通常部署于服务器，但并不局限于服务器，也可以是能够实现所述第四种用于获取网页代码的方法的任何设备；所述第五种用于获取网页代码的装置102通常部署于移动通讯设备、个人电脑、PAD、iPad等终端设备。

请参考图24，其为本申请提供的又一种用于获取网页代码的系统实施例的处理流程图。在本实施例中，所述第五种用于获取网页代码的装置102部署在个人电脑上，所述第四种用于获取网页代码的装置101部署在服务器上。由图24可见，所述第五种用于获取网页代码的装置102首先向服务器发送针对用户指定网页图像的第一网页代码获取请求；所述第四种用于获取网页代码的装置101接收到该请求后，从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本，并根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息，然后向请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息；所述第五种用于获取网页代码的装置102接收并向用户展示所述样本信息及网页代码信息，最终，将用户指定的网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

本申请提供的用于获取网页代码的方法，通过获取待处理的网页图像，并从预设的网页图像样本库中确定与待处理的网页图像匹配的一个网页图像样本，再将该匹配的网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。采用本申请提供的方法，网页开发人员可复用与待处理的网页图像相似的其他网页图像的已有网页代码进行网页开发，从而能够达到减少重复劳动、提高开发效率、降低开发成本的效果。

本申请虽然以较佳实施例公开如上，但其并不是用来限定本申请，任何本领域技术人员在不脱离本申请的精神和范围内，都可以做出可能的变动和修改，因此本申请的保护范围应当以本申请权利要求所界定的范围为准。

Claims (36)

1.一种用于获取网页代码的方法，其特征在于，包括：

获取待处理的网页图像；

从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

2.根据权利要求1所述的用于获取网页代码的方法，其特征在于，所述获取待处理的网页图像，包括：

获取所述网页图像的父图像；

从所述父图像中抽取出至少一个待生成网页代码的子图像；

将用户指定的所述子图像或者任选一个所述子图像作为所述待处理的网页图像。

3.根据权利要求2所述的用于获取网页代码的方法，其特征在于，所述从所述父图像中抽取出至少一个待生成网页代码的子图像，采用如下方式：

将所述父图像中具有预设的第一显示参数的各个区域分别对应的图像作为所述子图像。

4.根据权利要求3所述的用于获取网页代码的方法，其特征在于，所述预设的第一显示参数包括：具有边框，或具有边框且图像颜色非预设颜色。

5.根据权利要求2所述的用于获取网页代码的方法，其特征在于，所述从所述父图像中抽取出至少一个待生成网页代码的子图像，包括：

获取所述父图像对应的具有图层标识的图像文件；

将所述图像文件包括的各个图层的图像作为所述子图像。

6.根据权利要求2所述的用于获取网页代码的方法，其特征在于，所述从所述父图像中抽取出至少一个待生成网页代码的子图像，包括：

获取所述父图像对应的具有图层标识的图像文件；

根据所述图像文件，获取所述图像文件包括的各个图层的图像；

将不具有预设的第二显示参数的图像作为所述子图像。

7.根据权利要求6所述的用于获取网页代码的方法，其特征在于，所述预设的第二显示参数包括：预设图像颜色。

8.根据权利要求1所述的用于获取网页代码的方法，其特征在于，所述从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本，包括：

从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本；

向用户展示所述预设数量的网页图像样本；

将用户指定的网页图像样本作为所述与所述网页图像匹配的一个网页图像样本。

9.根据权利要求8所述的用于获取网页代码的方法，其特征在于，所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本，包括：

将所述网页图像分别与各个网页图像样本相比较，获取所述网页图像分别和各个网页图像样本之间的图像相似度；

根据所述图像相似度和预设的样本选取规则，从所述网页图像样本库中选取预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本。

10.根据权利要求9所述的用于获取网页代码的方法，其特征在于，所述根据所述图像相似度和预设的样本选取规则，并从所述网页图像样本库中选取预设数量的网页图像样本，并作为与所述网页图像相匹配的预设数量的网页图像样本，包括：

将所述图像相似度大于等于预设的最小图像相似度阈值的网页图像样本作为与所述网页图像匹配的样本，形成匹配样本集；

从所述匹配样本集中选取符合预设的样本选取规则的预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本。

11.根据权利要求9所述的用于获取网页代码的方法，其特征在于，所述预设的样本选取规则包括选取图像相似度排在高位的网页图像样本。

12.根据权利要求9所述的用于获取网页代码的方法，其特征在于，所述网页图像和所述网页图像样本之间的图像相似度，采用如下方式获取：

将所述网页图像和所述网页图像样本作为预先生成的基于神经网络的图像相似度计算模型的输入参数，通过所述基于神经网络的图像相似度计算模型获取所述图像相似度。

13.根据权利要求8所述的用于获取网页代码的方法，其特征在于，所述从所述网页图像样本库中确定与所述网页图像匹配的预设数量的网页图像样本，包括：

根据预设的排序规则，对所述网页图像样本库中的网页图像样本进行排序，形成网页图像样本序列；

按照所述网页图像样本序列中的样本顺序遍历各个网页图像样本，对当前遍历到的网页图像样本执行如下步骤：

将所述网页图像与所述当前遍历到的网页图像样本相比较，获取所述网页图像和所述当前遍历到的网页图像样本之间的图像相似度；

判断所述图像相似度是否大于等于预设的最小图像相似度阈值；

若上述判断结果为是，则将所述当前遍历到的网页图像样本作为与所述网页图像匹配的样本，并判断匹配样本的数量是否达到预设的最小匹配样本数量，若是，则根据预设的样本选取规则，从匹配的样本中选取预设数量的网页图像样本，作为与所述网页图像相匹配的预设数量的网页图像样本；

若上述判断结果为否，则进入到对下一个网页图像样本的处理流程。

14.根据权利要求13所述的用于获取网页代码的方法，其特征在于，所述预设的排序规则包括：以对应网页代码复用次数的降序方式对网页图像样本进行排序。

15.根据权利要求13所述的用于获取网页代码的方法，其特征在于，所述预设的排序规则包括：以所述网页图像样本的综合分数的降序方式进行排序；

所述综合分数采用如下方式计算：

根据所述网页代码的复用次数及预设的第一权重、所述网页代码是否规范及预设的第二权重，计算所述网页图像样本的综合分数。

16.根据权利要求1所述的用于获取网页代码的方法，其特征在于，所述从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本，包括：

将所述网页图像分别与各个网页图像样本相比较，获取所述网页图像分别和各个网页图像样本之间的图像相似度；

根据所述图像相似度和预设的样本选取规则，从所述网页图像样本库中选取一个网页图像样本，作为与所述网页图像相匹配的一个网页图像样本。

17.根据权利要求1所述的用于获取网页代码的方法，其特征在于，所述从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本，包括：

将所述网页图像转化为灰度图像；

从预设的网页图像样本库中确定与所述网页图像的灰度图像匹配的一个网页图像样本，作为与所述网页图像匹配的一个网页图像样本。

18.根据权利要求1所述的用于获取网页代码的方法，其特征在于，在所述将确定出的一个网页图像样本对应的网页代码信息，并作为所述网页图像的参考用网页代码信息之前，还包括：

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述确定出的一个网页图像样本对应的网页代码信息。

19.根据权利要求1所述的用于获取网页代码的方法，其特征在于，还包括：

根据用户指定的所述网页图像的网页代码信息，将所述网页图像作为新的网页图像样本添加到所述网页图像样本库中；以及将用户指定的所述网页代码信息作为所述新的网页图像样本对应的网页代码信息。

20.根据权利要求19所述的用于获取网页代码的方法，其特征在于，所述将所述网页图像作为新的网页图像样本添加到所述网页图像样本库中，采用如下方式：

将所述网页图像的灰度图像作为新的网页图像样本添加到所述网页图像样本库中。

21.一种用于获取网页代码的装置，其特征在于，包括：

网页图像获取单元，用于获取待处理的网页图像；

图像样本匹配单元，用于从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

代码信息确定单元，用于将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

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

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

获取待处理的网页图像；

从预设的网页图像样本库中确定与所述网页图像匹配的一个网页图像样本；

将确定出的一个网页图像样本对应的网页代码信息，作为所述网页图像的参考用网页代码信息。

23.一种用于获取网页代码的方法，其特征在于，包括：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

向所述请求方回送所述预设数量的网页图像样本的样本信息；

接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

24.一种用于获取网页代码的装置，其特征在于，包括：

第一接收单元，用于接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

匹配单元，用于从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

样本信息回送单元，用于向所述请求方回送所述预设数量的网页图像样本的样本信息；

第二接收单元，用于接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

代码信息回送单元，用于向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

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

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

向所述请求方回送所述预设数量的网页图像样本的样本信息；

接收所述请求方发送的针对用户指定网页图像样本的第二网页代码获取请求；

向所述请求方回送所述用户指定网页图像样本对应的网页代码信息。

26.一种用于获取网页代码的方法，其特征在于，包括：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

向所述服务器发送所述第二网页代码获取请求；

接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

27.一种用于获取网页代码的装置，其特征在于，包括：

第一发送单元，用于向服务器发送针对用户指定网页图像的第一网页代码获取请求；

样本信息接收单元，用于接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

请求接收单元，用于接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

第二发送单元，用于向所述服务器发送所述第二网页代码获取请求；

代码信息接收单元，用于接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

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

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息；

接收用户提交的针对用户指定网页图像样本的第二网页代码获取请求；

向所述服务器发送所述第二网页代码获取请求；

接收所述服务器回送的所述用户指定网页图像样本对应的网页代码信息，作为所述用户指定网页图像的参考用网页代码信息。

29.一种用于获取网页代码的系统，其特征在于，包括：根据权利要求24所述的用于获取网页代码的装置，以及根据权利要求27所述的用于获取网页代码的装置。

30.一种用于获取网页代码的方法，其特征在于，包括：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

31.一种用于获取网页代码的装置，其特征在于，包括：

第一接收单元，用于接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

图像样本匹配单元，用于从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

代码信息获取单元，用于根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

代码信息回送单元，用于向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

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

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

接收请求方发送的针对用户指定网页图像的第一网页代码获取请求；

从预设的网页图像样本库中确定与所述用户指定网页图像匹配的预设数量的网页图像样本；

根据预设的网页图像样本与网页代码信息的对应关系集，获取所述预设数量的网页图像样本的网页代码信息；

向所述请求方回送所述预设数量的网页图像样本的样本信息及网页代码信息。

33.一种用于获取网页代码的方法，其特征在于，包括：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

34.一种用于获取网页代码的装置，其特征在于，包括：

发送单元，用于向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收单元，用于接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

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

处理器；以及

存储器，用于存储实现用于获取网页代码的方法的程序，该设备通电并通过所述处理器运行该用于获取网页代码的方法的程序后，执行下述步骤：

向服务器发送针对用户指定网页图像的第一网页代码获取请求；

接收并展示所述服务器回送的与所述用户指定网页图像匹配的预设数量的网页图像样本的样本信息和网页代码信息。

36.一种用于获取网页代码的系统，其特征在于，包括：根据权利要求31所述的用于获取网页代码的装置，以及根据权利要求34所述的用于获取网页代码的装置。

Images