一种合并网页中背景图的方法和系统技术方案

本申请提供了一种合并网页中背景图的方法和系统，涉及计算机技术领域，其中，该合并网页中背景图的方法包括：网络端解析用户端的网页资源请求，以获取识别信息，并依据识别信息在图片存储文件中提取对应的背景图，网络端将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息，将提取路径信息返回给用户端进行显示。通过上述方法，可以减少用户端获取背景图的请求次数，使网页通过一张结果图进行显示，进而大幅提升了网页性能。

Method and system for merging background pictures in web pages

The invention provides a method and a system of \merged with the background map, which relates to the technical field of computer, which includes the combined method of background map page: end user end network analysis of\ resource request, to obtain identification information, and according to the identification information corresponding to the extracted background pictures in picture files stored in network. The end will be extracted to all background image synthesis of a current results, and the results of information extraction path corresponding to the extracted path information back to the user terminal display. By using the method mentioned above, the number of requests to obtain the background map can be reduced, and the webpage can be displayed through a result graph, thus greatly improving the performance of the web page.

【技术实现步骤摘要】

本专利技术涉及计算机
，尤其涉及一种合并网页中背景图的方法和系统。
技术介绍
在网页的开发实现中，为了获得好的视觉效果，一般会使用到很多的背景图，其中，背景图是在样式(级联样式表)代码中进行设置的。在网页的渲染过程中，想要获取每张背景图，都需要发送一次HTTP请求，所以当背景图比较多的时候，为获取背景图而发送的HTTP请求也会相应的增加，严重影响网页的速度。目前，开发人员会将多个背景图合并成一张图片，以此来减少HTTP请求的次数。现有的比较常用的方案通过以下步骤来实现：110、获取样式文件路径；120、打开样式文件；130、根据样式文件，获取所需合并图样式；140、根据合并图样式的URL，获取所述合并图样式中的合并图路径以及单图路径；150、通过合并图路径和单图路径，获取图片，并将图片合并为合并图；160、判断图片是否存在另一合并图，如果是则转至步骤161，否则保存所述合并图，转至步骤170；161、将所述另一合并图更改为所述合并图并保存，转至步骤170；170、根据保存后的合并图，更改其合并图样式；180、判断是否完成合并图的合并，如果是则转至步骤181，否则转至步骤130；181、保存所述合并图，转至步骤120。该方案是针对单个样式文件中所包含的各个背景图进行背景图的合并。对于每一个样式文件，都会生成一个合并图。可见，现有的技术方案是在网页进行初始化时，针对单个样式文件中所包含的背景图进行背景图的合并，之后将所有合并后的背景图一并进行显示。而一个网页中往往会包含多个样式文件，而且，同一个网页对不同的用户，及用户的不同状态，往往会展示出不同的内容，例如网页会针对用户当前是否登录、用户等级的不同、用户操作进度的不同而展示不同的内容。即同一网页在不同的状态下会包含不同的区块，例如，在状态1下会包含内容区块1、2、3，在状态2下会包含内容区块2、3、4，在状态3下会包含内容区块5、6、7，一般每个区块都会有一个样式文件。因此，对于当前动态的网页而言，现有技术方案实施后依然会有多个合并图，并没有充分地减少获取背景图的HTTP请求的次数，也就没有充分地提升网页性能。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提供一种合并网页中背景图的方法和系统，通过针对网页级别的，能够动态实时的将一个网页中的背景图合并为一张结果图进行显示，从而提升了网页的响应速度。第一方面，本专利技术实施例提供了一种合并网页中背景图的方法，包括：网络端解析用户端的网页资源请求，以获取识别信息，并依据识别信息在图片存储文件中提取对应的背景图；网络端将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；网络端将提取路径信息返回给用户端。结合第一方面，本专利技术实施例提供了第一方面的第一种可能的实施方式，其中，方法还包括：网络端判断图片存储文件中是否已经存在合成好的预先结果图；当判断为否，则执行步骤网络端将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；当判断为是时，生成预先结果图对应的提取路径信息。结合第一方面的第一种可能的实施方式，本专利技术实施例提供了第一方面的第二种可能的实施方式，其中，依据识别信息在图片存储文件中提取对应的背景图通过以下步骤来实现：网络端获取网页资源请求所对应的网页内容；根据网页内容得到链接标签；根据链接标签获取背景图的访问路径信息，并根据访问路径信息获得背景图。结合第一方面的第二种可能的实施方式，本专利技术实施例提供了第一方面的第三种可能的实施方式，其中，生成当前结果图对应的提取路径信息包括以下步骤：提取背景图的样式特征和背景特征；根据样式特征和背景特征得到提取路径信息。结合第一方面的第三种可能的实施方式，本专利技术实施例提供了第一方面的第四种可能的实施方式，其中，方法还包括：网络端将背景图均替换为当前结果图。第二方面，本专利技术实施例提供了一种合并网页中背景图的系统，包括：背景图提取模块，用于解析用户端的网页资源请求，以获取识别信息，并依据识别信息在图片存储文件中提取对应的背景图；结果图生成模块，用于将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；返回模块，用于将提取路径信息返回给用户端。结合第二方面，本专利技术实施例提供了第二方面的第一种可能的实施方式，其中，还包括：判断模块，用于判断图片存储文件中是否已经存在合成好的预先结果图；否定执行模块，用于当判断为否，则执行步骤网络端将提取到的所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息；肯定执行模块，用于当判断为是时，生成预先结果图对应的提取路径信息。结合第二方面的第一种可能的实施方式，本专利技术实施例提供了第二方面的第二种可能的实施方式，其中，背景图提取模块包括：网页内容获取单元，获取网页资源请求所对应的网页内容；链接标签提取单元，用于根据网页内容得到链接标签；获取单元，用于根据链接标签获取背景图的访问路径信息，并根据访问路径信息获得背景图。结合第二方面的第二种可能的实施方式，本专利技术实施例提供了第二方面的第三种可能的实施方式，其中，结果图生成模块包括：特征提取单元，用于提取背景图的样式特征和背景特征；提取路径信息生成单元，用于根据样式特征和背景特征得到提取路径信息。结合第二方面的第三种可能的实施方式，本专利技术实施例提供了第二方面的第四种可能的实施方式，其中，还包括：替换模块，用于将背景图均替换为当前结果图。本专利技术实施例提供的一种合并网页中背景图的方法和系统，通过网络端解析用户端的网页资源请求，获取到识别信息，根据该识别信息在图片存储文件中提取对应的背景图，在得到背景图后将所有背景图合成一张当前结果图，并生成当前结果图对应的提取路径信息，最后，由网络端将提取路径信息返回给用户端。这样，用户端在请求网页资源时，可以通过提取路径信息动态实时的获得一张结果图进行显示，而无需多次请求所需要显示的所有背景图，进而减少了用户端的请求次数，使得网页的性能大幅提升。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1示出了本专利技术实施例所提供的一种合并网页中背景图的方法和系统的流程图；图2示出了本专利技术实施例所提供的一种合并网页中背景图的方法和系统的框架图；图3示出了本专利技术实施例所提供的一种网络架构图。主要组件符号说明：1-背景图提取模块2-结果图生成模块3-返回模块具体实施方式下面将结合本专利技术实施例中附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本文档来自技高网...

