CN112036147A - 将图片转换为网页的方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及数据处理技术领域，提供一种将图片转换为网页的方法、装置、计算机设备和存储介质，方法包括：获取输入的待处理图片；对待处理图片进行识别处理，识别出待处理图片中包含的素材特征信息；根据素材特征信息，对待处理图片进行分离处理，得到与素材特征信息对应的素材；按照预设的素材类别对素材进行分类，得到分类后的素材；获取分类后的素材在待处理图片中的位置信息，以及获取预设的网页组件模板；根据位置信息，将分类后的素材填充至网页组件模板内的对应位置处，生成与待处理图片对应的网页。通过本申请能够智能地根据输入的待处理图片来自动生成对应的网页。此外，本申请还涉及区块链技术，所述分类后的素材可存储于区块链中。

Description

将图片转换为网页的方法、装置、计算机设备和存储介质

技术领域

本申请涉及数据处理技术领域，具体涉及一种将图片转换为网页的方法、装置、计算机设备和存储介质。

背景技术

随着互联网的蓬勃发展，网页成为了一种在互联网中常见的传播载体。网页包含了丰富的信息，网页以其动态交互的新颖形式，日益成为一种流行的内容宣传方式。

如果当前具有较多数量的已有的设计稿图片，且需要根据设计稿图片进行网页制作时，对于传统的开发流程，需要前端开发人员将设计稿图片一个一个的进行切图布局等常规开发操作，这样会占用开发周期中相当多的时间，同样需要花费较大的成本，开发效率低下。所以在已有设计稿图片的场景下，亟需设计出一种能够更高效更智能的根据图片来自动生成网页的方法。

发明内容

本申请的主要目的为提供一种将图片转换为网页的方法、装置、计算机设备和存储介质，旨在解决现有的使用图片进行相应网页制作的开发流程，需要前端开发人员将图片一个一个的进行切图布局等常规开发操作，这样会占用开发周期中相当多的时间，同样需要花费较大的成本，开发效率低下的技术问题。

本申请提出一种将图片转换为网页的方法，所述方法包括步骤：

获取输入的待处理图片；

对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

按照预设的素材类别对所述素材进行分类，得到分类后的素材；

获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

可选地，所述按照预设的素材类别对所述素材进行分类，得到分类后的素材的步骤，包括：

获取预设的素材类别；

根据所述素材类别，分别将每一个所述素材与所述素材类别进行类别匹配处理，得到与每一个所述素材对应的类别匹配结果；

根据所述类别匹配结果，将所有所述素材划分为不同种类的素材。

可选地，所述网页组件模板包括图片组件、填充组件与文字组件，所述分类后的素材包括图片素材、填充素材与文字素材，所述根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页的步骤，包括：

获取所述图片素材在所述待处理图片中图片图层内的第一位置信息，在所述图片组件中确定出与所述第一位置信息相同的第一放置位置，并将所述图片素材填充至所述第一放置位置处；以及，

获取所述填充素材在所述待处理图片中中填充图层内的第二位置信息，在述填充图层中确定出与所述第二位置信息相同的第二放置位置，并根据所述第二位置信息将所述填充素材填充至所述第二放置位置处；以及，

获取所述文字素材在所述待处理图片中文字图层内的第三位置信息，在所述文字组件中确定出与所述第三位置信息相同的第三放置位置，并根据所述第三位置信息将所述文字素材填充至所述第三放置位置处，生成与所述待处理图片对应的网页。

可选地，所述根据所述位置信息，将所述素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页的步骤之后，包括：

展示所述网页；

判断是否接收到对于所述网页的调整指令；

若判断出接收到对于所述网页的调整指令，则提醒用户录入身份验证信息；

获取指定次数的，且距离当前时间最近的正确输入的多个鉴权验证信息；

判断在所述多个鉴权验证信息中，是否存在与所述身份验证信息匹配的指定鉴权验证信息；

若判断出存在与所述身份验证信息匹配的指定鉴权验证信息，则响应所述调整指令，并根据所述调整指令对所述网页进行对应的调整。

可选地，所述展示所述网页的步骤，包括：

从预设的动画库内包含的所有动态效果中，提取出用户使用次数最多的指定动态效果；

将所述指定动态效果添加至所述网页中，得到更新后的网页；

展示所述更新后的网页。

可选地，所述提醒用户录入身份验证信息的步骤，包括；

获取当前时间，以及距离当前时间最近的最新一次成功鉴权的指定时间；

