网页生成方法、装置、存储介质及设备与流程

文档序号:15200181发布日期:2018-08-19 10:46阅读:171来源:国知局

本申请涉及计算机技术领域,特别涉及一种网页生成方法、装置、存储介质及设备。



背景技术:

网页是由多个视图模块的模块代码拼接形成的。其中,视图模块是网页中用于实现一项功能的ui(userinterface,用户界面)部件的集合,可以是导航栏模块、快捷入口模块、资讯模块、视频模块、个人信息模块等等。

相关技术中,客户端中存储有一些已经生成的固定模式的视图模块,客户端可以显示每个视图模块的模块信息,该模块信息包括视图模块的名称和颜色;根据用户的操作信号选择视图模块,将所选的视图模块的模块信息发送给服务器;再由服务器获取各条模块信息对应的模块代码,根据所有的模块代码生成网页。由于每个视图模块都是固定的,如果生成的网页不能满足用户的需求,则用户还需要对网页进行二次加工。

对生成的网页进行二次加工时,操作较为繁琐,且网页的生成效率不高。



技术实现要素:

本申请实施例提供了一种网页生成方法、装置、存储介质及设备,用于解决对网页进行二次加工时,操作较为繁琐,且网页的生成效率不高的问题。所述技术方案如下:

一方面,提供了一种网页生成方法,所述方法包括:

接收客户端发送的网页的视觉稿,所述视觉稿是所述网页的视觉设计的静态设计图,且所述视觉稿包括所述网页中的各个视图模块;

利用机器学习模型识别所述视觉稿中的各个所述视图模块,得到各个所述视图模块的模块信息,所述模块信息包括所述视图模块的标识和位置信息,所述位置信息用于指示所述视图模块在所述视觉稿中的位置;

从模块代码库中查找所述模块信息中的标识对应的模块代码;

根据查找到的所述模块代码和所述模块代码对应的模块信息中的位置信息,生成所述网页。

一方面,提供了一种网页生成方法,所述方法包括:

获取网页的视觉稿,所述视觉稿是所述网页的视觉设计的静态设计图,且所述视觉稿包括所述网页中的各个视图模块;

将所述视觉稿发送给服务器,所述服务器用于利用机器学习模型识别所述视觉稿中的各个所述视图模块,得到各个所述视图模块的模块信息,所述模块信息包括所述视图模块的标识和位置信息,所述位置信息用于指示所述视图模块在所述视觉稿中的位置;从模块代码库中查找所述模块信息中的标识对应的模块代码;根据查找到的所述模块代码和所述模块代码对应的模块信息中的位置信息,生成所述网页。

一方面,提供了一种网页生成装置,所述装置包括:

接收模块,用于接收客户端发送的网页的视觉稿,所述视觉稿是所述网页的视觉设计的静态设计图,且所述视觉稿包括所述网页中的各个视图模块;

识别模块,用于利用机器学习模型识别所述视觉稿中的各个所述视图模块,得到各个所述视图模块的模块信息,所述模块信息包括所述视图模块的标识和位置信息,所述位置信息用于指示所述视图模块在所述视觉稿中的位置;

查找模块,用于从模块代码库中查找所述模块信息中的标识对应的模块代码;

生成模块,用于根据所述查找模块查找到的所述模块代码和所述模块代码对应的模块信息中的位置信息,生成所述网页。

一方面,提供了一种网页生成装置,所述装置包括:

获取模块,用于获取网页的视觉稿,所述视觉稿是所述网页的视觉设计的静态设计图,且所述视觉稿包括所述网页中的各个视图模块;

发送模块,用于将所述获取模块得到的所述视觉稿发送给服务器,所述服务器用于利用机器学习模型识别所述视觉稿中的各个所述视图模块,得到各个所述视图模块的模块信息,所述模块信息包括所述视图模块的标识和位置信息,所述位置信息用于指示所述视图模块在所述视觉稿中的位置;从模块代码库中查找所述模块信息中的标识对应的模块代码;根据查找到的所述模块代码和所述模块代码对应的模块信息中的位置信息,生成所述网页。

一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上所述的网页生成方法。

一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上所述的网页生成方法。

一方面,提供了一种服务器,所述服务器包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如上所述的网页生成方法。

一方面,提供了一种终端,所述终端安装有客户端,且所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如上所述的网页生成方法。

本申请实施例提供的技术方案的有益效果是:

由于服务器是通过机器学习模型自动识别出视觉稿中的各个视图模块的,所以,服务器生成的网页中的每个视图模块与视觉稿中对应的视图模块完全相同,解决了需要对网页进行二次加工的问题,简化了网页的生成,从而提高了网页的生成效率。另外,由于服务器可以自动识别视图模块,不需要用户手动选择视图模块,可以提高网页的生成效率。