【技术保护点】
一种合并网页中背景图的方法,其特征在于,包括：网络端解析用户端的网页资源请求，以获取识别信息，并依据所述识别信息在图片存储文件中提取对应的背景图；网络端将所述提取到的所有背景图合成一张当前结果图，并生成所述当前结果图对应的提取路径信息；网络端将所述提取路径信息返回给所述用户端。

【技术特征摘要】
1.一种合并网页中背景图的方法,其特征在于,包括：网络端解析用户端的网页资源请求，以获取识别信息，并依据所述识别信息在图片存储文件中提取对应的背景图；网络端将所述提取到的所有背景图合成一张当前结果图，并生成所述当前结果图对应的提取路径信息；网络端将所述提取路径信息返回给所述用户端。2.根据权利要求1所述的一种合并网页中背景图的方法，其特征在于，所述方法还包括：网络端判断图片存储文件中是否已经存在合成好的预先结果图；当所述判断为否，则执行步骤所述网络端将所述提取到的所有背景图合成一张当前结果图，并生成所述当前结果图对应的提取路径信息；当所述判断为是时，则生成所述预先结果图对应的提取路径信息。3.根据权利要求2所述的一种合并网页中背景图的方法，其特征在于，所述依据识别信息在图片存储文件中提取对应的背景图通过以下步骤来实现：网络端获取所述网页资源请求所对应的网页内容；根据所述网页内容得到链接标签；根据所述链接标签获取所述背景图的访问路径信息，并根据所述访问路径信息获得所述背景图。4.根据权利要求3所述的一种合并网页中背景图的方法，其特征在于，所述生成所述当前结果图对应的提取路径信息包括以下步骤：提取所述背景图的样式特征和背景特征；根据所述样式特征和背景特征得到所述提取路径信息。5.根据权利要求4所述的一种合并网页中背景图的方法，其特征在于，所述方法还包括：网络端将所述背景图均替换为所述当前结果图。6.一种合并网页中背景图的系统，其特征在于，包...

【专利技术属性】
技术研发人员：李鹏，
申请(专利权)人：五矿电子商务有限公司，
类型：发明
国别省市：北京;11