计算所述当前时间减去所述指定时间得到的差值；

判断所述差值是否大于预设时间阈值；

若判断出所述差值大于预设时间阈值，则提醒用户录入身份验证信息。

可选地，所述获取预设的网页组件模板的步骤之前，包括：

接收输入的配置代码；

对所述配置代码进行解析处理，生成与所述配置代码对应的解析结果；

根据所述解析结果，生成所述网页组件模板。

本申请还提供一种将图片转换为网页的装置，包括：

第一获取模块，用于获取输入的待处理图片；

识别模块，用于对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

分离模块，用于根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

分类模块，用于按照预设的素材类别对所述素材进行分类，得到分类后的素材；

第二获取模块，用于获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

填充模块，用于根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

本申请还提供一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器执行所述计算机程序时实现上述方法的步骤。

本申请还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述方法的步骤。

本申请中提供的将图片转换为网页的方法、装置、计算机设备和存储介质，具有以下有益效果：

本申请中提供的将图片转换为网页的方法、装置、计算机设备和存储介质，首先通过对获取到的待处理图片进行识别处理，来识别出所述待处理图片中包含的素材特征信息；然后根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；再按照预设的素材类别对所述图像素材进行分类，得到分类后的素材；之后获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；最后按根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，从而快速智能地生成与所述待处理图片对应的网页。本申请能够基于网页组件模板来智能地对待处理图片进行转换处理，以实现方便快捷地根据输入的待处理图片来自动生成对应的网页，使得不再需要开发人员将图片一个一个的进行切图布局等常规开发操作，有效地减少了人工开发工作量，提高了根据图片生成网页的生成效率，且生成的网页相较于原图片的还原度高。

附图说明

图1是本申请一实施例的将图片转换为网页的方法的流程示意图；

图2是本申请一实施例的将图片转换为网页的装置的结构示意图；

图3是本申请一实施例的计算机设备的结构示意图。

本申请目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用于解释本申请，并不用于限定本申请。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

参照图1，本申请一实施例的将图片转换为网页的方法，包括：

S1：获取输入的待处理图片；

S2：对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

S3：根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

S4：按照预设的素材类别对所述素材进行分类，得到分类后的素材；

S5：获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

S6：根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

如上述步骤S1至S6所述，本方法实施例的执行主体为一种将图片转换为网页的的装置。在实际应用中，上述将图片转换为网页的装置可以通过虚拟装置，例如软件代码实现，也可以通过写入或集成有相关执行代码的实体装置实现，且可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。举例地，上述将图片转换为网页的装置具体可以是移动终端。本实施例提供的将图片转换为网页的装置能够自动智能地将获取的待处理图片转换成对应的网页，有效地减少了人工开发工作量，有效地提高了根据图片生成网页的生成效率。具体地，首先获取输入的待处理图片。其中，上述待处理图片为用户需要用于转换为网页的图片数据，例如设计稿图片，可由用户输入至装置内。然后对上述待处理图片进行识别处理，识别出上述待处理图片中包含的素材特征信息。其中，可通过基于图像识别技术的图像识别算法来对上述待处理图片进行识别处理，对上述图像识别算法不作具体限定，例如可采用SURF算法或BRISK算法，等等。图像识别技术是人工智能的一个重要领域，图像识别技术用于对图像进行对象识别，以识别各种不同模式的目标和对像的技术，是以图像的主要特征为基础的，每个图像都有它的特征。另外，也可采用基于图像识别技术生成的图像识别模型来对上述待处理图片进行识别处理。上述图像识别模型具体可使用指定量的样本数据对卷积神经网络模型(CNN)进行训练生成的，且上述样本数据包括样本图片以及与该样本图片关联的素材数据。之后根据上述素材特征信息，对上述待处理图片进行分离处理，得到与上述素材特征信息对应的素材。其中，可以根据上述素材特征信息，可以利用预设的聚类算法对图片进行分割/分离处理，得到与上述素材特征信息对应的多个素材，上述聚类算法可包括K-means聚类算法。在得到了上述素材后，再按照预设的素材类别对上述素材进行分类，得到分类后的素材。其中，上述素材类别具体可包括图片类别、填充类别与文字类别。通过上述素材类别对上述素材进行分类后，得到的分类后的素材，具体可包括图片素材、填充素材与文字素材。之后获取上述分类后的素材在上述待处理图片中的位置信息，以及获取预设的网页组件模板。其中，上述网页模板组件具体可包括图片组件、填充组件与文字组件，且该网页模板组件可根据用户输入的配置代码来自动生成，用户可根据自身实际需求来编写相关的配置代码。最后根据上述位置信息，将上述分类后的素材填充至上述网页组件模板内的对应位置处，生成与上述待处理图片对应的网页。其中，可获取分类后的素材在上述待处理图片中的位置信息，再在网页组件模板中确定出与该位置信息相同的放置位置并根据该位置信息来将上述分类后的素材输入至预设的网页组件模版内的对应位置处，以生成与上述待处理图片对应的网页。通过本实施例能够智能地根据输入的待处理图片来自动生成对应的网页，有效地减少了人工开发工作量，提高了根据图片生成网页的生成效率，且生成的网页相较于原图片的还原度高。