附图说明

为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1是根据部分示例性实施例示出的一种网页生成系统的结构示意图;

图2是本申请一个实施例提供的网页生成方法的方法流程图;

图3是本申请另一实施例提供的网页生成方法的方法流程图;

图4是本申请另一实施例提供的网页的视觉稿的示意图;

图5a是本申请另一实施例提供的上传视觉稿的示意图;

图5b是本申请另一实施例提供的识别视觉稿的示意图;

图5c是本申请另一实施例提供的显示模块信息的示意图;

图6是本申请另一实施例提供的服务器的结构的示意图;

图7a至7c是本申请另一实施例提供的网页的生成流程的视图;

图8是本申请一个实施例提供的网页生成装置的结构框图;

图9是本申请再一实施例提供的网页生成装置的结构框图;

图10是本申请一个实施例提供的服务器的结构示意图;

图11是本申请一个实施例提供的终端的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。

请参考图1,其示出了本申请实施例提供的一种网页生成系统的结构示意图。该网页生成系统包括终端110和服务器120。终端110与服务器120通过有线网络或无线网络建立连接。

终端110是具有数据收发功能的设备,比如智能手机、平板电脑、计算机、电子书阅读器、音乐播放器、可穿戴设备等等。终端110中安装有客户端,该类客户端能够发送和接收网页数据包。比如,客户端可以是浏览器或内嵌webkit(浏览器内核)的诸如微博客户端、微信客户端、qq客户端、邮箱客户端等的即时通信类客户端。

服务器120是客户端的后台服务器,可以是一台服务器或多台服务器组成的服务器集群或云计算中心。

图1中以示出一个智能手机110、一个计算机110和一个服务器120来举例说明。

相关技术中,由用户手动选择视图模块来生成网页,手动选择耗时较多,且用户可能还需要对生成的网页进行二次加工,导致网页的生成效率不高,另外,由于有些视图模块有多种版式,比如,导航栏模块包括显示在网页最左侧的竖版导航栏和显示在网页最上侧的横版导航栏,用户在选择导航栏模块时,还需要对每种版式的导航栏进行预览,再选择一种版式的视图模块,选择过程耗时更多。为了提高网页的生成效率,本实施例提供了一种网页的生成方法,通过服务器自动识别网页的视觉稿中的视图模块,并将各个视图模块的模块代码拼接成网页,详见下图2所示的实施例。

请参考图2,其示出了本申请一个实施例提供的网页生成方法的方法流程图。该网页生成方法,包括:

步骤201,客户端获取网页的视觉稿。

网页包括多个视图模块,该视图模块是网页中用于实现一项功能的ui部件的集合。比如,视频模块、导航栏模块、选项卡模块、评论列表模块、资讯模块、快捷入口模块、搜索框模块等等,本实施例仅以上述视图模块进行举例说明,在实际实现时,网页还可以包括其他视图模块,本实施例不作限定。其中,一个网页可以同时包括这些视图模块,也可以包括这些视图模块中的部分视图模块,本实施例不作限定。

视频模块用于实现网页中的视频播放功能,此时的ui部件可以包括视频播放工具、视频链接、视频的缩略图等等。当用户点击视频模块时,根据该视频链接获取视频数据,再播放该视频数据。

导航栏模块用于实现网页中的分页面导航功能,此时的ui部件可以包括多个按钮,且每个按钮用于链接网页内的一个分页面。

选项卡模块用于实现网页中的窗口跳转功能,此时的ui部件包括多个标签,且每个标签用于链接不同选项功能的窗口。

评论列表模块用于实现网页中的评论展示功能,此时的ui部件包括多条评论,且每条评论包括用户名、用户头像、评论内容、评论时间、评论被浏览的次数、被点赞的次数等等。

资讯模块用于实现网页中的资讯展示功能,此时的ui部件包括多条新闻资讯,且每条新闻资讯包括名称、内容、附图等等。

快捷入口模块用于实现网页中的快捷入口跳转功能,此时的ui部件包括多个快捷入口,且每个快捷入口用于链接一个页面或一个程序或程序内的一个功能,本实施例不作限定。

搜索框模块用于实现网页中的搜索功能,此时的ui部件包括一个搜索框,用户可以在搜索框内输入文字以获取与该文字相关的搜索内容。

视觉稿是视觉设计的静态设计图,通俗来讲,网页的视觉稿是网页在界面中所展示的图形。

客户端可以显示一个上传界面,并接收用户上传的网页的视觉稿。

