CN109388759B - 一种网页界面构建方法和系统、数据处理方法 - Google Patents
一种网页界面构建方法和系统、数据处理方法 Download PDFInfo
- Publication number
- CN109388759B CN109388759B CN201710651252.4A CN201710651252A CN109388759B CN 109388759 B CN109388759 B CN 109388759B CN 201710651252 A CN201710651252 A CN 201710651252A CN 109388759 B CN109388759 B CN 109388759B
- Authority
- CN
- China
- Prior art keywords
- webpage
- interface
- webpage interface
- page layout
- sample
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本申请提供了一种网页界面构建方法及系统、数据处理方法,所述方法包括:确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息后,获得网页界面。本申请可以自动化构建网页界面,所以可以提高构建网页界面的效率和准确率。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种网页界面构建方法和系统、数据处理方法。
背景技术
目前,构建网页界面需要考虑多方面需求,并基于多方面需求来勾勒出网页界面样本,再由技术人员依据勾勒出的网页界面样本,在网页构建软件上构建网页界面样本对应的网页界面。
由于技术人员依据网页界面样本构建网页界面的工作效率较低,导致构建网页界面过程的效率较低、准确率也较低。
发明内容
鉴于此,本申请提供了一种网页界面构建方法和系统、数据处理方法,可以对勾勒出的网页界面样本进行识别并自动化生成网页界面,从而提高构建网页界面的效率和准确率。
为了实现上述目的,提供了以下技术特征
一种网页界面构建系统,包括:
终端,用于拍摄网页界面样本,并发送包含网页界面样本的图像;
服务器,用于接收包含网页界面样本的图像,确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面。
可选的,所述服务器,还用于向所述终端反馈所述网页界面;
所述终端,还用于接收并显示所述网页界面。
一种网页界面构建系统,包括:
摄像设备,用于拍摄网页界面样本,并发送包含网页界面样本的图像;
处理设备,用于接收包含网页界面样本的图像,确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面。
可选的,所述处理设备,还用于输出并显示所述网页界面。
一种网页界面构建方法,包括:
确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;
将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;
调用所述网页界面模板类别对应的网页界面模板;
在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面。
可选的,所述网页界面特征还包括:
所述页面布局特征的属性信息;其中,所述页面布局特征包括所述网页界面样本的网页框架特征和所述网页框架中的组件特征;
所述文本信息的属性信息。
可选的,在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面之前,还包括:
调整所述网页界面模板中页面布局特征的属性信息,以满足网页界面样本中所述页面布局特征的属性信息。
可选的,所述在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面,包括:
基于所述文本信息的位置信息,在所述网页界面模板中添加所述文本信息;
调整所述文本信息,以使所述文本信息满足所述文本信息的属性信息。
可选的,在确定包含网页界面样本的图像的网页界面特征之前,还包括:
对所述包含网页界面样本的图像进行伸缩变换,以使所述网页界面样本达到预先设定好的网页尺寸。
可选的,所述确定包含网页界面样本的图像的网页界面特征,包括:
对所述包含网页界面样本的图像进行图像识别,获得页面布局特征和所述页面布局特征的属性信息;
对所述包含网页界面样本的图像进行文本识别,获得页面布局中的文本信息和所述文本信息的属性信息。
可选的,所述确定包含网页界面样本的图像的网页界面特征,包括:
发送所述包含网页界面样本的图像至图像识别设备,并获得所述图像识别设备对所述包含网页界面样本的图像进行图像识别后,反馈的页面布局特征和所述页面布局特征的属性信息;
发送所述包含网页界面样本的图像至文本识别设备,并获得所述文本识别设备对所述包含网页界面样本的图像进行文本识别后,反馈的文本信息和所述文本信息的属性信息。
可选的,所述页面布局特征的属性信息包括:所述页面布局特征的位置信息和样式信息;其中,所述样式信息包括页面布局特征的大小、填充颜色、线条颜色和形状;
所述文本信息的属性信息包括:所述文本信息的位置信息和样式信息;其中,所述字体信息包括文本信息的字体、字号、颜色和效果。
可选的,在获得网页界面后还包括:
输出并显示所述网页界面。
可选的,还包括:
在对所述网页界面纠正后,获得准确的网页界面模板;
利用所述页面布局特征和准确的网页界面模板,训练所述网页界面模板模型;
利用训练后的网页界面模板模型,更新已有的网页界面模板模型。
一种数据处理方法,包括:
终端获取包含网页界面样本的图像;
所述终端向服务器发送所述包含网页界面样本的图像;
所述终端接收来自服务器的网页界面,所述网页界面对应于所述网页界面样本;
所述终端显示所述网页界面。
可选的,所述包含网页界面样本的图像来自于用户的拍摄数据。
可选的,所述包含网页界面样本的图像来自于用户的绘制数据。
一种数据处理方法,其特征在于,包括:
获取包含网页界面样本的图像;
确定所述网页界面样本对应的网页界面特征;
获得具有所述网页界面特征的网页界面;
显示所述网页界面。
可选的,所述包含网页界面样本的图像来自于用户的拍摄数据。
可选的,所述包含网页界面样本的图像来自于用户的绘制数据。通过以上技术手段,可以实现以下有益效果:
本申请可以拍摄网页界面样本,并获得包含网页界面样本的图像。然后,基于包含网页界面样本的图像和预先构建的网页界面模板模型,自动化构建网页界面。由于构建网页界面的过程是自动化完成的,所以可以提高构建网页界面的效率和准确率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例公开的一种网页界面的结构示意图;
图2a和2c为本申请实施例公开的一种网页界面构建系统的结构示意图;
图2b为本申请实施例公开的一种网页界面构建方法的流程图;
图3为本申请实施例公开的一种网页界面的页面布局特征的结构示意图;
图4为本申请实施例公开的又一网页界面构建方法的流程图;
图5为本申请实施例公开的一种网页界面的结构示意图;
图6a为本申请实施例公开的又一种网页界面构建系统的结构示意图;
图6b为本申请实施例公开的又一种网页界面构建方法的流程图;
图7为本申请实施例公开的一种数据处理方法的流程图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
为了便于本领域技术人员理解,对网页界面进行简单说明。参见图1为经典网页界面的页面布局的示意图。
由图示可知,网页界面主要包括页面布局和页面布局中的文本信息;其中,页面布局包括网页框架和网页框架中的组件。
网页框架主要包括页头101、主体102、页尾103三个部分,各个组成部分又可以进行细微划分。
其中,网页框架的页头101主要承载网页标志(即网页logo)、登陆条、页面横幅广告(banner)等内容;页头101还可以包括导航组件,Tabs选项卡组件等。
网页框架的主体102为网页内容部分。通常而言,主体可以分为两到三个竖列,竖列内可以用于设置侧栏或设置栏目等;在竖列内还可以包括面包屑导航组件、按钮组件、表单组件等。
网页框架的页尾103,主要用来放置版权申明、使用协议等;页尾还可以包括导航组件,导航组件用于连接一些友情网站等。
根据本申请提供的一个实施例,提供一种网页界面构建系统的实施例一,以便本领域技术人员理解。参见图2a,包括终端100和与所述终端100相连的服务器200。
参见图2b,提供一种网页界面构建系统的执行过程。
步骤S201:终端100用于拍摄网页界面样本,并发送包含网页界面样本的图像。
用户可以在画图软件上、白纸上、黑板上等可涂写介质上,勾勒出网页界面样本,然后利用包含摄像设备的终端100拍摄网页界面样本。终端100可以为手机、平板电脑、笔记本等包含摄像设备的电子产品。
终端100生成包含网页界面样本的图像,并将包含网页界面样本的图像发送至服务器200,以供服务器200进行处理。
步骤S202:服务器200用于接收包含网页界面样本的图像,并基于所述包含网页界面样本的图像和预先构建的网页界面模板模型,自动化构建网页界面。
根据本申请提供的一个实施例,提供一种网页界面构建方法,以介绍服务器200自动化构建网页界面的执行过程。参见图2b,包括步骤S2021-S2024:
步骤S2021:服务器对所述包含网页界面样本的图像进行伸缩变换,以使所述网页界面样本达到网页尺寸。
由于不同应用场景下的网页界面具有不同的网页尺寸,所以本实施例可以预先根据应用场景设定好网页界面的网页尺寸,以规范最终得到的网页界面的网页尺寸。
例如,以应用场景为PC端的Window XP为例,由于其分辨率通常为1024×768像素,则可以设定网页尺寸为1024×768像素;以应用场景为手机iPhone5为例,由于其分辨率为640x1136像素,则可以设定网页尺寸为640x1136像素,等等。
处理设备200在接收包含网页界面样本的图像后,对包含网页界面样本的图像进行伸缩变换,以改变网页界面样本的大小,从而使得网页界面样本达到预先设定好的网页尺寸。
当然,若处理设备200接收到的包含网页界面样本的图像中网页界面样本已经符合预先设定好的网页尺寸,则处理设备200不必执行本步骤。
步骤S2022:服务器确定包含网页界面样本的图像的网页界面特征。
所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;其中,所述页面布局特征包括所述网页界面样本的网页框架特征和所述网页框架中的组件特征。例如,参见图3为在图1所示网页界面基础上确定出的网页界面特征的示意图。
网页框架特征主要包括网页界面的页头、主体和页尾的组成关系,以及,页头、主体和页尾内的细节划分的组成关系。网页框架中的组件特征包括:表单组件特征、搜索组件特征、按钮组件特征和/或导航组件等。
此外,所述网页界面特征还包括所述页面布局特征的属性信息和所述文本信息的属性信息。
其中,所述页面布局特征的属性信息包括:页面布局特征的位置信息和样式信息;样式信息包括页面布局特征的大小、填充颜色、线条颜色、形状和样式等。
其中,所述文本信息的属性信息包括:文本信息的位置信息和样式信息;其中,所述字体信息包括文字信息的字体、字号、颜色和效果等。
根据本申请提供的一个实施例,提供服务器确定包含网页界面样本的图像的网页界面特征的第一种实现方式。
第一种实现方式中,服务器200自身集成有图像识别技术以及文本识别技术,所以由服务器200自身来识别包含网页界面样本的图像,并获得网页界面特征。
服务器200对所述包含网页界面样本的图像进行图像识别,获得页面布局特征和所述页面布局特征的属性信息;对所述包含网页界面样本的图像进行文本识别,获得页面布局中的文本信息和所述文本信息的属性信息。
根据本申请提供的另一个实施例,提供服务器确定包含网页界面样本的图像的网页界面特征的第二种实现方式:
参见图2c,在图2a所示的网页界面构建系统基础上还包括:与服务器200相连的图像识别设备300和文本识别设备400。
第二种实现方式中,服务器200上未集成有图像识别技术以及文本识别技术,所以由图像识别设备300和文本识别设备400来识别包含网页界面样本的图像,并获得网页界面特征。
服务器200发送所述包含网页界面样本的图像至图像识别设备300,并获得所述图像识别设备300对所述包含网页界面样本的图像进行图像识别后,反馈的页面布局特征和所述页面布局特征的属性信息。
服务器200还可以发送所述包含网页界面样本的图像至文本识别设备400,并获得所述文本识别设备400对所述包含网页界面样本的图像进行文本识别后,反馈的文本信息和所述文本信息的属性信息。
当然,服务器200还可以采用其它方式来确定网页界面样本的图像的网页界面特征,在此不再一一列举。
接着返回图2b,进入步骤S2023:服务器200将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别。
首先,介绍网页界面模板模型的训练过程。参见图4,包括以下步骤:
步骤S401:获得多个网页界面样本并对网页界面样本设置标签,将多个打标后的网页界面样本作为训练样本集。
对目前典型的网页界面进行分类,得到多个网页界面模板类别,并为每个网页界面类别设置标识。
例如,将网页界面分为36种类别,按自然数序号为网页界面类别设置标识:1号对应网页界面类别1、2号对应网页界面类别2、3号对应网页界面类别3,以此类推。
收集每种网页界面类别的多个网页界面样本,并每个网页界面样本打标。即为每个网页界面样版设置其网页界面类别对应的标识。例如,为一个网页界面样本1设置1号,为一个网页界面样本2设置3号,等。
步骤S402:确定训练样本集中各个训练样本的页面布局特征。
对各个网页界面样本进行图像识别,从而获得各个网页界面样本的页面布局特征。
步骤S403:将各个页面布局特征和对应的标识逐个输入至分类模型中,以对分类模型进行训练。
分类模型可以采用神经网络模型、NP模型等成熟的分类模型。训练过程主要目的为调整分类模型,以便分类模型可以基于页面布局特征,准确输出页面布局特征对应的标识(即网页界面类别)。
关于分类模型的训练过程已为成熟技术,在此不再赘述。
步骤S404:在达到训练结束条件后停止训练过程,将分类模型确定为网页界面模板模型。
其次,训练结束后将网页界面模板模型存储在服务器200上,并且,在服务器200上存储各个网页界面模板类别对应的网页界面模板。
继续以将网页界面分为36种类别为例,则在服务器上存储36种网页界面模板类别对应的网页界面模板,以便后续调用。
在步骤S2023中,服务器200将从包含网页界面样本的图像确定出的页面布局特征输入至网页界面模板模型中,在经网页界面模板模计算后,获得网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别。
例如,当网页界面模板模型计算后,输出匹配率最高的为15号,则确定网页界面模板类别为15号。
接着返回图2b,进入步骤S2024:服务器200调用所述网页界面模板类别对应的网页界面模板。
服务器200存储每个网页界面模板类别对应的网页界面模板。服务器200通过网页界面模板类别与网页界面模板的对应关系,查找到步骤S2023中确定出的网页界面模板类别对应的网页界面模板。
例如,延续上述举例,则可以查找网页界面模板类别为15号对应的网页界面模板。
步骤S2025:服务器200调整所述网页界面模板的页面布局特征,以使所述网页界面模板满足所述页面布局特征的属性信息。
网页界面模板与网页界面样本的页面布局特征相似,但是,两者的属性信息可能不同;例如,页头的尺寸大小不同,主体的颜色不同、组件数量不同,组件位置不同,等等。
为了尽量还原样本界面样本,可以调整网页界面模板中页面布局特征的属性信息,以使网页界面模板满足网页界面样本对应的页面布局特征的属性信息。
参见前述内容可知,所述页面布局特征包括所述网页界面样本的网页框架特征和所述网页框架中的组件特征;所述页面布局特征的属性信息包括:页面布局特征的位置信息和样式信息;其中,样式信息包括页面布局特征的大小、填充颜色、线条颜色和形状等。
则调整网页界面模板中页面布局特征的属性信息包括:
调整所述网页界面模板的网页框架特征的属性信息,以满足所述网页界面样本的网页框架的属性信息;即,满足网页界面样本的网页框架的位置信息和样式信息。
调整所述网页界面模板的组件特征的属性信息,以满足所述网页界面样本的组件特征的属性信息;即,满足网页界面样本的组件特征的位置信息和样式信息。
步骤S2026:服务器200在所述网页界面模板中添加所述页面布局中的文本信息后,获得网页界面。
服务器200基于所述文本信息的位置信息,在所述网页界面模板中添加所述文本信息。然后,调整所述文本信息以使所述文本信息满足所述文本信息的属性信息。
参见图5,在图3所示的页面布局特征基础上,基于各个文本信息的位置信息,在页面布局中添加文本信息。然后,再调整文本信息的属性信息,以满足所述网页界面样本中文本信息的属性信息。
通过前述步骤S2021-S2026,服务器200可以确定网页界面样本对应的网页界面。
接着返回图2b,进入步骤S203:服务器200向所述终端100反馈网页界面。
步骤S204:终端100还用于接收并显示所述网页界面,以供用户查看服务器自动化构建的网页界面。
步骤S205:终端100用于在对所述网页界面纠正后,发送准确的网页界面模板至服务器200。
由于网页界面模板模型并非完全准确,所以基于网页界面模板模型输出的网页界面可能会有一些错误地方。在人工对网页界面模板模型纠错后,终端100会发送准确的网页界面模板。
步骤S206:服务器200获取准确的网页界面模板,利用所述页面布局特征和准确的网页界面模板,训练所述网页界面模板模型;利用训练后的网页界面模板模型,更新已有的所述网页界面模板模型。
在更新已有的所述网页界面模板模型后,利用更新后网页界面模板模型对页面布局特征进行识别时,会使得识别结果更加准确。
通过以上内容,可以发现本申请具有以下有益效果:
本申请可以拍摄网页界面样本,并获得包含网页界面样本的图像。然后,基于包含网页界面样本的图像和预先构建的网页界面模板模型,自动化构建网页界面。由于构建网页界面的过程是自动化完成的,所以可以提高构建网页界面的效率。
根据本申请提供的另一实施例,提供一种网页界面构建系统的实施例二。
参见图6a,网页界面构建系统包括摄像设备500和与所述摄像设备500相连的处理设备600。
参见图6b,提供一种网页界面构建系统的执行过程。
步骤S601:摄像设备500用于拍摄网页界面样本,并发送包含网页界面样本的图像。
步骤S602:处理设备600用于接收包含网页界面样本的图像,并基于所述包含网页界面样本的图像和预先构建的网页界面模板模型,自动化构建网页界面。
本步骤的执行过程可以参见上述实施例中步骤S2021-S2026过程,将执行主体由服务器200换成处理设备600后,便为处理设备600的自动化构建网页界面的执行过程。在此不再赘述。
步骤S603:处理设备600输出并显示所述网页界面,以供用户查看自动化构建的网页界面。
步骤S604:处理设备400获取在对所述网页界面纠正后得到的准确的网页界面模板,利用所述页面布局特征和准确的网页界面模板,训练所述网页界面模板模型;利用训练后的网页界面模板模型,更新已有的所述网页界面模板模型。
通过以上内容,可以发现本申请具有以下有益效果:
本申请可以拍摄网页界面样本,并获得包含网页界面样本的图像。然后,基于包含网页界面样本的图像和预先构建的网页界面模板模型,自动化构建网页界面。由于构建网页界面的过程是自动化完成的,所以可以提高构建网页界面的效率和准确率。
根据本申请提供的一个实施例,本申请提供了一种数据处理方法。本方法可以应用于终端,也可以应用于包含摄像设备和处理设备的硬件设备,本申请不限定其执行设备。
参见图7,包括以下步骤:
步骤S701:获取包含网页界面样本的图像;其中,所述包含网页界面样本的图像来自于用户的拍摄数据,或者,所述包含网页界面样本的图像来自于用户的绘制数据。
执行设备可以获取包含网页界面样本的图像,本实施例可以通过多种方式来获取包含网页界面样本的图像,可以根据具体场景而定,本申请不做限定。
步骤S702:确定所述网页界面样本对应的网页界面特征。
执行设备确定所述网页界面样本对应的网页界面特征,关于本步骤可以参见图2b所示的实施例,在此不再赘述。
步骤S703:获得具有所述网页界面特征的网页界面;
步骤S704:显示所述网页界面。
执行设备显示获得的网页界面,以供用户查看自动识别得到的网页界面是否合适。
本实施例方法所述的功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算设备可读取存储介质中。基于这样的理解,本申请实施例对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一台计算设备(可以是个人计算机,服务器,移动计算设备或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其它实施例的不同之处,各个实施例之间相同或相似部分互相参见即可。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (16)
1.一种网页界面构建系统,其特征在于,包括:
终端,用于拍摄网页界面样本,并发送包含网页界面样本的图像;
服务器,用于接收包含网页界面样本的图像,确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面;
其中,页面布局包括网页框架和网页框架中的组件,其中,网页框架包括:页头、主体、页尾,其中,主体包括竖列,在竖列内包括以下至少之一:设置侧栏、设置栏目、面包屑导航组件、按钮组件、表单组件。
2.如权利要求1所述的系统,其特征在于,
所述服务器,还用于向所述终端反馈所述网页界面;
所述终端,还用于接收并显示所述网页界面。
3.一种网页界面构建系统,其特征在于,包括:
摄像设备,用于拍摄网页界面样本,并发送包含网页界面样本的图像;
处理设备,用于接收包含网页界面样本的图像,确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面;
其中,页面布局包括网页框架和网页框架中的组件,其中,网页框架包括:页头、主体、页尾,其中,主体包括竖列,在竖列内包括以下至少之一:设置侧栏、设置栏目、面包屑导航组件、按钮组件、表单组件。
4.如权利要求3所述的系统,其特征在于,
所述处理设备,还用于输出并显示所述网页界面。
5.一种网页界面构建方法,其特征在于,包括:
确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;
将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;
调用所述网页界面模板类别对应的网页界面模板;
在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面;
其中,页面布局包括网页框架和网页框架中的组件,其中,网页框架包括:页头、主体、页尾,其中,主体包括竖列,在竖列内包括以下至少之一:设置侧栏、设置栏目、面包屑导航组件、按钮组件、表单组件。
6.如权利要求5所述的方法,其特征在于,所述网页界面特征还包括:
所述页面布局特征的属性信息;其中,所述页面布局特征包括所述网页界面样本的网页框架特征和所述网页框架中的组件特征;
所述文本信息的属性信息。
7.如权利要求6所述的方法,其特征在于,在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面之前,还包括:
调整所述网页界面模板中页面布局特征的属性信息,以满足网页界面样本中所述页面布局特征的属性信息。
8.如权利要求7所述的方法,其特征在于,所述在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面,包括:
基于所述文本信息的位置信息,在所述网页界面模板中添加所述文本信息;
调整所述文本信息,以使所述文本信息满足所述文本信息的属性信息。
9.如权利要求5所述的方法,其特征在于,在确定包含网页界面样本的图像的网页界面特征之前,还包括:
对所述包含网页界面样本的图像进行伸缩变换,以使所述网页界面样本达到预先设定好的网页尺寸。
10.如权利要求6所述的方法,其特征在于,所述确定包含网页界面样本的图像的网页界面特征,包括:
对所述包含网页界面样本的图像进行图像识别,获得页面布局特征和所述页面布局特征的属性信息;
对所述包含网页界面样本的图像进行文本识别,获得页面布局中的文本信息和所述文本信息的属性信息。
11.如权利要求6所述的方法,其特征在于,所述确定包含网页界面样本的图像的网页界面特征,包括:
发送所述包含网页界面样本的图像至图像识别设备,并获得所述图像识别设备对所述包含网页界面样本的图像进行图像识别后,反馈的页面布局特征和所述页面布局特征的属性信息;
发送所述包含网页界面样本的图像至文本识别设备,并获得所述文本识别设备对所述包含网页界面样本的图像进行文本识别后,反馈的文本信息和所述文本信息的属性信息。
12.如权利要求6、10或11所述的方法,其特征在于,
所述页面布局特征的属性信息包括:所述页面布局特征的位置信息和样式信息;其中,所述样式信息包括页面布局特征的大小、填充颜色、线条颜色和形状;
所述文本信息的属性信息包括:所述文本信息的位置信息和字体信息;其中,所述字体信息包括文本信息的字体、字号、颜色和效果。
13.如权利要求5所述的方法,其特征在于,在获得网页界面后还包括:
输出并显示所述网页界面。
14.如权利要求13所述的方法,其特征在于,还包括:
在对所述网页界面纠正后,获得准确的网页界面模板;
利用所述页面布局特征和准确的网页界面模板,训练所述网页界面模板模型;
利用训练后的网页界面模板模型,更新已有的网页界面模板模型。
15.一种数据处理方法,其特征在于,包括:
终端获取包含网页界面样本的图像;
所述终端向服务器发送所述包含网页界面样本的图像;
所述终端接收来自服务器的网页界面,所述网页界面对应于所述网页界面样本,其中,所述服务器接收包含网页界面样本的图像,确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面;
所述终端显示所述网页界面;
其中,页面布局包括网页框架和网页框架中的组件,其中,网页框架包括:页头、主体、页尾,其中,主体包括竖列,在竖列内包括以下至少之一:设置侧栏、设置栏目、面包屑导航组件、按钮组件、表单组件;
其中,所述包含网页界面样本的图像来自于用户的拍摄数据。
16.一种数据处理方法,其特征在于,包括:
获取包含网页界面样本的图像;
确定所述网页界面样本对应的网页界面特征;
获得具有所述网页界面特征的网页界面,其中,所述网页界面是按照如下方式得到的:服务器接收包含网页界面样本的图像,确定包含网页界面样本的图像的网页界面特征;其中,所述网页界面特征包括所述图像的页面布局特征和页面布局中的文本信息;将所述页面布局特征输入至网页界面模板模型,获得所述网页界面模板模型输出的、与所述页面布局特征匹配率最高的网页界面模板类别;调用所述网页界面模板类别对应的网页界面模板;在所述网页界面模板中添加所述页面布局中的文本信息获得网页界面;
显示所述网页界面;
其中,网页界面特征包括页面布局,页面布局包括网页框架和网页框架中的组件,其中,网页框架包括:页头、主体、页尾,其中,主体包括竖列,在竖列内包括以下至少之一:设置侧栏、设置栏目、面包屑导航组件、按钮组件、表单组件;
其中,所述包含网页界面样本的图像来自于用户的拍摄数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710651252.4A CN109388759B (zh) | 2017-08-02 | 2017-08-02 | 一种网页界面构建方法和系统、数据处理方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710651252.4A CN109388759B (zh) | 2017-08-02 | 2017-08-02 | 一种网页界面构建方法和系统、数据处理方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109388759A CN109388759A (zh) | 2019-02-26 |
CN109388759B true CN109388759B (zh) | 2023-01-31 |
Family
ID=65412211
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710651252.4A Active CN109388759B (zh) | 2017-08-02 | 2017-08-02 | 一种网页界面构建方法和系统、数据处理方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109388759B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112581565B (zh) * | 2019-09-29 | 2023-11-28 | 上海哔哩哔哩科技有限公司 | 一种生成多媒体素材图的方法及装置 |
CN110928538A (zh) * | 2019-10-08 | 2020-03-27 | 视联动力信息技术股份有限公司 | 一种视联网终端的界面处理方法及装置 |
CN112036147B (zh) * | 2020-08-28 | 2024-01-30 | 平安科技(深圳)有限公司 | 将图片转换为网页的方法、装置、计算机设备和存储介质 |
CN114329291A (zh) * | 2021-12-22 | 2022-04-12 | 中国铁道科学研究院集团有限公司电子计算技术研究所 | 门户网站动态管理方法和系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104978317A (zh) * | 2014-04-02 | 2015-10-14 | 腾讯科技(北京)有限公司 | 网页生成方法及装置、网站生成方法及建站服务器 |
CN105373567A (zh) * | 2014-09-01 | 2016-03-02 | 北京奇虎科技有限公司 | 页面生成方法及客户端 |
CN105930159A (zh) * | 2016-04-20 | 2016-09-07 | 中山大学 | 一种基于图像的界面代码生成的方法及系统 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9152616B2 (en) * | 2011-04-28 | 2015-10-06 | Flipboard, Inc. | Template-based page layout for web content |
CN102981855A (zh) * | 2012-11-23 | 2013-03-20 | 蓝盾信息安全技术股份有限公司 | 基于模板的界面自动生成的方法及系统 |
CN104063380B (zh) * | 2013-03-18 | 2018-06-05 | 北京百度网讯科技有限公司 | 将图片类文件转换为网页文件的方法和装置 |
CN106777077A (zh) * | 2016-12-13 | 2017-05-31 | 网易(杭州)网络有限公司 | 网页的生成方法及装置 |
CN106844567A (zh) * | 2016-12-23 | 2017-06-13 | 《中国医药科学》杂志社有限公司 | 一种纸质稿件转换为网络文本页面的方法及系统 |
-
2017
- 2017-08-02 CN CN201710651252.4A patent/CN109388759B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104978317A (zh) * | 2014-04-02 | 2015-10-14 | 腾讯科技(北京)有限公司 | 网页生成方法及装置、网站生成方法及建站服务器 |
CN105373567A (zh) * | 2014-09-01 | 2016-03-02 | 北京奇虎科技有限公司 | 页面生成方法及客户端 |
CN105930159A (zh) * | 2016-04-20 | 2016-09-07 | 中山大学 | 一种基于图像的界面代码生成的方法及系统 |
Non-Patent Citations (2)
Title |
---|
The gentle spherical panorama image construction for the web navigation system;Min-Jen Tsai 等;《2010 IEEE International Conference on Acoustics, Speech and Signal Processing》;20100628;1578-1581 * |
基于逆向匹配的电子商务网站实体模板半自动构建方法;傅彦 等;《中文信息学报》;20150529;第29卷(第2期);157-162+178 * |
Also Published As
Publication number | Publication date |
---|---|
CN109388759A (zh) | 2019-02-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109388759B (zh) | 一种网页界面构建方法和系统、数据处理方法 | |
CN110390269B (zh) | Pdf文档表格提取方法、装置、设备及计算机可读存储介质 | |
CN109599187B (zh) | 一种在线问诊的分诊方法、服务器、终端、设备及介质 | |
CN112100431B (zh) | Ocr系统的评估方法、装置、设备及可读存储介质 | |
US20210192129A1 (en) | Method, system and cloud server for auto filing an electronic form | |
CN109815465B (zh) | 基于深度学习的海报生成方法、装置和计算机设备 | |
CN105095166A (zh) | 流式电子书产生的方法及网站系统 | |
CN110706312A (zh) | 一种表情包的文案确定方法、装置及电子设备 | |
CN108648019A (zh) | 提升广告分析效率的方法、装置、电子设备及存储介质 | |
CN111144079A (zh) | 一种智能获取学习资源的方法、装置、打印机和存储介质 | |
CN112686168A (zh) | 自动录入表单的方法、装置、电子设备及存储介质 | |
CN110309217B (zh) | 数据的导入导出方法、装置、终端及计算机可读存储介质 | |
CN114937270A (zh) | 古籍文字处理方法、装置及计算机可读存储介质 | |
KR102003221B1 (ko) | 필기 이미지 데이터 생성 시스템 및 이를 이용한 필기 이미지 데이터 생성 방법 | |
CN113094287B (zh) | 页面兼容性检测方法、装置、设备及存储介质 | |
CN112418813B (zh) | 基于智能解析识别的aeo资质智能评级管理系统、方法及存储介质 | |
JP2020502710A (ja) | ウェブページメイン画像認識方法及び装置 | |
CN108921592A (zh) | 一种价格信息的处理方法、处理装置和存储介质 | |
US11989772B2 (en) | System and method for extracting product information from low resolution photos for updating product master | |
CN109857951B (zh) | 书法交友信息推荐方法、装置、设备及可读存储介质 | |
CN113868411A (zh) | 合同比对方法、装置、存储介质及计算机设备 | |
WO2015063783A1 (en) | Topic-wise collaboration integration | |
CN112950167A (zh) | 设计服务匹配方法、装置、设备及存储介质 | |
CN114119121A (zh) | 发布商品素材的方法、装置、存储介质和处理器 | |
CN115860007B (zh) | 指标影响度的计算方法及装置、存储介质、电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |