CN105468636A - 一种动态网页的图片加载方法、装置和系统 - Google Patents

Abstract

本发明公开了一种动态网页的图片加载方法、装置和系统。该方法包括：预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；接收客户端发送的网页访问请求；根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。本发明提供的技术方案能够解决在现有的动态网页中，存在由于图片过大或样式设置的不合理，导致动态网页中的图片不能完美显示的缺陷。

Description

一种动态网页的图片加载方法、装置和系统

技术领域

本发明涉及计算机领域，特别是涉及一种动态网页的图片加载方法、装置和系统。

背景技术

文字与图片是构成一个网页的两个最基本的元素。可以简单地理解为：文字，就是网页的内容；图片，就是网页的美观。通常我们将图片以链接地址的方式写到网页中，或以参数的方式动态加载到网页的指定内容区域，再通过在网页中增加样式内容或引入样式文件来美化页面风格，进而提高网页的显示效果。

然而，在现有的网页中，当网页中图片是通过动态参数获取时，由于动态参数所获取的图片存在一定的不确定性，并且，所获取的图片的尺寸也存在不确定性。因此，在获取的图片通过网页中的特定样式结合显示时，极有可能存在因获取的图片过大，或者是图片与网页的样式不匹配，又或者是设置网页的样式不合理，导致通过动态参数获取的图片在网页中没有显示全，或者导致网页的样式走样，使得网页的最终显示效果很不理想。

综上所述，在现有的动态网页中，存在由于图片过大或样式设置的不合理，导致动态网页中的图片显示效果差的问题。

发明内容

本发明提供了一种动态网页的图片加载方法、装置和系统。本发明提供的技术方案能够解决在现有的动态网页中，存在由于图片过大或样式设置的不合理，导致动态网页中的图片显示效果差的问题。

本发明公开了一种动态网页的图片加载方法，该方法包括：

预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；

接收客户端发送的网页访问请求；

根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；

根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；

如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。

可选的，所述预存所有网页中的动态参数信息包括：

预置动态参数采集模型，根据所述动态参数采集模型，采集并保存所有网页中的动态参数信息；

其中，所述动态参数信息包括：动态参数所在的网页的路径、名称，以及所述动态参数在所述网页的区域及样式。

可选的，所述动态参数采集模型用于采集并保存所有网页中的动态参数是动态图片的动态参数信息。

可选的，所述预存与网页访问请求对应的网页跳转信息包括：

预置网页跳转信息采集模型，根据所述网页跳转信息采集模型，采集并保存所有网页访问请求对应的网页跳转信息。

可选的，所述依据预存的动态参数信息对所述动态图片进行处理后返回给客户端包括：

根据预存的动态参数信息获取所述动态图片在所述跳转网页中的区域及样式；

根据获取的区域及样式对所述动态图片进行处理；

将处理后的动态图片对应替换返回的动态参数中的图片返回给客户端。

依据本发明的另一方面，本发明还公开了一种动态网页的图片加载装置，该装置包括：

采集存储模块，用于预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；

接收处理模块，用于接收客户端发送的网页访问请求；根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。

可选的，所述采集存储模块包括：动态参数采集子模块和跳转信息采集子模块；其中，动态参数采集子模块中预置有动态参数采集模型，跳转信息采集子模块中预置有网页跳转信息采集模型；

所述跳转信息采集子模块，用于根据预置的网页跳转信息采集模型，采集并保存所有网页访问请求对应的网页跳转信息。

动态参数采集子模块，用于根据预置的动态参数采集模型，采集并保存所有网页中的动态参数信息；

其中，所述动态参数信息包括：动态参数所在的网页的路径、名称，以及所述动态参数在所述网页的区域及样式。

可选的，所述动态参数采集模型用于采集并保存所有网页中的动态参数是动态图片的动态参数信息。

可选的，所述接收处理模块，用于根据预存的动态参数信息获取所述动态图片在所述跳转网页中的区域及样式；根据获取的区域及样式对所述动态图片进行处理；将处理后的动态图片对应替换返回的动态参数中的图片返回给客户端。

依据本发明的另一方面，本发明还公开了一种动态网页的图片加载系统，该系统包括：服务器端和客户端，其中所述服务器端中设置有如上述任意一项所述的动态网页的图片加载装置；

所述客户端，用于向所述动态网页的图片加载装置发送网页访问请求；用于接收并显示所述动态网页的图片加载装置根据所述网页访问请求返回的网页；

其中，所述返回的网页中包括所述动态网页的图片加载装置依据预存的动态参数信息进行处理后得到的动态图片。

综上所述，本发明提供的技术方案，通过预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；在接收客户端发送的网页访问请求之后，能够根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；以及根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；然后依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。即在本申请中，通过动态参数信息实现对响应的动态图片进行处理，使得跳转网页能够更快的加载处理后动态图片，并且处理后的图片还能够在跳转网页中完美的显示。解决了现有的动态网页中，存在由于图片过大或样式设置的不合理，导致动态网页中的图片不能完美显示的缺陷。