步骤202,客户端将视觉稿发送给服务器。

步骤203,服务器接收客户端发送的网页的视觉稿。

步骤204,服务器利用机器学习模型识别视觉稿中的各个视图模块,得到各个视图模块的模块信息,该模块信息包括视图模块的标识的位置信息,该位置信息用于指示视图模块在视觉稿中的位置。

机器学习模型可以是由服务器对一个初始的机器学习算法进行训练得到的,也可以是由其他设备对一个初始的机器学习算法进行训练,服务器从其他设备中获取到的,本实施例不对机器学习算法作限定,也不对机器学习算法的来源作限定。当机器学习模型由服务器训练得到时,机器学习模型的训练过程详见步骤301中的描述。

模块信息至少包括视图模块的标识和位置信息,其中,该标识用于标识视图模块,可以用视图模块的名称等表示;该位置信息用于指示视图模块在视觉稿中的位置,可以用视图模块的坐标、相对于其他视图模块的相对位置表示,本实施例不作限定。假设视图模块是导航栏模块、以名称表示标识,以视图模块四个顶点的坐标表示位置信息,则模块信息可以包括:导航栏、左上顶点(x1,y1)、右上顶点(x2,y2)、左下顶点(x3,y3)、右下顶点(x4,y4)。

可选的,当视图模块包括多个元素时,模块信息还可以包括视图模块中元素的数量,详见步骤307中的描述。

当服务器利用机器学习模型识别视觉稿中的各个视图模块时,得到各个视图模块的模块信息是指,服务器将视觉稿输入机器学习模型中时,机器学习模型识别视觉稿中的各个视图模块,并输出各个视图模块的模块信息,则服务器接收到各个视图模块的模块信息。

步骤205,服务器从模块代码库中查找模块信息中的标识对应的模块代码。

服务器中存储有模块代码库,该模块代码库包括多组映射,每组映射包括一条模块信息和该模块信息中的标识对应的视图模块的模块代码。

对于每条模块信息,服务器在模块代码库中查找该模块信息所对应的一段模块代码。

步骤206,服务器根据查找到的模块代码和该模块代码对应的模块信息中的位置信息,生成网页。

服务器读取每条模块信息中对应的视图模块的位置,将每段模块代码拼接到各自所在的位置,得到网页。

需要说明的是,此时得到的网页可能是内容完整的待发布网页,也可能是由于内容不完整而不能发布的网页。其中,由于内容不完整而不能发布的网页是指网页中包含诸如占位符、占位图之类的占位部件的网页,所以,在得到该网页后,还需要从数据源中获取数据,利用数据替换网页中的占位部件,从而得到内容完整的待发布网页。

其中,步骤201-202可以单独实现成为客户端侧的实施例,步骤203-206可以单独实现成为服务器侧的实施例。

综上所述,本申请实施例提供的网页生成方法,由于服务器是通过机器学习模型自动识别出视觉稿中的各个视图模块的,所以,服务器生成的网页中的每个视图模块与视觉稿中对应的视图模块完全相同,解决了需要对网页进行二次加工的问题,简化了网页的生成,从而提高了网页的生成效率。另外,由于服务器可以自动识别视图模块,不需要用户手动选择视图模块,可以提高网页的生成效率。

请参考图3,其示出了本申请另一实施例提供的网页生成方法的方法流程图。该网页生成方法,包括:

步骤301,服务器获取n组训练样本,利用n组训练样本训练机器学习模型,每组训练样本包括一个网页的视觉稿和对视觉稿中的各个视图模块标注的模块信息。

本实施例中,服务器需要收集网页的视觉稿,根据视觉稿生成训练样本。其中,视觉稿可以是通过绘制工具对网页进行绘制得到的,也可以是通过编码工具对网页进行编码得到的,本实施例不作限定。

在收集视觉稿时,可以通过技术人员人工收集网页的视觉稿,并将视觉稿录入服务器中;或者,也可以通过服务器进行大数据分析来收集视觉稿,本实施例不对视觉稿的收集方式作限定。

对于服务器收集的每个视觉稿,技术人员可以根据经验识别出该视觉稿包括的各个视图模块,并对该视觉稿中每个视图模块的标识和位置信息进行人工标注,将标注的标识和位置信息作为该视图模块的模块信息,并将该视觉稿和该视觉稿中所有视图模块的模块信息作为一组训练样本。其中,视图模块的解释详见步骤201,视图模块的标识和位置信息的解释详见步骤204。

请参考图4,其示出了一个网页的视觉稿的示例。该视觉稿包括位于最左侧的导航栏模块410,位于中间从上往下依次是个人信息模块420、公告模块430、快捷入口模块440、第一资讯模块450,位于右侧从上往下依次是选项卡模块460、第二资讯模块470。

