一种数据处理方法及装置与流程

文档序号:12719640阅读:197来源:国知局
一种数据处理方法及装置与流程
本申请涉及信息
技术领域
,尤其涉及一种数据处理方法及装置。
背景技术
:随着信息化社会的发展,人们越来越依赖网络,并且随着移动智能终端的发展,人们更多的通过移动智能终端(如,手机、平板电脑等,以下简称终端)来执行业务。通常在使用终端的浏览器进行网页浏览时,若该网页中存在图片,则该终端需要通过浏览器运行该网页的代码,并加载该图片之后才能在该网页中显示出该图片,也就是为什么通常人们在通过终端的浏览器浏览网页时,先是该网页中的文字显示出来,而该网页中的图片需要等待一段时间才能显示出来的原因,在用户等待图片显示出来的时间内,实际上该终端的浏览器是进行了该网页中图片的加载操作,而当在网页中存在图片占用的空间很大(即,图片很大)时,浏览器进行的加载操作所加载的数据量就越多,所需的时间也就越多,并且由于一个图片是一个整体,所以只有在将该图片的全部数据加载完成后,该终端的浏览器才能相应的显示出该图片。通过上述描述,可见终端在加载较大的图片时耗时较长,可能导致用户误以为网页加载错误而多次尝试加载该网页,进而导致网络运行压力的增加以及终端运行压力的增加,同时也使得用户的网页浏览体验降低,使用户浏览网页的意愿降低。为了解决这一问题,在现有技术中,将在网页中的图片切分为多个占用空间较小的子图片,并将每一个子图片写入该网页的代码中,使得该终端的浏览器在打开该网页时,无需加载完整个图片才能显示该图片的内容,而是有多少子图片加载完毕就显示多少子图片对应的图片内容,即,使用户在使用终端浏览网浏览网页时,网页的图片是一部分一部分显示出来的(即,各子图片陆续在该网页中显示出来的),而由于子图片占用空间小,所以子图片的加载速度较快,使得用户可以很快的看到图片的部分内容(即,子图片的内容),从而避免了用户误认网页加载错误的情况,进而避免了用户重复加载该网页,提高了用户的网页浏览体验。一般情况下,终端的浏览器加载该网页中图片的加载过程是这样的:首先,网页服务器提供的该网页的超文本标记语言(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是本申请实施例提供一种数据处理装置的结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。以下结合附图,详细说明本申请各实施例提供的技术方案。图1为本申请实施例提供的数据处理过程,具体包括以下步骤:S101:接收终端发送的针对网页的请求。在现有技术中,通常情况下网页都是由超级文本标记语言(HyperTextMarkupLanguage,html)的代码编写的,并且服务器在接收到终端针对网页的请求后,可以根据该请求向该终端返回该网页的html代码,以使得该终端在接收到该网页的html代码后,显示该网页。于是,与现有技术相同,在本申请实施例中,可由服务器接收终端发送的针对网页的请求。具体的,由于该网页中可包含图片,所以在本申请中所述的数据具体可以是图片对应的数据,且由于该服务器接收的是针对网页的请求,所以该图片可为网页中的图片,即,网页中显示的图片。其中,该服务器可以是单独的一台设备,也可是以由多台设备组成的系统,而当该服务器是由多台设备组成的系统时,接收针对该网页请求的设备和存储该网页中包含的图片的设备可以不是同一台设备。进一步的,由于本申请所述的数据处理方法,针对的是网页中的图片,所以在本申请中,该网页可包含至少一个图片。并且为了方便后续描述,本申请仅以该网页中包含一个图片为例进行说明。例如,假设某个网站的服务器A用于接收终端针对网页的请求,并根据接收到的请求返回对应的网页的html代码,则在该服务器A中可保存若干网页html代码以及各网页中包含的各图片。进一步假设,该服务器A接收到终端发送的针对网页a的请求,为了方便描述和说明,后续以该服务器A中仅存储网页a的代码,并且该网页a中仅包含图片x为例进行说明。S102:确定所述网页的超文本标记语言html的代码。在本申请实施例中,当接收到终端发送的针对该网页的请求后,由于在该服务器中存储有各网页的html代码,所以该服务器可以根据该请求确定与该请求对应的网页的html代码,以便后续可以向该终端发送该网页的html代码。但是,由于在该网页中还包含图片,所以,为了使终端加载该网页时的资源消耗更小(即,耗电量更小),该服务器可以针对该网页中的图片进行处理,其中,由于当该服务器是由多台设备组成的系统时,该网页的html代码和该网页中的图片可以分别由不同的设备存储,则此时由存储该网页中的图片的设备对该网页中的图片进行处理,后续为了方便描述统一以一个服务器作为执行主体进行描述,也就是说,该接收到终端发送的针对网页的请求的服务器,既存储了该网页的html代码,也存储了该网页中包含的图片。具体的,首先为了使终端在加载该网页中的图片时,无需将整个图片的数据全部加载完毕后,才能在该网页中显示该图片,提供该网页的服务器可通过与现有技术一致的方法将该网页中的图片切分为若干子图片,以便后续操作。另外,由于图片是无法直接写入html的代码中,所以该服务器还可根据各子图片,生成各子图片对应的编码,以便后续可以将各子图片对应的编码写入该网页的html代码中。具体的,该服务器针对步骤S101中由该图片切分出的每一个子图片,根据该子图片,通过base64的编码方式,生成与该子图片对应的base64编码,作为该子图片对应的编码,并且,该子图片与该编码是一一对应的,即,不同的图片通过base64编码的方式转化出的编码是不同的。当生成各子图片对应的编码后,该服务器便可将各编码写入该网页的html代码中。具体的,该服务器可将各编码写入该网页的html代码携带的脚本语言(JavaScript,js)代码中,即,将各子图片对应的编码写入js代码中,再将携带有各编码的该js代码写入该网页的html代码中,以使得终端在接收到该网页的html代码后,通过运行该网页的html代码中携带的该js代码,可将各子图片对应的编码对应的子图片渲染至网页中。由于一般情况下网页的html代码在显示图片时,需通过html代码中的图片标签(即,<img>标签)在网页中显示该图片,所以在终端运行该js代码时,该js代码还可以将各编码写入该网页的html代码中的<img>标签中,也就是说,该js代码可用于将编码写入<img>标签中。于是,在当该服务器将各编码写入该js代码中并将该js代码写入该网页的html代码中后,便可将写入该js代码的该网页的html代码重新作为该网页的html代码,并可在后续步骤中发送给该终端。并且,此时该服务器可以存储写入该js代码的该网页的html代码,以便在后续再次接收到针对该网页的请求时,无需再次执行对图片的切分、编码、写入代码的步骤,减少该服务器的运行压力。继续沿用上例,该服务器A可先将该图片x按照该图片x的长边长度,将该图片x等分的切分为4个子图片:子图片x1、子图片x2、子图片x3和子图片x4,如图2所示。图2为本申请实施例提供的将图片x切分为4个子图片的示意图。之后,该服务器A便可可通过base64的编码方式生成每一个子图片对应的编码,为了方便说明,进一步假设各子图片与编码的对应关系如表1所示。子图片子图片对应的编码子图片x1data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....1子图片x2data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....2子图片x3data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....3子图片x4data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....4表1通过表1可见,每一个子图片都一一对应一个编码,且各编码都是不同的。最后,当该服务器器A生成了各子图片对应的编码后,该服务器A便可按照各子图片在该图片x中的上下位置关系确定的排列顺序,将各子图片对应的编码顺序写入js代码中,并将该js代码写入该网页a的html代码中,由于各子图片的排列顺序为子图片x1、子图片x2、子图片x3和子图片x4,所以该服务器A可各子图片对应的编码按照data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....1、data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....2、data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....3和data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....4的顺序写入该网页a的js代码中,并将该js代码写入该网页a的html代码中。S103:向所述终端发送所述html代码,以使得所述终端在接收到所述html代码后,根据所述html代码中包含的各子图片对应的编码,显示各子图片。在本申请实施例中,由于该服务器是提供该网页的服务器,所以当该服务器接收到终端发送的针对该网页的请求并确定了该网页的html代码后,便可将该网页的html代码发送至该终端,使得该终端在接收到该网页的html代码后,可通过运行该网页的html代码显示该网页,其中,针对每一个子图片对应的编码,该终端可通过运行该网页的html代码中携带的该js代码将该编码写入对应的<img>标签中,并通过该<img>标签将该子图片渲染至该网页中,最终当各子图片对应的编码均渲染至该网页中时,该终端显示完整的该图片。在本申请中,当该终端向该服务器发送针对该网页的请求,并且该服务器向该终端发送该网页的html代码时,该终端与该服务器实际上是建立了通讯通道,并且该通讯通道用于传输该网页的html代码。其中,由于该网页中的图片已经以各子图片对应的编码的形式,通过该html代码发送至该终端中,并且针对每一个编码,该终端通过运行该js代码可将该编码写入对应的<img>标签中,所以该<img>标签中并没有子图片的调用地址,于是该终端也无需再通过该<img>标签发送调用请求,即,无需建立通讯通道。也就是说,该终端无需为获得各子图片而建立通讯通道,从而减少了该终端发送调用请求的数量,于是,进一步减少了该终端的电量消耗。继续沿用上例,假设该服务器A接收到某个终端发送的调用该网页a的请求,则该服务器A可将该网页a的html代码发送给该终端。当该终端接收到该网页a的html代码后,针对该网页的html代码中携带的每一个子图片对应的编码,该终端可以通过运行写入该网页的html代码中的该js代码,将该编码写入对应的<img>标签中,并通过该<img>标签最终在该终端中显示该编码对应的子图片。当该子图片x1、子图片x2、子图片x3和子图片x4分别对应的各编码均被渲染至该网页a中时,该终端显示完整的该图片x。通过如图1所示的数据处理方法,在将网页中的图片切分为若干子图片后,通过生成各子图片对应的编码,并将各编码写入该网页的html代码中的方法,使得在接收到终端针对该网页的请求时,可将该网页的html代码与各子图片对应的编码一起发送给该终端,使得在保证该终端可以不用加载完全部图片的数据后才显示该图片的同时,避免了终端为了加载各子图片而通过对应的<img>标签发送调用请求以及建立通讯通道的需要,进而减少了终端的电量消耗,避免了终端由于耗电量大增而减而导致使用时间少,从而影响终端的使用效率的问题。另外,在本申请步骤S102中,并不限定仅可通过base64的编码方式,生成各子图片对应的编码,该服务器也可采用其他的编码方式将各子图片转化为对应的编码,只要使各子图片对应的编码可以写入js代码中,并使终端通过运行该网页的html代码中携带的该js代码可以将各子图片渲染至该网页中而无需建立通讯通道即可,具体采用什么编码方式本申请不做具体限定。进一步的,在本申请步骤S102中,该服务器在对网页中的图片进行切分之前,还可以判断该图片占用空间的大小是否达到了预设的阈值,若是,则确定该图片较大,终端加载该图片所需时间较长,需要将该图片切分为若干子图片,若否,则确定给图片较小,无需将该图片切分,其中,该阈值可由工作人员根据经验设置。更进一步的,该服务器可以按照该图片的长边长度,将该图片等分的切分为若干子图片、可以按照该图片的宽边长度,将该图片等分的切分为若干子图片、也可以按照预设的空间量,将该图片切分为若干子图片(如,预设的空间量为200kb,则该服务器可将该图片切分为若干件大小不超过200kb的子图片),当然,具体如何切分图片本申请不做具体限定。为了方便描述,以下仅以该服务器将该图片横向切分为等分的若干子图片置为例进行说明。另外,在本申请步骤S102中,在该服务器将各编码写入该网页的html代码中时,为了使终端在接收到该网页的html代码后能够按照该图片切分为各子图片的顺序,依次加载各子图片,该服务器在将该图片切分为各子图片后,该服务器还可记录各子图片在该图片中的位置,并确定各自图片的排列顺序,并按照该排列顺序,依次将与各子图片对应的编码写入该js代码中,以便后续终端通过运行该js代码时,可以保证该终端可以按照该排列顺序显示各子图片,且显示出的各子图片的位置仍然是各子图片在该图片中的位置。进一步的,在该服务器记录各子图片的排列顺序的同时,该服务器还可以记录各子图片在该网页中的位置,即,通过该图片在该网页中的位置以及各子图片在该图片中的位置,确定各子图片在该网页中的位置,并将确定的各子图片的位置写入该js代码中,进一步保证该网页显示的各子图片的位置是正确的。需要说明的是,如图1所示的本申请实施例所提供方法的各步骤的执行主体均可以是同一设备,或者,该方法也可由不同设备作为执行主体。比如,步骤S101和步骤S102的执行主体可以为设备1,步骤S103的执行主体可以为设备2;又比如,步骤S101的执行主体可以为设备1,步骤S102和步骤S103的执行主体可以为设备2;等等。基于图1所示的数据处理过程,本申请实施例还对应提供一种终端执行的数据处理过程如图3所示。图3为本申请实施例提供的数据处理过程,具体包括以下步骤:S201:向服务器发送针对网页的请求。在本申请实施例中,与现有技术一致,当用户通过终端浏览网页时,需要先通过该终端向提供该网页的服务器发送针对该网页的请求,以便该服务器在接收到该请求后,可以根据该请求确定该网页的html代码,并向该终端发送该网页的html代码,则该终端便可更根据接收到的该服务器返回的该网页的html代码显示该网页。于是,在本申请中,该终端可以向该服务器发送针对网页的请求。另外,该终端可以是手机、平板电脑、笔记本电脑等设备,并且由于设备在依靠自身携带的电源(如,手机的电池、平板电脑的电池等)运行时,对降低电量消耗的要求更高,所以本申请中提及的终端默认是自身携带电源的设备,当然,本申请对此并不做具体限定,即,该终端就也可以是通过外部电源提供电能运行的设备。更进一步的,该终端可以通过在该终端中安装的浏览器应用,发送针对该网页的请求以及接收返回的该网页的html代码,也可以通过在该终端中安装的具有浏览器内核的应用,发送针对该网页的请求以及接收返回的该网页的html代码,具体该终端通过何种应用接收该网页的html代码本申请并不做具体限定,为方便后续描述在本申请中简化终端中的应用这一环节,直接以该终端接收该网页的html代码进行说明和描述。例如,假设某用户使用自己的手机c浏览网页,此时该手机c向对应的服务器A发送调用网页a的请求。S202:接收服务器返回的所述网页的超文本标记语言html代码。在本申请实施例中,当该终端向服务器发送针对该网页的请求后,该终端可接收该服务器返回的该网页的html代码,则该终端后续可通过运行该网页的html代码在该终端中显示该网页,其中,该网页中包含图片,且该网页的html代码中可携带有由该图片切分的得到的若干子图片分别对应的编码。具体的,该网页的html代码中携带有js代码,在该js代码中写入有若干子图片对应的编码,其中,各编码可以是由一个图片切分出的各子图片分别对应的编码,也可是由多个图片分别切分出的多个子图片对应的编码,也即,该网页的html中至少存在由一个图片切分出的多个子图片对应的编码。进一步的,若在该js代码中存在由多个图片切分出的多个子图片对应的编码,针对每一个图片,在该js代码中还可以记录该图片的图片标识与由该图片切分得到的各子图片对应的编码的对应关系,即,通过该js代码中记录的该对应关系,可以以区分由不同图片切分出的子图片对应的编码,如表2所示。表2通过表2可见,由于不同图片对应不同的图片标识,所以可以通过该图片标识与该子图片对应的编码的对应关系,确定各子图片是由哪一个图片切分而来的。为方便描述,后续仅以该网页的html代码中仅有一个图片(如,图片x)切分出的若干子图片(如,子图片x1、子图片x2以及子图片x3)分别对应的编码为进行说明。继续沿用上例,假设该服务器A向该手机c发送网页a的html代码,其中该网页a的html代码写入有js代码,该js代码中携带有如表2所示的若干子图片对应的编码。S203:针对每一个编码,通过运行所述网页的html代码,将该编码对0的子图片渲染到所述网页中。在本申请实施例中,当该终端在接收该网页后,便可运行该网页的html代码,以在该终端中显示该网页,而由于该网页的html代码中携带有js代码,所以在运行该网页的html代码时也会运行该js代码,于是,针对该js代码中包含的每一个编码,该终端可通过运行该js代码,将该编码对应的子图片渲染到该网页中。具体的,针对每一个编码,由于该编码被写在该网页的html代码中的js代码中,所以该终端可通过运行该js代码,建立一个对应于该编码的<img>标签,并将该编码写入该<img>标签中,后续,再通过该<img>标签将该编码对应的子图片渲染至该网页中。其中,由于各编码可以是按照排列顺序依次写入该js代码中的,所以当该终端运行该js代码时,该终端可按照各编码在该js代码中的先后顺序,依次执行上述过程,即,该终端通过运行该js代码,在建立一个编码对应的<img>标签,并将该编码写入对应的<img>标签中,最后通过该<img>标签将该编码对应的子图片渲染至该网页之后,再将按照各编码在该js代码中的先后顺序,建立下一个编码对应的<img>标签,并将该下一个编码对应的子图片渲染至该网页中,直到该js代码中所有编码分别对应的子图片均渲染至该网页中为止,则此时,该终端中显示由各子图片组成的图片。进一步的,若在该js代码中还记录有各编码对应的子图片的位置,则该终端通过运行该js代码还可在该<img>标签中写入该子图片的位置,以使得该终端通过该<img>标签将该编码对应的子图片渲染至该网页中的正确位置。继续沿用上例,假设该网页a的html代码中携带的js代码包含的编码如表2所示,则该手机c在运行该网页a的html代码时,可通过该js代码建立与data:image/jpg;base64,/9j/4QMZRXhp....1对应的<img>标签,在该子图片x1被渲染至该网页a中后,再依次建立与子图片x2以及子图片x3对应的各子图片编码的<img>标签并将该子图片x2以及子图片x3渲染至该网页a中,对于该图片y和该图片z,同理。若仅以子图片x1对应的编码进行说明,则针对该子图片x1对应的编码,首先该手机c建立对应的<img>标签,并将该子图片x1对应的编码:data:image/jpg;base64,/9j/4QMZRXhp....1写入该<img>标签中,该<img>标签的内容中具体可以为:<imgwidth="40"height="30"src="data:image/jpg;base64,/9j/data:image/jpg;base64,/9j/4QMZRXhp....1";style="position:absolute;left:100px;top:100px;"/>,其中,style="position:absolute;left:100px;top:100px表示该子图片x1显示在该网页a中时,该子图片x1距离该网页a的上边缘以及左边缘的距离,即,该子图片x1在该网页a中的位置,于是通过该<img>标签,该手机c可以将该子图片x1渲染至该网页a中的指定位置。进一步的,由于各子图片实际上是以编码的形式发送至该终端的,所以该终端在加载该网页的各子图片时,只需要通过js代码将各子图片对应的编码渲染至该网页中即可,而无需针对每一个子图片新建一个通讯通道、无需发送调用该子图片的调用请求,可大大减少该终端的电量消耗。需要说明的是,如图3所示的本申请实施例所提供方法的各步骤的执行主体均是同一设备。基于图1所示的数据处理过程,本申请实施例还对应提供一种数据处理装置,如图4所示。图4是本申请实施例提供一种数据处理装置的结构示意图,包括:接收模块301,接收终端发送的针对网页的请求,其中,所述网页中包含图片;确定执行模块302,确定所述网页的超文本标记语言html的代码,其中,所述html代码中包含每个子图片分别对应的编码,各子图片是将所述图片切分后得到的;发送模块303,向所述终端发送所述html代码,以使得所述终端在接收到所述html后,根据所述html代码中包含的各子图片对应的编码,显示各子图片。所述图片的占用空间大于预设的空间量,所述确定执行模块302,将所述图片切分为若干子图片,其中,每个子图片的占用空间均不大于所述空间量。每个子图片分别对应的编码包括base64编码。所述确定执行模块302,确定由所述图片切分得到的各子图片对应的编码,将各编码写入脚本语言代码中,其中,所述脚本语言代码包括JavaScript代码,将所述脚本语言代码写入所述网页的html代码中,将写入所述脚本语言代码的html代码重新作为所述网页的html代码。所述确定执行模块302,根据各子图片在所述图片中的位置关系,确定所述各子图片的排列顺序,按照所述排列顺序,依次将与各子图片对应的编码写入所述脚本语言代码中。具体的,上述如图4所示的数据处理装置可以位于一台设备中,也位于由多台设备组成的系统中。基于图3所示的数据处理过程,本申请实施例还对应提供一种数据处理装置,如图5所示。图5是本申请实施例提供一种数据处理装置的结构示意图,包括:发送模块401,用于向服务器发送针对网页的请求;接收模块402,接收服务器返回的所述网页的超文本标记语言html代码,其中,所述网页包含图片,所述网页的html代码中携带有由所述图片切分得到的若干子图片分别对应的编码;渲染模块403,针对每一个编码,通过运行所述网页的html代码,将该编码对应的子图片渲染到所述网页中。所述网页的超文本标记语言html代码中携带有脚本语言代码,所述脚本语言代码中携带有由所述图片切分的到的若干子图片分别对应的编码,所述脚本语言代码包括JavaScript代码。所述渲染模块403,运行所述网页的html代码携带的所述脚本语言代码,通过所述脚本语言代码,将所述脚本语言代码写入的各编码分别对应的子图片依次渲染到所述网页中。所述渲染模块403,针对每一个编码,建立与该编码对应的图片标签,将该编码写入建立的所述图片标签中,通过所述图片标签,将该编码对应的子图片渲染到所述网页中。具体的,所述装置可以位于终端中,具体可以位于手机、平板电脑、笔记本电脑以及个人电脑等终端中。本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitorymedia),如调制的数据信号和载波。还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。当前第1页1 2 3 
当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1