附图说明

图1是本发明中一种动态网页的图片加载方法的流程图；

图2是本发明中一种动态网页的图片加载方法的详细流程图。

图3是本发明一种实施例动态网页的图片加载装置的结构示意图；

图4是本发明中一种实施例中的动态网页的图片加载装置的详细结构示意图；

图5是本发明一种实施例中的动态网页的图片加载系统的结构示意图。

具体实施方式

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

图1是本发明中一种动态网页的图片加载方法的流程图。如图1所示，该方法包括如下步骤：

步骤101，预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息。

步骤102，接收客户端发送的网页访问请求。

步骤103，根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页。

步骤104，根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片。

步骤105，如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。

由此可见，在本发明提供的技术方案中，在服务器端接收到客户端发送的网页访问请求之后，通过预存所有网页中的动态参数信息以及与网页访问请求对应的网页跳转信息，对返回的跳转网页中的动态参数进行匹配，判断是否包括有动态图片，如果存在，再根据预存的动态参数信息对所述动态图片进行缩放处理后返回给客户端，使得处理后的动态图片能够匹配返回的跳转网页中的对应区域的样式，从而实现返回的动态图片在返回的动态网页中能够自适应显示，并且能够提高返回的跳转网页加载速度。解决了现有的动态网页中，存在由于图片过大或样式设置的不合理，导致动态网页中的图片显示效果差的问题。

图2是本发明中一种动态网页的图片加载方法的详细流程图。参见图2所示，该方法包括如下步骤。

步骤201，预置动态参数采集模型。

在步骤201中，所设置的动态参数采集模型，用于获取网页中的动态参数。在本发明的具体实施例中，不同的网站所采用的架构以及编码方式不同，因而动态参数的设置方式也不尽相同。因此，对于不同的网站，可以根据该网站的架构以及编码方式等，设置对应的动态参数采集模型。

步骤202，采集所有网页中的动态参数信息。

在步骤202中，根据动态参数采集模型，采集所有网页中的动态参数信息。在本发明的一种实施例中，所述动态参数信息包括：动态参数所在的网页的路径、名称，以及动态参数在所述网页的区域及样式。

步骤203，保存所有网页中的动态参数信息。

在步骤203中，将采集到的所有网页中的动态参数信息保存到动态参数采集文件中。

在本发明的一种实施例中，以一个网站为例，该网站中包括多个网页。在该网站所在的服务器端设置与该网站对应的动态参数采集模型，根据该动态参数采集模型对该网站中的所有网页中的动态参数进行采集。此外，当所述服务器端上还存在其他网站时，还能通过设置的与所述其他网站对应的动态参数采集模型进行动态参数信息的采集。

本发明的一种具体实施例中，所述动态参数采集模型还可以是仅用于采集所有网页中的动态参数是动态图片的动态参数信息。则在步骤203中，保存在动态参数采集文件中的仅仅是对应于动态图片的动态参数信息。

步骤204，预置网页跳转信息采集模型。

在步骤204中，所设置的网页跳转信息采集模型，用于获取与所有网页访问请求对应的网页跳转的关系。在本发明的具体实施例中，不同的网站所采用的架构码方式不同，因而根据不同的网页访问请求进行网页之间跳转的关系也不尽相同。因此，对于不同的网站，可以设置对应的网页跳转信息采集模型。

步骤205，采集所有网页访问请求对应的网页跳转信息。

在步骤205中，根据所述网页跳转信息采集模型，采集所有网页访问请求对应的网页跳转信息。其中，采集网页访问请求对应的网页跳转信息具体为：在网页A上根据网页访问请求B，对网页访问请求B进行响应后跳转到网页C的过程，则采集到的网页跳转信息为，网页A，网页请求B，网页C。

步骤206，保存所有网页访问请求对应的网页跳转信息。

在步骤206中，将采集到的网页跳转信息保存到跳转信息采集文件中。

上述步骤201～206是预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息的步骤。

其中步骤201-步骤203与步骤204-步骤206的处理过程相互独立，没有严格的先后顺序，也可以先执行步骤204-步骤206再执行步骤201-步骤203，或者步骤201-步骤203与步骤204-步骤206进行并行处理。

步骤207，接收客户端发送的网页访问请求。

步骤208，根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页。

在步骤207和208中，服务器端接收客户端发送的网页访问请求，当该网页访问请求到服务器端时，服务器端会根据该网页访问请求中携带的访问参数获取到跳转网页的URL，然后根据得到的跳转网页的URL，根据所述URL地址获取对应的跳转网页。