在得到训练样本后,服务器可以选取一种机器学习算法,利用n组训练样本对该机器学习算法进行训练,训练结束时得到的机器学习算法即为本实施例中的机器学习模型。其中,n为正整数,且n越大,训练得到的机器学习模型越准确。

当服务器在执行本实施例的方法时还未得到机器学习模型,且机器学习模型是由服务器训练得到时,执行步骤301;当服务器在执行本实施例的方法时已经得到机器学习模型时,不执行步骤301,执行步骤302。

步骤302,客户端获取网页的视觉稿。

请参考图5a,当用户点击显示界面中的“+”时,客户端提供多个文件供用户选择,在用户选定一个文件后,客户端将该文件作为获取到的网页的视觉稿。

步骤303,客户端将视觉稿发送给服务器。

请参考图5b,在将视觉稿发送给服务器之后,客户端在显示界面中显示“智能识别中”的字样。

步骤304,服务器接收客户端发送的网页的视觉稿。

步骤305,服务器利用机器学习模型识别视觉稿中的各个视图模块,得到各个视图模块的模块信息。

服务器可以包括机器学习模型和后台,服务器在接收到视觉稿后,将视觉稿输入机器学习模型,机器学习模型将得到的模块信息反馈给后台,后台再根据模块信息获取模块代码,最后将模块代码拼接成网页,请参考图6。下面对机器学习模型得到模块信息的过程进行介绍。

其中,服务器利用机器学习模型识别视觉稿中的各个视图模块包括两个部分,一部分是识别各个视图模块的位置信息、标识和视图模块中元素的数量;另一部分是识别各个视图模块的主色和辅助色,详见下面的描述。

第一,服务器利用机器学习模型识别视觉稿中各个待识别模块的位置信息和第一特征,对于各个第一特征,利用机器学习模型将第一特征与模块特征库中的各个第二特征进行比较,当存在与第一特征相同的第二特征时,将第一特征对应的待识别模块确定为第二特征对应的视图模块。

其中,模块特征库包括各个第二特征,且每个第二特征对应于一个视图模块。比如,视频模块的第二特征是九宫格形式或图片中间有个包含三角形的圆圈;导航栏的第二特征是位于最左侧,包含多个相同尺寸的元素;选项卡的第二特征是位于导航栏模块的右侧,位于最上侧,且包含多个相同尺寸的元素;评论列表模块的第二特征是内容包括头像、名字和评论正文;资讯模块的第二特征是内容包括文字、时间和主题图;快捷入口模块的第二特征是内容包括图像和标题;搜索框模块的第二特征是输入框的左侧有一个放大镜。本实施例仅以上述第二特征进行举例,在实际实现时,还可以通过其他第二特征来表示视图模块,本实施例不作限定。

当机器学习模型识别出的待识别模块的第一特征与某个视图模块的第二特征相同时,说明该待识别模块即为该视图模块,读取该视图模块的标识,再获取机器学习模型识别出的该视图模块的位置信息,生成包括标识和位置信息的模块信息。

请参考图7a,其示出了由机器学习模型识别各个视图模块的标识、位置信息和元素的数量,并将识别结果发送给后台的流程的示意图。

后续,还可以通过对模块特征库中的模块特征的补充,可以使得网页实现的功能越来越丰富,从而节省了前端开发的时间,减少人力,可以节省成本。另外,本实施例生成的网页可以应用到诸如游戏等的多个应用场景中,从而提升产品覆盖率。

服务器利用机器学习模型获取视图模块对应的识别规则,识别规则用于指示是否识别视图模块中元素的数量,当识别规则指示识别视图模块中元素的数量时,利用机器学习模型根据视觉稿中视图模块的位置处的分割线或底色识别视图模块中元素的数量,将元素的数量添加到视图模块的模块信息中,并输出视图模块的模块信息。

比如,个人信息模块不包括元素,选项卡模块包括多个元素,则可以对个人信息模块设置用于指示不识别视图模块中元素的数量的识别规则,对选项卡模块设置用于指示识别视图模块中元素的数量的识别规则。

当识别规则指示识别视图模块中元素的数量时,在一种实现方式中,机器学习模型可以读取视图模块的位置处的分割线的数量,将元素的数量设置为分割线的数量加1;在另一种实现方式中,机器学习模型可以读取视图模块的位置处的底色的数量,将元素的数量设置为底色的数量。当然,机器学习模型还可以通过其他方式识别视图模块中元素的数量,本实施例不作限定。