进一步地，本申请一实施例中，上述按照预设的素材类别对所述素材进行分类，得到分类后的素材的步骤S4，包括：

S400：获取预设的素材类别；

S401：根据所述素材类别，分别将每一个所述素材与所述素材类别进行类别匹配处理，得到与每一个所述素材对应的类别匹配结果；

S402：根据所述类别匹配结果，将所有所述素材划分为不同种类的素材。

如上述步骤S400至S402所述，上述按照预设的素材类别对上述素材进行分类，得到分类后的素材的步骤，具体可包括：首先获取预设的素材类别。其中，上述素材类别具体可包括图片类别、填充类别与文字类别。在得到了上述素材类别后，再根据上述素材类别，分别将每一个素材与上述素材类别进行类别匹配处理，得到与每一个上述素材对应的类别匹配结果。并在得到了上述类别匹配结果后，再根据上述类别匹配结果，将所有上述素材划分为不同种类的素材。其中，上述不同种类的素材包括具体可包括图片素材、填充素材与文字素材。具体地，通过将每一个素材分别与上述素材类别进行匹配处理来得到对应的类别匹配结果，从而可以根据该类别匹配结果，来将与素材类别中的图片类别相匹配的素材划分为图片素材，将与素材类别中的填充类别相匹配的素材划分为填充素材，以及将与素材类别中的文字类别相匹配的素材划分为文字素材。另外，上述图片素材具体是指某个特征物品的复杂图像，且不是由集合图形填充而来的图像。上述填充素材具体是指修饰部分，往往是画图或者几何图形直接填充颜色后生成的。在网页概念内，按钮、边框、背景色、标题、段落、列表、表单等都属于填充素材。上述文字素材具体指的是图片内的文字识别。本实施例根据预设的素材类别，来将每一个素材分别与上述素材类别进行匹配处理，进而实现将所有上述素材划分为不同种类的素材，以便后续根据分类后的素材在上述待处理图片中的位置信息，将上述分类后的素材填充至上述网页组件模板内的与该位置信息对应的位置处，以实现智能快速地生成与上述待处理图片对应的网页。

本申请一实施例中，所述网页组件模板包括图片组件、填充组件与文字组件，所述分类后的素材包括图片素材、填充素材与文字素材，上述根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页的步骤S6，包括：

S600：获取所述图片素材在所述待处理图片中图片图层内的第一位置信息，在所述图片组件中确定出与所述第一位置信息相同的第一放置位置，并将所述图片素材填充至所述第一放置位置处；以及，

S601：获取所述填充素材在所述待处理图片中中填充图层内的第二位置信息，在述填充图层中确定出与所述第二位置信息相同的第二放置位置，并根据所述第二位置信息将所述填充素材填充至所述第二放置位置处；以及，

S602：获取所述文字素材在所述待处理图片中文字图层内的第三位置信息，在所述文字组件中确定出与所述第三位置信息相同的第三放置位置，并根据所述第三位置信息将所述文字素材填充至所述第三放置位置处，生成与所述待处理图片对应的网页。

