一种数据处理方法及装置制造方法及图纸

技术编号:15704857 阅读:61 留言:0更新日期:2017-06-26 10:04
本申请公开了一种数据处理方法及装置,由于服务器在将网页中的图片切分为若干子图片后,可将各子图片转化为子图片对应的编码,并将各编码写入该网页的html代码中,使得当终端接收到该网页后,可以通过运行该网页的html代码将各编码对应的子图片渲染到该网页中,而无需针对每一个子图片发送调用请求,使得终端无需多次建立通讯通道,从而使得终端在加载该网页中的图片时,即,保证了用户可以快速的看到图片的部分内容,避免用户重复加载该网页,又减少了终端的耗电量,提高了终端使用效率。

【技术实现步骤摘要】
一种数据处理方法及装置
本申请涉及信息
,尤其涉及一种数据处理方法及装置。
技术介绍
随着信息化社会的发展,人们越来越依赖网络,并且随着移动智能终端的发展,人们更多的通过移动智能终端(如,手机、平板电脑等,以下简称终端)来执行业务。通常在使用终端的浏览器进行网页浏览时,若该网页中存在图片,则该终端需要通过浏览器运行该网页的代码,并加载该图片之后才能在该网页中显示出该图片,也就是为什么通常人们在通过终端的浏览器浏览网页时,先是该网页中的文字显示出来,而该网页中的图片需要等待一段时间才能显示出来的原因,在用户等待图片显示出来的时间内,实际上该终端的浏览器是进行了该网页中图片的加载操作,而当在网页中存在图片占用的空间很大(即,图片很大)时,浏览器进行的加载操作所加载的数据量就越多,所需的时间也就越多,并且由于一个图片是一个整体,所以只有在将该图片的全部数据加载完成后,该终端的浏览器才能相应的显示出该图片。通过上述描述,可见终端在加载较大的图片时耗时较长,可能导致用户误以为网页加载错误而多次尝试加载该网页,进而导致网络运行压力的增加以及终端运行压力的增加,同时也使得用户的网页浏览体验降低,使用户浏览网页的意愿降低。为了解决这一问题,在现有技术中,将在网页中的图片切分为多个占用空间较小的子图片,并将每一个子图片写入该网页的代码中,使得该终端的浏览器在打开该网页时,无需加载完整个图片才能显示该图片的内容,而是有多少子图片加载完毕就显示多少子图片对应的图片内容,即,使用户在使用终端浏览网浏览网页时,网页的图片是一部分一部分显示出来的(即,各子图片陆续在该网页中显示出来的),而由于子图片占用空间小,所以子图片的加载速度较快,使得用户可以很快的看到图片的部分内容(即,子图片的内容),从而避免了用户误认网页加载错误的情况,进而避免了用户重复加载该网页,提高了用户的网页浏览体验。一般情况下,终端的浏览器加载该网页中图片的加载过程是这样的:首先,网页服务器提供的该网页的超文本标记语言(HyperTextMarkupLanguage,html)的<img>标签中记载有该图片的加载地址(如,服务器地址),当任意终端的浏览器加载该html网页代码,并运行到该<img>标签时,可根据该<img>标签中记载的图片加载地址,向与该图片加载地址对应的服务器发起调用请求,以使得该图片加载地址对应的服务器返回相应的数据(即,图片),而该浏览器通过该<img>标签将接收到的该图片渲染到网页中,最终使用户看到该图片。另外,由于在现有技术中,为了减轻设备的运行压力,通常网页中的各子图片存储于内容分发网络(ContentDeliveryNetwork,CDN)中,即,各子图片可以分别存储于不同的服务器中,所以在该网页的html代码的<img>标签中记载的各子图片的地址可以是不同服务器的地址。进一步的,对于终端来说每一次发起调用请求都是一次通讯通道建立的过程,而建立通讯通道的过程需要消耗该终端的大量电能资源(即,建立通讯通道是耗电高的操作,会导致电量消耗大大增加),可是在现有技术中,由于通常会将网页中的图片切分为多个子图片,导致终端在浏览该网页时时,需要针对每一个子图片发起一个调用请求,即,建立一个通讯通道,并且由于各子图片可以分别存储于不同服务器中,所以该终端还可能需要分别向多个服务器发起调用请求。可见,现有技术中网页的图片加载方法会导致终端耗电量急剧增大,导致终端的使用时间减少,从而影响终端的使用效率。
技术实现思路
本申请实施例提供一种数据处理方法,用于解决现有技术中,在对网页中图片切分为多个子图片后,终端需要针对每一个子图片发送调用请求,导致终端耗电量增加,影响终端使用效率的问题。本申请实施例提供另一种数据处理方法,用于解决现有技术中,在对网页中图片切分为多个子图片后,终端需要针对每一个子图片发送调用请求,导致终端耗电量增加,影响终端使用效率的问题。本申请实施例提供一种数据处理装置,用于解决现有技术中,在对网页中图片切分为多个子图片后,终端需要针对每一个子图片发送调用请求,导致终端耗电量增加,影响终端使用效率的问题。本申请实施例提供另一种数据处理装置,用于解决现有技术中,在对网页中图片切分为多个子图片后,终端需要针对每一个子图片发调用请求,导致终端耗电量增加,影响终端使用效率的问题。本申请实施例采用下述技术方案:一种数据处理方法,包括:接收终端发送的针对网页的请求,其中,所述网页中包含图片;确定所述网页的超文本标记语言html的代码,其中,所述html代码中包含每个子图片分别对应的编码,各子图片是将所述图片切分后得到的;向所述终端发送所述html代码,以使得所述终端在接收到所述html代码后,根据所述html代码中包含的各子图片对应的编码,显示各子图片。一种数据处理方法,包括:向服务器发送针对网页的请求;接收服务器返回的所述网页的超文本标记语言html代码,其中,所述网页中包含图片,所述网页的html代码中携带有由所述图片切分得到的若干子图片分别对应的编码;针对每一个编码,通过运行所述网页的html代码,将该编码对应的子图片渲染到所述网页中。一种数据处理装置,包括:接收模块,接收终端发送的针对网页的请求,其中,所述网页中包含图片;确定执行模块,确定所述网页的超文本标记语言html的代码,其中,所述html代码中包含每个子图片分别对应的编码,各子图片是将所述图片切分后得到的;发送模块,向所述终端发送所述html代码,以使得所述终端在接收到所述html后,根据所述html代码中包含的各子图片对应的编码,显示各子图片。一种数据处理装置,包括:发送模块,用于向服务器发送针对网页的请求;接收模块,接收服务器返回的所述网页的超文本标记语言html代码,其中,所述网页包含图片,所述网页的html代码中携带有由所述图片切分得到的若干子图片分别对应的编码;渲染模块,针对每一个编码,通过运行所述网页的html代码,将该编码对应的子图片渲染到所述网页中。本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:由于服务器在将网页中的图片切分为若干子图片后,可将各子图片转化为子图片对应的编码,并将各编码写入该网页的html代码中,使得当终端接收到该网页后,可以通过运行该网页的html代码将各编码对应的子图片渲染到该网页中,而无需针对每一个子图片发送调用请求,使得终端无需多次建立通讯通道,从而使得终端在加载该网页中的图片时,即,保证了用户可以快速的看到图片的部分内容,避免用户重复加载该网页,又减少了终端的耗电量,提高了终端使用效率。附图说明此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:图1是本申请实施例提供一种数据处理过程;图2为本申请实施例提供的将图片x切分为4个子图片的示意图;图3是本申请实施例提供一种数据处理的过程;图4是本申请实施例提供一种数据处理装置的结构示意图;图5是本申请实施例提供一种数据处理装置的结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请本文档来自技高网
...
一种数据处理方法及装置