机器学习模型还可以将元素的数量添加到模块信息中,并输出模块信息,此时的模块信息包括标识、位置信息和元素的数量。

第二,服务器利用机器学习模型识别视觉稿中各个视图模块的主色,对于各个视图模块,利用机器学习模型根据视图模块的主色计算辅助色,输出视图模块的主色和辅助色。

相关技术中,服务器中设置有m种颜色,可以在这m种颜色中选择一种颜色作为视图模块的颜色。然而,这m种颜色并不能满足用户的需求,当该m种颜色不包括用户需求的颜色时,需要增加新的颜色,而由于每种颜色都是由k种原色调制得到的,若需要增加一种新的颜色,需要重新调整这k种原色,操作较为繁琐,m和k为正整数。在一种实现方式中,m为16,k为10。

本实施例中,机器学习模型可以识别出视图模块的主色,再根据主色计算出辅助色,从而得到视图模块的颜色。

请参考图7b,其示出了识别各个视图模块的主色和辅助色,并将识别结果发送给后台的流程的示意图。

请参考图7c,其示出了从上传视觉稿,到生成网页的流程的示意图。

在服务器接收到机器学习模型输出的模块信息后,可以执行步骤309;或者,为了保证识别结果的准确性,服务器可以将各个视图模块的模块信息发送给客户端。客户端接收服务器发送的各个视图模块的模块信息;显示各条模块信息、确认控件和修改控件;当确认控件被触发时生成确认信息时,将确认信息发送给服务器;当修改控件被触发时,根据接收到的修改内容生成修改信息,将修改信息发送给服务器。当服务器接收到客户端发送的确认信息时,执行步骤306;或者,当服务器接收到客户端发送的修改信息时,根据修改信息修改模块代码库中对应的视图模块,执行步骤306,请参考图5c。

比如,服务器识别的视图模块不准确,则用户可以通过点选视图模块或输入视图模块的名称来生成修改信息;或者,服务器识别的某个视图模块中元素的数量不准确,则用户可以通过输入正确的数量来生成修改信息等等,本实施例不对修改信息的内容及生成方式作限定。

图5c中,识别结果还包括双栏布局这种页面布局,则机器学习模型还可以根据视觉稿中的分割线或底色识别页面布局,识别流程与上述识别元素的数量的流程相同,此处不作赘述。

需要说明的是,由于页面布局用于指示视图模块的位置,而模块信息中的位置信息又可以指示视图模块的位置,所以,这里可以不识别页面布局,通过位置信息来指示视图模块的位置。

步骤306,服务器从模块代码库中查找模块信息中的标识对应的模块代码。

服务器中存储有模块代码库,该模块代码库包括多组映射,每组映射包括一条模块信息和该模块信息中的标识对应的视图模块的模块代码。

对于每条模块信息,服务器在模块代码库中查找该模块信息所对应的一段模块代码。

步骤307,对于各个视图模块,服务器在视图模块的样式库中填充主色和辅助色,根据模块代码、模块代码对应的样式库和模块代码对应的模块信息中的位置信息,生成网页。

样式库用于指定视图模块的显示样式。当将视图模块的主色和辅助色填充到该视图模块的样式库后,服务器可以根据样式库将所有模块按照对应的模块信息中的位置信息拼接成网页。

需要说明的是,此时得到的网页可能是内容完整的待发布网页,也可能是由于内容不完整而不能发布的网页。其中,由于内容不完整而不能发布的网页是指网页中包含诸如占位符、占位图之类的占位部件的网页,所以,在生成该网页后,服务器可以将该网页发送给客户端来生成内容完整的待发布网页,此时执行步骤308-310;也可以由服务器根据网页生成待发布网页,此时执行步骤311。

步骤308,服务器将网页发送给客户端。

步骤309,客户端接收服务器发送的网页,根据数据源和该网页生成待发布网页,将该待发布网页发送给服务器。

数据源用于提供待发布网页中的数据。客户端可以利用数据源中的数据替换网页中的占位部件,得到待发布网页。

步骤310,服务器接收客户端发送的待发布网页,对该待发布网页进行测试,在测试通过后发布该待发布网页,结束流程。

步骤311,服务器根据数据源和该网页生成待发布网页,对该待发布网页进行测试,在测试通过后发布该待发布网页。

服务器可以在生成待发布网页后进行测试,在测试通过后发布该待发布网页,这样,可以避免由客户端生成待发布网页导致的发布效率低的问题,可以一站式打通生成-发布的流程。

其中,步骤302-303、309可以单独实现成为客户端侧的实施例,步骤301、304-308、310-311可以单独实现成为服务器侧的实施例。