如上述步骤S600至S602所述，上述网页组件模板具体可包括图片组件、填充组件与文字组件，上述分类后的素材具体可包括图片素材、填充素材与文字素材。上述根据上述位置信息，将上述分类后的素材填充至上述网页组件模板内的对应位置处，生成与上述待处理图片对应的网页的步骤，具体可包括：获取上述图片素材在上述待处理图片中图片图层内的第一位置信息，在上述图片组件中确定出与上述第一位置信息相同的第一放置位置，并将上述图片素材填充至上述图片组件内的第一放置位置处。以及获取上述填充素材在上述待处理图片中中填充图层内的第二位置信息，在述填充图层中确定出与上述第二位置信息相同的第二放置位置，并根据上述第二位置信息将上述填充素材填充至上述填充组件内的第二放置位置处。以及获取上述文字素材在上述待处理图片中文字图层内的第三位置信息，在上述文字组件中确定出与上述第三位置信息相同的第三放置位置，并根据上述第三位置信息将上述文字素材填充至上述文字组件内的第三放置位置，生成与上述待处理图片对应的网页。其中，对于对上述素材进行分类后得到的分类后的素材，每一种分类后的素材都会对应于上述网页组件模板内的一个组件。另外，通过获取各分类后的素材分别在上述待处理图片中图层内的位置信息，再在网页组件模板中确定出与该位置信息相同的放置位置，之后根据该位置信息来将各分类后的素材一一对应地填充至网页组件模板内的各组件内相应的放置位置处，进而能够准确快捷地生成与上述待处理图片视觉效果一致的网页。本实施例当获取到输入的待处理图片后，会基于图像识别技术对图片内容进行特征识别。并基于识别结果进行特征分离得到对应的素材，再对素材进行分类得到分类后的素材，以及获取分类后的素材在上述待处理图片中的位置信息，并在网页组件模板中确定出与该位置信息相同的放置位置，最后根据该位置信息来将上述分类后的素材输入至预设的网页组件模版内的对应位置处以生成对应的网页，从而有效地实现了智能快速将图片转换为对应的网页的效果。

进一步地，本申请一实施例中，上述根据所述位置信息，将所述素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页的步骤S6之后，包括：

S610：展示所述网页；

S611：判断是否接收到对于所述网页的调整指令；

S612：若判断出接收到对于所述网页的调整指令，则提醒用户录入身份验证信息；

S613：获取指定次数的，且距离当前时间最近的正确输入的多个鉴权验证信息；

S614：判断在所述多个鉴权验证信息中，是否存在与所述身份验证信息匹配的指定鉴权验证信息；

S615：若判断出存在与所述身份验证信息匹配的指定鉴权验证信息，则响应所述调整指令，并根据所述调整指令对所述网页进行对应的调整。

如上述步骤S610至S615所述，在生成了与上述待处理图片对应的网页后，在判断出用户为具有对上述网页进行编辑的权限的开发人员时，还可进一步根据用户的个人实际需求对该网页进行相应的调整处理。具体地，上述根据上述位置信息，将上述素材填充至上述网页组件模板内的对应位置处，生成与上述待处理图片对应的网页的步骤之后，还可包括：首先展示上述网页，以便让用户可以对生成的该网页内包含的数据进行准确性判断与评价。然后判断是否接收对于上述网页的调整指令。其中，上述调整指令对应着用户反馈的修改信息。另外，上述调整指令可用户进行触发，且对该调整指令的触发形式不作具体限定，例如可采用文字形式或语音形式进行触发。此外，上述调整指令可对于网页内的具体某个元素进行自定义调整其标签样式和交互功能，以符合用户的期望效果。如果判断出接收到用户触发的对于上述网页的调整指令，则提醒用户录入身份验证信息。其中，上述身份验证信息是用于对触发上述调整指令的用户进行身份验证的信息。用户录入的身份验证信息包括但不限于：数字密码、面部信息、指纹信息、虹膜信息。另外，提示用户录入身份验证信息还可以通过语音提示，或是其他方式，在此不作限定。此外，装置内还可包括生物信息采集模块，生物信息采集模块包括以下至少一种：指纹信息采集模块、面部信息采集模块和虹膜信息采集模块，其中，指纹信息采集模块可以是指纹传感器模组；面部信息采集模块可以是通用摄像头模组，如前置摄像头；虹膜信息采集模块可以包括红外光源和虹膜摄像头。在接收到上述身份验证信息后，再获取指定次数的，且距离当前时间最近的正确输入的多个鉴权验证信息。其中，对于上述指定次数的数量不作具体限定，例如可设为3次。另外，上述鉴权验证信息是用于放行用户使用权限所对应的正确的验证信息，该鉴权验证信息包括但不限于：数字密码、面部信息、指纹信息、虹膜信息。在得到了上述多个鉴权验证信息后，再判断在上述多个鉴权验证信息中，是否存在与上述身份验证信息匹配的指定鉴权验证信息。如果判断出存在与上述身份验证信息匹配的指定鉴权验证信息，表明用户具有对于上述网页进行调整处理的权限，则会响应上述调整指令，并根据上述调整指令对上述网页进行对应的调整。。本实施例在生成了与待处理图片对应的网页后，在检测到用户触发的对于上述网页的调整指令时，会先提示用户进行身份验证，如果验证出当前用户为具有对上述网页进行编辑的权限的开发人员时，后续才会根据接收到的用户触发的调整指令来对该网页进行对应的调整处理以得到更加精准的网页内容，使得最后生成的网页能够贴合用户的实际需求，有效地保证了用户的使用体验。且这样还可以避免不具有对于网页的编辑权限的用户对网页进行非法处理，有效地保证了生成的网页的数据安全性。