【技术保护点】
一种数据处理方法,其特征在于,包括:接收终端发送的针对网页的请求,其中,所述网页中包含图片;确定所述网页的超文本标记语言html的代码,其中,所述html代码中包含每个子图片分别对应的编码,各子图片是将所述图片切分后得到的;向所述终端发送所述html代码,以使得所述终端在接收到所述html代码后,根据所述html代码中包含的各子图片对应的编码,显示各子图片。

【技术特征摘要】
1.一种数据处理方法,其特征在于,包括:接收终端发送的针对网页的请求,其中,所述网页中包含图片;确定所述网页的超文本标记语言html的代码,其中,所述html代码中包含每个子图片分别对应的编码,各子图片是将所述图片切分后得到的;向所述终端发送所述html代码,以使得所述终端在接收到所述html代码后,根据所述html代码中包含的各子图片对应的编码,显示各子图片。2.如权利要求1所述的方法,其特征在于,所述图片的占用空间大于预设的空间量;将所述图片切分,具体包括:将所述图片切分为若干子图片,其中,每个子图片的占用空间均不大于所述空间量。3.如权利要求1所述的方法,其特征在于,每个子图片分别对应的编码包括base64编码。4.如权利要求1所述的方法,其特征在于,确定所述网页的超文本标记语言html的代码,具体包括:确定由所述图片切分得到的各子图片对应的编码;将各编码写入脚本语言代码中,其中,所述脚本语言代码包括JavaScript代码;将所述脚本语言代码写入所述网页的html代码中;将写入所述脚本语言代码的html代码重新作为所述网页的html代码。5.如权利要求4所述的方法,其特征在于,将各编码写入脚本语言代码中,具体包括:根据各子图片在所述图片中的位置关系,确定所述各子图片的排列顺序;按照所述排列顺序,依次将与各子图片对应的编码写入所述脚本语言代码中。6.一种数据处理方法,其特征在于,包括向服务器发送针对网页的请求;接收服务器返回的所述网页的超文本标记语言html代码,其中,所述网页中包含图片,所述网页的html代码中携带有由所述图片切分得到的若干子图片分别对应的编码;针对每一个编码,通过运行所述网页的html代码,将该编码对应的子图片渲染到所述网页中。7.如权利要求6所述的方法,其特征在于,所述网页的html代码中携带有脚本语言代码,所述脚本语言代码中携带有由所述图片切分得到的若干子图片分别对应的编码;所述脚本语言代码包括JavaScript代码。8.如权利要求7所述的方法,其特征在于,运行所述网页的html代码,将该编码对应的子图片渲染到所述网页中,具体包括:运行所述网页的html代码携带的所述脚本语言代码;通过所述脚本语言代码,将所述脚本语言代码写入的各编码分别对应的子图片依次渲染到所述网页中。9.如权利要求8所述的方法,其特征在于,将所述脚本语言代码写入的各编码分别对应的子图片依次渲染到所述网页中,具体包括:针对每一个编码,建立与该编码对应的图片标签;将该编码写入建立的所述图片标签中;通过所述图片标签...

【专利技术属性】
技术研发人员:王超
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛,KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1