综上所述,本申请实施例提供的网页生成方法,由于服务器是通过机器学习模型自动识别出视觉稿中的各个视图模块的,所以,服务器生成的网页中的每个视图模块与视觉稿中对应的视图模块完全相同,解决了需要对网页进行二次加工的问题,简化了网页的生成,从而提高了网页的生成效率。另外,由于服务器可以自动识别视图模块,不需要用户手动选择视图模块,可以提高网页的生成效率。

机器学习模型可以识别出视图模块的主色,再根据主色计算出辅助色,从而得到视图模块的颜色,解决了m种颜色不能满足用户的需求时,需要增加一种新的颜色,此时要重新调整这k种原色,操作较为繁琐的问题,提高了颜色的获取效率。

服务器可以在生成待发布网页后进行测试,在测试通过后发布该待发布网页,这样,可以避免由客户端生成待发布网页导致的发布效率低的问题,可以一站式打通生成-发布的流程。

请参考图8,其示出了本申请一个实施例提供的网页生成装置的结构框图。该网页生成装置,包括:

接收模块810,用于实现上述步骤203、304及各个步骤中隐含的有关接收的功能。

识别模块820,用于实现上述步骤204、305、及各个步骤中隐含的有关识别的功能。

查找模块830,用于实现上述步骤205、306及各个步骤中隐含的有关查找的功能。

生成模块840,用于实现上述步骤206、307及各个步骤中隐含的有关生成的功能。

可选的,该识别模块820,还用于实现上述步骤305中识别第一特征的功能、步骤305中识别元素的数量的功能、步骤305中识别主色和辅助色的功能及各个步骤中隐含的有关识别的功能。

可选的,该网页生成装置还包括输出模块、第一获取模块、发送模块、第二获取模块、训练模块、第一处理模块和第二处理模块。

输出模块用于实现上述步骤305中输出模块信息的功能及各个步骤中隐含的有关输出的功能。

第一获取模块用于实现上述步骤305中获取识别规则的功能及各个步骤中隐含的有关获取的功能。

发送模块用于实现上述将模块信息发送给客户端的功能及各个步骤中隐含的有关发送的功能。

查找模块830,还用于在接收到客户端发送的确定信息时,实现上述步骤306及各个步骤中隐含的有关查找的功能。或者,查找模块830,还用于在接收到客户端发送的修改信息,根据修改信息修改模块代码库中对应的视图模块后,实现上述步骤306及各个步骤中隐含的有关查找的功能。

第二获取模块用于实现上述步骤301中获取训练样本的功能及各个步骤中隐含的有关获取的功能。

训练模块用于实现上述步骤301中训练机器学习模型的功能及各个步骤中隐含的有关训练的功能。

第一处理模块用于实现上述步骤308和310中对待发布网页进行测试和发布的功能及各个步骤中隐含的有关测试和发布的功能。

第二处理模块用于实现上述步骤311中对待发布网页进行测试和发布的功能及各个步骤中隐含的有关测试和发布的功能。

综上所述,本申请实施例提供的网页生成装置,由于服务器是通过机器学习模型自动识别出视觉稿中的各个视图模块的,所以,服务器生成的网页中的每个视图模块与视觉稿中对应的视图模块完全相同,解决了需要对网页进行二次加工的问题,简化了网页的生成,从而提高了网页的生成效率。另外,由于服务器可以自动识别视图模块,不需要用户手动选择视图模块,可以提高网页的生成效率。

机器学习模型可以识别出视图模块的主色,再根据主色计算出辅助色,从而得到视图模块的颜色,解决了m种颜色不能满足用户的需求时,需要增加一种新的颜色,此时要重新调整这k种原色,操作较为繁琐的问题,提高了颜色的获取效率。

服务器可以在生成待发布网页后进行测试,在测试通过后发布该待发布网页,这样,可以避免由客户端生成待发布网页导致的发布效率低的问题,可以一站式打通生成-发布的流程。

请参考图9,其示出了本申请一个实施例提供的网页生成装置的结构框图。该网页生成装置,包括:

获取模块910,用于实现上述步骤201、302及各个步骤中隐含的有关获取的功能。

发送模块920,用于实现上述步骤202、303及各个步骤中隐含的有关查找的功能。

可选的,该网页生成装置还包括接收模块、显示模块和生成模块。

接收模块用于实现上述步骤309中接收网页的功能、接收模块信息的功能及各个步骤中隐含的有关接收的功能。

显示模块用于实现上述步骤中显示模块信息、确认控件和修改控件的功能及各个步骤中隐含的有关显示的功能。

生成模块用于实现上述步骤309中生成待发布网页的功能及各个步骤中隐含的有关生成的功能。