进一步地，本申请一实施例中，上述展示所述网页的步骤S610，包括：

S6100：从预设的动画库内包含的所有动态效果中，提取出用户使用次数最多的指定动态效果；

S6101：将所述指定动态效果添加至所述网页中，得到更新后的网页；

S6102：展示所述更新后的网页。

如上述步骤S6100至S6102所述，在生成与上述待处理图片对应的上述网页后，在对该网页进行展示之前，还可包括对上述网页进行添加动效的处理，以向用户展示形式更加丰富的动态页面。具体地，上述展示上述网页的步骤的步骤，具体可包括：首先从预设的动画库内包含的所有动态效果中，提取出用户使用次数最多的指定动态效果。其中，上述预设的动画库中内置有各种动态效果，包括但不限于飞入、渐模块隐渐现、钟摆效果、延迟出现等，所有的动态效果，都可以设置各类属性，例如飞入的时间，模块是否有惯性，惯性时间，动画时间采用哪种函数(线性、非线性或者高阶函数)等等。且本实施例会根据技术和需求的更新，自动维护上述动画库，并且可以支持用户在上述动画库内添加自定义动态效果。在得到了用户使用次数最多的上述指定动态效果时，然后将上述指定动态效果添加至上述网页中，得到更新后的网页。其中，通过将上述指定动态效果添加至网页中，能够得到展示效果更加丰富的动态页面，有利于为用户提供一种新形式的输出网页。最后生成了上述更新后的网页时，再展示上述更新后的网页。本实施例在向用户展示生成的与待处理图片对应的网页之前，还会对智能对上述网页进行添加动效的处理，具体会从预设的动画库中提取出用户使用次数最多的指定动态效果，并将该指定动态效果添加至上述网页中来得到更新后的网页，从而能够为用户展示一种新形式的动态页面。另外，由于添加的指定动态效果是根据用户以往的使用习惯来智能选取的，能够满足用户的需求，有效地提高了用户的使用体验。

进一步地，本申请一实施例中，上述提醒用户录入身份验证信息的步骤S612，包括；

S6120：获取当前时间，以及距离当前时间最近的最新一次成功鉴权的指定时间；

S6121：计算所述当前时间减去所述指定时间得到的差值；

S6122：判断所述差值是否大于预设时间阈值；

S6123：若判断出所述差值大于预设时间阈值，则提醒用户录入身份验证信息。

如上述步骤S6120至S6123所述，上述提醒用户录入身份验证信息的步骤，具体可包括：首先获取当前时间，以及距离当前时间最近的最新一次成功鉴权的指定时间。然后计算上述当前时间减去上述指定时间得到的差值。举例地，假设当前时间为16:20，指定时间为16:00，则当前时间减去指定时间得到的差值为20分钟。之后判断上述差值是否大于预设时间阈值。其中，对于上述预设时间阈值的数值不作具体限定，例如可设置为10分钟。如果判断出上述差值大于预设时间阈值，则提醒用户录入身份验证信息。本实施例只有在当前时间距离最新一次成功鉴权的指定时间大于预设时间阔值的情况下，才会在响应用户触发的调整指令之前需要对用户身份验证，这样可在确保用户具有对于上述网页的处理权限的前提下，避免每次用户需要对网页进行调整处理之前都需要身份验证而给用户带来不必要的麻烦，进一步地提升了用户体验。

进一步地，本申请一实施例中，上述获取预设的网页组件模板的步骤S5之前，包括：

S500：接收输入的配置代码；

S501：对所述配置代码进行解析处理，生成与所述配置代码对应的解析结果；

S502：根据所述解析结果，生成所述网页组件模板。