在本发明的一种具体实施例中，以登录为例，当所述网页访问请求为登录请求时，服务器端接收客户端发送的网页登陆请求，即用户在登录页面中接收输入的用户名和密码之后，并点击登录按钮；

当该网页登录请求到服务器端时，服务器端会根据该网页登录请求中携带的用户名、密码等访问参数，获取到跳转网页的URL，然后根据得到的跳转网页的URL，根据所述URL地址获取对应的跳转网页，即获取到该用户的登陆后的页面(在此略过服务器的验证过程)。

步骤209，根据动态参数采集文件，判断所述跳转网页中是否存在对应动态图片的动态参数，如果是，则进行步骤210。

在步骤209中，服务器端根据采集到的跳转信息采集文件中保存的网页跳转信息以及动态参数采集文件中保存的动态参数信息，对返回的跳转网页中的动态参数进行匹配操作，查找返回的动态参数中是否存在对应图片的动态参数。如果存在则对返回的图片进行处理，如果不存在，则直接返回动态参数，使得客户端根据返回的动态参数进行显示。

在本发明的一种具体实施例中，由于在步骤201～步骤206中，已经在动态参数采集文件，保存了用户的登录后的页面中的动态参数信息，因此，能够根据该动态参数采集文件中保存的动态参数信息判断所述登录后的页面中是否存在对应动态图片的动态参数。其中，在实际操作过程中，由于不同的网页中会存在相同的动态参数，并且不同网页中的动态参数的信息可能不相同。因此在判断所述跳转网页中是否存在对应动态图片的动态参数，还需要结合跳转信息采集文件中所保存的网页跳转信息，用于确定跳转的网页。

在本发明的一种实施例中，由于预置的动态参数采集模型可以是仅仅采集对应于图片的动态参数。因此在在动态参数采集文件中只保存了对应于图片的动态参数信息，则在步骤209中，只需要判断返回的跳转网页中的动态参数是否被保存在所述动态参数采集文件中即可。其优点在于：通过减少保存在动态参数采集文件中的动态参数信息，进而能够在对返回的跳转网页中的动态参数进行匹配时，提供减少匹配的数量，从而提高匹配的效率，即提高了对跳转网页中是否存在匹配图片进行判断的响应速度，使得跳转网页的响应速度更快。

步骤210，根据预存的动态参数信息获取所述动态图片在所述跳转网页中的区域及样式。

在步骤210中，在获取到跳转网页中存在对应图片的动态参数之后，在动态参数采集文件中获取与该动态参数对应的动态图片所在跳转网页中的区域及样式。具体为：通过动态图片所在跳转网页中的区域及样式，获取到所述动态图片在跳转网页中被限制的宽和高。

步骤211，根据获取的区域及样式对所述动态图片进行处理。

在步骤211中，根据所述动态图片在跳转网页中被限制的宽和高，对所述动态图片的宽和高进行缩放处理。即将所述获取到的动态图片的宽和高缩放到对应的宽和高，从而能够避免由动态参数获取的动态图片过大或过小而导致在返回的跳转网页中图片显示不完全的缺陷。

步骤212，将处理后的动态图片对应替换返回的动态参数中的动态图片返回给客户端。

步骤213，客户端根据返回的动态图片进行显示。

由此可见，在本发明提供的技术方案中，通过设置动态参数采集模型和网页跳转信息采集模型采集并保存有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息。在接收客户端发送的网页访问请求之后，能够根据获取的网页跳转信息获取与所述网页访问请求对应的跳转网页；以及根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；然后依据实际跳转网页中对应区域的宽高，对返回的动态图片进行缩放处理后返回给客户端。即，在本申请中，通过获取的跳转网页中的对应区域的样式，对动态图片进行缩放处理，实现动态图片在动态网页中的自适应显示，使得动态图片的显示效果好，并且进一步提高动态网页中的动态图片的加载速度，提高了用户体验度。

本发明还公开了一种动态网页的图片加载装置，图3是本发明一种实施例动态网页的图片加载装置的结构示意图，参见图3所述，该装置包括：

采集存储模块301，用于预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；

接收处理模块302，用于接收客户端发送的网页访问请求；根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。

图4是本发明中一种实施例中的动态网页的图片加载装置的详细结构示意图。参见图4所示，在图3所示装置的基础上，采集存储模块301包括：动态参数采集子模块3011和跳转信息采集子模块3012。其中，动态参数采集子模块3011中预置有动态参数采集模型，跳转信息采集子模块3012中预置有网页跳转信息采集模型。

跳转信息采集子模块3012，用于根据预置的网页跳转信息采集模型，采集并保存所有网页访问请求对应的网页跳转信息。

动态参数采集子模块3011，用于根据预置的动态参数采集模型，采集并保存所有网页中的动态参数信息；其中，所述动态参数信息包括：动态参数所在的网页的路径、名称，以及所述动态参数在所述网页的区域及样式。