综上所述,本申请实施例提供的网页生成装置,由于服务器是通过机器学习模型自动识别出视觉稿中的各个视图模块的,所以,服务器生成的网页中的每个视图模块与视觉稿中对应的视图模块完全相同,解决了需要对网页进行二次加工的问题,简化了网页的生成,从而提高了网页的生成效率。另外,由于服务器可以自动识别视图模块,不需要用户手动选择视图模块,可以提高网页的生成效率。

请参考图10,其示出了本申请一个实施例提供的服务器的结构示意图。服务器1000包括中央处理单元(cpu)1001、包括随机存取存储器(ram)1002和只读存储器(rom)1003的系统存储器1004,以及连接系统存储器1004和中央处理单元1001的系统总线1005。服务器1000还包括帮助计算机内的各个器件之间传输信息的基本输入/输出系统(i/o系统)1006,和用于存储操作系统1013、应用程序1014和其他程序模块1015的大容量存储设备1007。

基本输入/输出系统1006包括有用于显示信息的显示器1008和用于用户输入信息的诸如鼠标、键盘之类的输入设备1009。其中显示器1008和输入设备1007都通过连接到系统总线1005的输入输出控制器1010连接到中央处理单元1001。基本输入/输出系统1006还可以包括输入输出控制器1010以用于接收和处理来自键盘、鼠标、或电子触控笔等多个其他设备的输入。类似地,输入输出控制器1010还提供输出到显示屏、打印机或其他类型的输出设备。

大容量存储设备1007通过连接到系统总线1005的大容量存储控制器(未示出)连接到中央处理单元1001。大容量存储设备1009及其相关联的计算机可读介质为服务器1000提供非易失性存储。也就是说,大容量存储设备1009可以包括诸如硬盘或者cd-rom驱动器之类的计算机可读介质(未示出)。

不失一般性,计算机可读介质可以包括计算机存储介质和通信介质。计算机存储介质包括以用于存储诸如计算机可读指令、数据结构、程序模块或其他数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。计算机存储介质包括ram、rom、eprom、eeprom、闪存或其他固态存储其技术,cd-rom、dvd或其他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备。当然,本领域技术人员可知计算机存储介质不局限于上述几种。上述的系统存储器1004和大容量存储设备1007可以统称为存储器。

根据本申请的各种实施例,服务器1000还可以通过诸如因特网等网络连接到网络上的远程计算机运行。也即服务器1000可以通过连接在系统总线1005上的网络接口单元1011连接到网络1012,或者说,也可以使用网络接口单元1011来连接到其他类型的网络或远程计算机系统(未示出)。

存储器还包括一个或者一个以上的程序,一个或者一个以上程序存储于存储器中,一个或者一个以上程序用于执行上述实施例提供的网页生成方法。