如上述步骤S500至S502所述，在进行上述获取预设的网页组件模板的获取步骤之前，还可包括生成该网页组件模板的生成步骤。具体地，首先接收输入的配置代码。其中，上述配置代码为用于生成上述网页组件模板的代码，且该配置代码可由用户根据实际需求编写生成。然后对上述配置代码进行解析处理，生成与上述配置代码对应的解析结果。其中，上述对于配置代码的解析处理流程可参考现有的代码解析方法，在此不再赘述。最后根据上述解析结果，生成上述网页组件模板。其中，上述网页组件模板也可称为网页布局框架，且该网页组件模板为根据输入的配置代码生成的程序化的组件模板。另外，上述网页组件模板具体可包括图片组件、填充组件与文字组件。本实施例通过解析输入的配置代码来生成对应的网页组件模板，有利于后续将与待处理图片对应的素材填充至上述网页组件模板内，进而实现智能快捷地生成与上述待处理图片对应的网页。

进一步地，本申请一实施例中，上述按照预设的素材类别对所述素材进行分类，得到分类后的素材的步骤S4之后，包括：

S410：将所述分类后的素材存储至区块链系统的区块链上。

如上述步骤S410所述，在完成了对于上述图像素材的划分处理后，还可基于区块链来对经过划分处理得到的分类后的素材进行安全存储处理，以实现对于上述分类后的素材的安全存储。具体地，上述按照预设的素材类别对所述素材进行分类，得到分类后的素材的步骤之后，还可包括：将上述分类后的素材存储至区块链系统的区块链上。本实施例通过使用区块链来对经过划分处理后生成的上述分类后的素材进行存储和管理，有效地保证了上述分类后的素材的安全性与不可篡改性。

参照图2，本申请一实施例中还提供了一种将图片转换为网页的装置，包括：

第一获取模块1，用于获取输入的待处理图片；

识别模块2，用于对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

分离模块3，用于根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

分类模块4，用于按照预设的素材类别对所述素材进行分类，得到分类后的素材；

第二获取模块5，用于获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

填充模块6，用于根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

本实施例中，上述将图片转换为网页的装置中的第一获取模块、识别模块、分类模块、分类模块、第二获取模块与填充模块的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S1至S6的实现过程，在此不再赘述。

进一步地，本申请一实施例中，上述分类模块，包括：

第一获取单元，用于获取预设的素材类别；

第二匹配单元，用于根据所述素材类别，分别将每一个所述素材与所述素材类别进行类别匹配处理，得到与每一个所述素材对应的类别匹配结果；

划分单元，用于根据所述类别匹配结果，将所有所述素材划分为不同种类的素材。

本实施例中，上述将图片转换为网页的装置中的第一获取单元、第二匹配单元与划分单元的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S300至S302的实现过程，在此不再赘述。

进一步地，本申请一实施例中，所述网页组件模板包括图片组件、填充组件与文字组件，所述分类后的素材包括图片素材、填充素材与文字素材，上述填充模块，包括：

第一填充单元，用于获取所述图片素材在所述待处理图片中图片图层内的第一位置信息，在所述图片组件中确定出与所述第一位置信息相同的第一放置位置，并将所述图片素材填充至所述第一放置位置处；以及，

第二填充单元，用于获取所述填充素材在所述待处理图片中中填充图层内的第二位置信息，在述填充图层中确定出与所述第二位置信息相同的第二放置位置，并根据所述第二位置信息将所述填充素材填充至所述第二放置位置处；以及，

第三填充单元，用于获取所述文字素材在所述待处理图片中文字图层内的第三位置信息，在所述文字组件中确定出与所述第三位置信息相同的第三放置位置，并根据所述第三位置信息将所述文字素材填充至所述第三放置位置处，生成与所述待处理图片对应的网页。

本实施例中，上述将图片转换为网页的装置中的第一填充单元、第二填充单元与第三填充单元的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S600至S602的实现过程，在此不再赘述。

进一步地，本申请一实施例中，上述将图片转换为网页的装置，包括：

展示模块，用于展示所述网页；

第一判断模块，用于判断是否接收到对于所述网页的调整指令；

提醒模块，用于若判断出接收到对于所述网页的调整指令，则提醒用户录入身份验证信息；

第三获取模块，用于获取指定次数的，且距离当前时间最近的正确输入的多个鉴权验证信息；