在本发明的一种实施例中，动态参数采集子模块3011仅用于采集并保存所有网页中的动态参数是动态图片的动态参数信息。

在本发明的一种实施例中，接收处理模块302，具体用于根据预存的动态参数信息获取所述动态图片在所述跳转网页中的区域及样式；根据获取的区域及样式对所述动态图片进行处理；将处理后的动态图片对应替换返回的动态参数中的图片返回给客户端。

图5是本发明一种实施例中的动态网页的图片加载系统的结构示意图，如图5所示，该系统包括：服务器端501和客户端502，其中所述服务器端中设置有如上述任意实施例的动态网页的图片加载装置5011；

所述客户端502，用于向所述动态网页的图片加载装置5011发送网页访问请求；用于接收并显示所述动态网页的图片加载装置5011根据所述网页访问请求返回的网页；

其中，所述返回的网页中包括所述动态网页的图片加载装置5011依据预存的动态参数信息进行处理后得到的动态图片。

综上所述，本发明提供的技术方案，通过预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；在接收客户端发送的网页访问请求之后，能够根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；以及根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；然后依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。即在本申请中，通过动态参数信息实现对响应的动态图片进行处理，使得跳转网页能够更快的加载处理后动态图片，并且处理后的图片还能够在跳转网页中完美的显示。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种动态网页的图片加载方法，其特征在于，该方法包括：

预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；

接收客户端发送的网页访问请求；

根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；

根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；

如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。

2.根据权利要求1所述的方法，其特征在于，所述预存所有网页中的动态参数信息包括：

预置动态参数采集模型，根据所述动态参数采集模型，采集并保存所有网页中的动态参数信息；

其中，所述动态参数信息包括：动态参数所在的网页的路径、名称，以及所述动态参数在所述网页的区域及样式。

3.根据权利要求2所述的方法，其特征在于，

所述动态参数采集模型用于采集并保存所有网页中的动态参数是动态图片的动态参数信息。

4.根据权利要求1所述的方法，其特征在于，所述预存与网页访问请求对应的网页跳转信息包括：

预置网页跳转信息采集模型，根据所述网页跳转信息采集模型，采集并保存所有网页访问请求对应的网页跳转信息。

5.根据权利要求1-4中任一项所述的方法，其特征在于，所述依据预存的动态参数信息对所述动态图片进行处理后返回给客户端包括：

根据预存的动态参数信息获取所述动态图片在所述跳转网页中的区域及样式；

根据获取的区域及样式对所述动态图片进行处理；

将处理后的动态图片对应替换返回的动态参数中的图片返回给客户端。

6.一种动态网页的图片加载装置，其特征在于，该装置包括：

采集存储模块，用于预存所有网页中的动态参数信息以及预存与网页访问请求对应的网页跳转信息；

接收处理模块，用于接收客户端发送的网页访问请求；根据预存的网页跳转信息获取与所述网页访问请求对应的跳转网页；根据所述跳转网页预存的动态参数信息，判断所述跳转网页返回的动态参数中是否包含有动态图片；如果有，则依据预存的动态参数信息对所述动态图片进行处理后返回给客户端。

7.根据权利要求6所述的装置，其特征在于，所述采集存储模块包括：动态参数采集子模块和跳转信息采集子模块；其中，动态参数采集子模块中预置有动态参数采集模型，跳转信息采集子模块中预置有网页跳转信息采集模型；

跳转信息采集子模块，用于根据预置的网页跳转信息采集模型，采集并保存所有网页访问请求对应的网页跳转信息；

动态参数采集子模块，用于根据预置的动态参数采集模型，采集并保存所有网页中的动态参数信息；

其中，所述动态参数信息包括：动态参数所在的网页的路径、名称，以及所述动态参数在所述网页的区域及样式。

8.根据权利要求7所述的装置，其特征在于，

所述动态参数采集模型用于采集并保存所有网页中的动态参数是动态图片的动态参数信息。

9.根据权利要求7所述的装置，其特征在于，

所述接收处理模块，用于根据预存的动态参数信息获取所述动态图片在所述跳转网页中的区域及样式；根据获取的区域及样式对所述动态图片进行处理；将处理后的动态图片对应替换返回的动态参数中的图片返回给客户端。

10.一种动态网页的图片加载系统，其特征在于，该系统包括：服务器端和客户端，其中，所述服务器端中设置有如权利要求6～9中任意一项所述的动态网页的图片加载装置；

所述客户端，用于向所述动态网页的图片加载装置发送网页访问请求；用于接收并显示所述动态网页的图片加载装置根据所述网页访问请求返回的网页；

其中，所述返回的网页中包括所述动态网页的图片加载装置依据预存的动态参数信息进行处理后得到的动态图片。