图11示出了本申请一个示例性实施例提供的终端1100的结构框图。该终端1100可以是便携式移动终端,比如:智能手机、平板电脑、mp3播放器(movingpictureexpertsgroupaudiolayeriii,动态影像专家压缩标准音频层面3)、mp4(movingpictureexpertsgroupaudiolayeriv,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1100还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常,终端1100包括有:处理器1101和存储器1102。

处理器1101可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1101可以采用dsp(digitalsignalprocessing,数字信号处理)、fpga(field-programmablegatearray,现场可编程门阵列)、pla(programmablelogicarray,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1101也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称cpu(centralprocessingunit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1101可以在集成有gpu(graphicsprocessingunit,图像处理器),gpu用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1101还可以包括ai(artificialintelligence,人工智能)处理器,该ai处理器用于处理有关机器学习的计算操作。

存储器1102可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1102还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1102中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1101所执行以实现本申请中方法实施例提供的网页生成方法。

在一些实施例中,终端1100还可选包括有:外围设备接口1103和至少一个外围设备。处理器1101、存储器1102和外围设备接口1103之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1103相连。具体地,外围设备包括:射频电路1104、触摸显示屏1105、摄像头1106、音频电路1107、定位组件1108和电源1109中的至少一种。

外围设备接口1103可被用于将i/o(input/output,输入/输出)相关的至少一个外围设备连接到处理器1101和存储器1102。在一些实施例中,处理器1101、存储器1102和外围设备接口1103被集成在同一芯片或电路板上;在一些其他实施例中,处理器1101、存储器1102和外围设备接口1103中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。

射频电路1104用于接收和发射rf(radiofrequency,射频)信号,也称电磁信号。射频电路1104通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1104将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1104包括:天线系统、rf收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1104可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2g、3g、4g及5g)、无线局域网和/或wifi(wirelessfidelity,无线保真)网络。在一些实施例中,射频电路1104还可以包括nfc(nearfieldcommunication,近距离无线通信)有关的电路,本申请对此不加以限定。

显示屏1105用于显示ui(userinterface,用户界面)。该ui可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1105是触摸显示屏时,显示屏1105还具有采集在显示屏1105的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1101进行处理。此时,显示屏1105还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1105可以为一个,设置终端1100的前面板;在另一些实施例中,显示屏1105可以为至少两个,分别设置在终端1100的不同表面或呈折叠设计;在再一些实施例中,显示屏1105可以是柔性显示屏,设置在终端1100的弯曲表面上或折叠面上。甚至,显示屏1105还可以设置成非矩形的不规则图形,也即异形屏。显示屏1105可以采用lcd(liquidcrystaldisplay,液晶显示屏)、oled(organiclight-emittingdiode,有机发光二极管)等材质制备。

摄像头组件1106用于采集图像或视频。可选地,摄像头组件1106包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及vr(virtualreality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1106还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。

音频电路1107可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1101进行处理,或者输入至射频电路1104以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1100的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1101或射频电路1104的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1107还可以包括耳机插孔。

定位组件1108用于定位终端1100的当前地理位置,以实现导航或lbs(locationbasedservice,基于位置的服务)。定位组件1108可以是基于美国的gps(globalpositioningsystem,全球定位系统)、中国的北斗系统或俄罗斯的伽利略系统的定位组件。

电源1109用于为终端1100中的各个组件进行供电。电源1109可以是交流电、直流电、一次性电池或可充电电池。当电源1109包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。

在一些实施例中,终端1100还包括有一个或多个传感器1110。该一个或多个传感器1110包括但不限于:加速度传感器1111、陀螺仪传感器1112、压力传感器1113、指纹传感器1114、光学传感器1115以及接近传感器1116。

加速度传感器1111可以检测以终端1100建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1111可以用于检测重力加速度在三个坐标轴上的分量。处理器1101可以根据加速度传感器1111采集的重力加速度信号,控制触摸显示屏1105以横向视图或纵向视图进行用户界面的显示。加速度传感器1111还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器1112可以检测终端1100的机体方向及转动角度,陀螺仪传感器1112可以与加速度传感器1111协同采集用户对终端1100的3d动作。处理器1101根据陀螺仪传感器1112采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变ui)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器1113可以设置在终端1100的侧边框和/或触摸显示屏1105的下层。当压力传感器1113设置在终端1100的侧边框时,可以检测用户对终端1100的握持信号,由处理器1101根据压力传感器1113采集的握持信号进行左右手识别或快捷操作。当压力传感器1113设置在触摸显示屏1105的下层时,由处理器1101根据用户对触摸显示屏1105的压力操作,实现对ui界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器1114用于采集用户的指纹,由处理器1101根据指纹传感器1114采集到的指纹识别用户的身份,或者,由指纹传感器1114根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器1101授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1114可以被设置终端1100的正面、背面或侧面。当终端1100上设置有物理按键或厂商logo时,指纹传感器1114可以与物理按键或厂商logo集成在一起。

光学传感器1115用于采集环境光强度。在一个实施例中,处理器1101可以根据光学传感器1115采集的环境光强度,控制触摸显示屏1105的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏1105的显示亮度;当环境光强度较低时,调低触摸显示屏1105的显示亮度。在另一个实施例中,处理器1101还可以根据光学传感器1115采集的环境光强度,动态调整摄像头组件1106的拍摄参数。

接近传感器1116,也称距离传感器,通常设置在终端1100的前面板。接近传感器1116用于采集用户与终端1100的正面之间的距离。在一个实施例中,当接近传感器1116检测到用户与终端1100的正面之间的距离逐渐变小时,由处理器1101控制触摸显示屏1105从亮屏状态切换为息屏状态;当接近传感器1116检测到用户与终端1100的正面之间的距离逐渐变大时,由处理器1101控制触摸显示屏1105从息屏状态切换为亮屏状态。

本领域技术人员可以理解,图11中示出的结构并不构成对终端1100的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。

本申请一个实施例提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、集或指令集,所述至少一条指令、所述至少一段程序、所述集或指令集由所述处理器加载并执行以实现如上所述的网页生成方法。

本申请一个实施例提供了一种服务器,所述服务器包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如上所述的网页生成方法。

本申请一个实施例提供了一种终端,所述终端安装有客户端,且所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如上所述的网页生成方法。

需要说明的是:上述实施例提供的网页生成装置在进行网页生成时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将网页生成装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的网页生成装置与网页生成方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。

以上所述并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1