第二判断模块，用于判断在所述多个鉴权验证信息中，是否存在与所述身份验证信息匹配的指定鉴权验证信息；

调整模块，用于若判断出存在与所述身份验证信息匹配的指定鉴权验证信息，则响应所述调整指令，并根据所述调整指令对所述网页进行对应的调整。

本实施例中，上述将图片转换为网页的装置中的展示模块、第一判断模块、提醒模块、第三获取模块、第二判断模块与调整模块的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S610至S615的实现过程，在此不再赘述。

进一步地，本申请一实施例中，上述展示模块，包括：

提取单元，用于从预设的动画库内包含的所有动态效果中，提取出用户使用次数最多的指定动态效果；

添加单元，用于将所述指定动态效果添加至所述网页中，得到更新后的网页；

展示单元，用于展示所述更新后的网页。

本实施例中，上述将图片转换为网页的装置中的提取单元、添加单元与展示单元的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S6100至S6102的实现过程，在此不再赘述。

进一步地，本申请一实施例中，上述第一提醒模块，包括：

第二获取单元，用于获取当前时间，以及距离当前时间最近的最新一次成功鉴权的指定时间；

计算单元，用于计算所述当前时间减去所述指定时间得到的差值；

判断单元，用于判断所述差值是否大于预设时间阈值；

提醒单元，用于若判断出所述差值大于预设时间阈值，则提醒用户录入身份验证信息。

本实施例中，上述将图片转换为网页的装置中的第二获取单元、计算单元、判断单元与提醒单元的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S6120至S6123的实现过程，在此不再赘述。

进一步地，本申请一实施例中，上述将图片转换为网页的装置，包括：

接收模块，用于接收输入的配置代码；

解析模块，用于对所述配置代码进行解析处理，生成与所述配置代码对应的解析结果；

生成模块，用于根据所述解析结果，生成所述网页组件模板。

本实施例中，上述将图片转换为网页的装置中的接收模块、解析模块与生成模块的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S500至S502的实现过程，在此不再赘述。

进一步地，本申请一实施例中，上述将图片转换为网页的装置，包括：

存储模块，用于将所述分类后的素材存储至区块链系统的区块链上。

本实施例中，上述将图片转换为网页的装置中的存储模块的功能和作用的实现过程具体详见上述将图片转换为网页的方法中对应步骤S410的实现过程，在此不再赘述。

参照图3，本申请实施例中还提供一种计算机设备，该计算机设备可以是服务器，其内部结构可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备设计的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储素材、网页组件模板以及与待处理图片对应的网页等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种将图片转换为网页的方法。

上述处理器执行上述将图片转换为网页的方法的步骤：

获取输入的待处理图片；

对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

按照预设的素材类别对所述素材进行分类，得到分类后的素材；

获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

本领域技术人员可以理解，图3中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的装置、计算机设备的限定。

本申请一实施例还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现一种将图片转换为网页的方法，具体为：

获取输入的待处理图片；

对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

按照预设的素材类别对所述素材进行分类，得到分类后的素材；

获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

综上所述，本申请实施例中提供的将图片转换为网页的方法、装置、计算机设备和存储介质，获取输入的待处理图片；对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；按照预设的素材类别对所述素材进行分类，得到分类后的素材；获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。通过本申请实施例能够智能地根据输入的待处理图片来自动生成对应的网页，有效地减少了人工开发工作量，提高了根据图片生成网页的生成效率，且生成的网页相较于原图片的还原度高。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储与一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的和实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM通过多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双速据率SDRAM(SSRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

进一步地，所述计算机可用存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。

本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

区块链底层平台可以包括用户管理、基础服务、智能合约以及运营监控等处理模块。其中，用户管理模块负责所有区块链参与者的身份信息管理，包括维护公私钥生成(账户管理)、密钥管理以及用户真实身份和区块链地址对应关系维护(权限管理)等，并且在授权的情况下，监管和审计某些真实身份的交易情况，提供风险控制的规则配置(风控审计)；基础服务模块部署在所有区块链节点设备上，用来验证业务请求的有效性，并对有效请求完成共识后记录到存储上，对于一个新的业务请求，基础服务先对接口适配解析和鉴权处理(接口适配)，然后通过共识算法将业务信息加密(共识管理)，在加密之后完整一致的传输至共享账本上(网络通信)，并进行记录存储；智能合约模块负责合约的注册发行以及合约触发和合约执行，开发人员可以通过某种编程语言定义合约逻辑，发布到区块链上(合约注册)，根据合约条款的逻辑，调用密钥或者其它的事件触发执行，完成合约逻辑，同时还提供对合约升级注销的功能；运营监控模块主要负责产品发布过程中的部署、配置的修改、合约设置、云适配以及产品运行中的实时状态的可视化输出，例如：告警、监控网络情况、监控节点设备健康状态等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其它变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其它要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。

以上所述仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (10)

1.一种将图片转换为网页的方法，其特征在于，包括：

获取输入的待处理图片；

对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

按照预设的素材类别对所述素材进行分类，得到分类后的素材；

获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

2.根据权利要求1所述的将图片转换为网页的方法，其特征在于，所述按照预设的素材类别对所述素材进行分类，得到分类后的素材的步骤，包括：

获取预设的素材类别；

根据所述素材类别，分别将每一个所述素材与所述素材类别进行类别匹配处理，得到与每一个所述素材对应的类别匹配结果；

根据所述类别匹配结果，将所有所述素材划分为不同种类的素材。

3.根据权利要求1所述的将图片转换为网页的方法，其特征在于，所述网页组件模板包括图片组件、填充组件与文字组件，所述分类后的素材包括图片素材、填充素材与文字素材，所述根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页的步骤，包括：

获取所述图片素材在所述待处理图片中图片图层内的第一位置信息，在所述图片组件中确定出与所述第一位置信息相同的第一放置位置，并将所述图片素材填充至所述第一放置位置处；以及，

获取所述填充素材在所述待处理图片中中填充图层内的第二位置信息，在述填充图层中确定出与所述第二位置信息相同的第二放置位置，并根据所述第二位置信息将所述填充素材填充至所述第二放置位置处；以及，

获取所述文字素材在所述待处理图片中文字图层内的第三位置信息，在所述文字组件中确定出与所述第三位置信息相同的第三放置位置，并根据所述第三位置信息将所述文字素材填充至所述第三放置位置处，生成与所述待处理图片对应的网页。

4.根据权利要求1所述的将图片转换为网页的方法，其特征在于，所述根据所述位置信息，将所述素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页的步骤之后，包括：

展示所述网页；

判断是否接收到对于所述网页的调整指令；

若判断出接收到对于所述网页的调整指令，则提醒用户录入身份验证信息；

获取指定次数的，且距离当前时间最近的正确输入的多个鉴权验证信息；

判断在所述多个鉴权验证信息中，是否存在与所述身份验证信息匹配的指定鉴权验证信息；

若判断出存在与所述身份验证信息匹配的指定鉴权验证信息，则响应所述调整指令，并根据所述调整指令对所述网页进行对应的调整。

5.根据权利要求4所述的将图片转换为网页的方法，其特征在于，所述展示所述网页的步骤，包括：

从预设的动画库内包含的所有动态效果中，提取出用户使用次数最多的指定动态效果；

将所述指定动态效果添加至所述网页中，得到更新后的网页；

展示所述更新后的网页。

6.根据权利要求4所述的将图片转换为网页的方法，其特征在于，所述提醒用户录入身份验证信息的步骤，包括；

获取当前时间，以及距离当前时间最近的最新一次成功鉴权的指定时间；

计算所述当前时间减去所述指定时间得到的差值；

判断所述差值是否大于预设时间阈值；

若判断出所述差值大于预设时间阈值，则提醒用户录入身份验证信息。

7.根据权利要求1所述的将图片转换为网页的方法，其特征在于，所述获取预设的网页组件模板的步骤之前，包括：

接收输入的配置代码；

对所述配置代码进行解析处理，生成与所述配置代码对应的解析结果；

根据所述解析结果，生成所述网页组件模板。

8.一种将图片转换为网页的装置，其特征在于，包括：

第一获取模块，用于获取输入的待处理图片；

识别模块，用于对所述待处理图片进行识别处理，识别出所述待处理图片中包含的素材特征信息；

分离模块，用于根据所述素材特征信息，对所述待处理图片进行分离处理，得到与所述素材特征信息对应的素材；

分类模块，用于按照预设的素材类别对所述素材进行分类，得到分类后的素材；

第二获取模块，用于获取所述分类后的素材在所述待处理图片中的位置信息，以及获取预设的网页组件模板；

填充模块，用于根据所述位置信息，将所述分类后的素材填充至所述网页组件模板内的对应位置处，生成与所述待处理图片对应的网页。

9.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

Images