CN103139298A - 一种传输网络数据的方法和装置 - Google Patents

Abstract

本发明提供一种传输网络数据的方法和装置，能够提高页面从开发到测试、修改直至上线运行中的更新的效率，并且减小页面的出错率。本发明的传输网络数据的方法包括：服务器响应于终端的访问网络地址的请求，向所述终端发送网页源代码，所述网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；服务器响应于所述终端根据所述指令生成的请求信息，将压缩文件提供给所述终端，所述压缩文件中包含有所述指令指定的javascript文件和/或CSS文件。

Description

一种传输网络数据的方法和装置

技术领域

本发明涉及一种传输网络数据的方法和装置。

背景技术

在基于B/S架构的软件开发过程中，经常需要用到大量的javascript框架、控件、自定义的javascript代码和大量的层叠样式表文件（CSS），为了提高终端即浏览器的下载速度，在页面开发过程中，开发人员将网页中用到的多个javascript和/或css文件通过第三方工具压缩合并为一个压缩文件并且对应于该页面保存下来，这样页面上线之后，浏览器在解析网页源代码并且发送请求时，服务器获取上述压缩文件然后提供给浏览器。

如果网页内容被修改并且涉及了用到的javascript和/或css文件，则开发人员重新制作上述的压缩文件，并且相应修改页面中的其他内容例如压缩文件的文件名。

在页面从开发到测试、修改直至上线运行中的更新，页面内容通常要修改多次，按照现有的上述做法，需开发人员多次制作压缩文件，导致效率低下以及出错率增加。

发明内容

有鉴于此，本发明提供一种传输网络数据的方法和装置，能够提高页面从开发到测试、修改直至上线运行中的更新的效率，并且减小页面的出错率。

为实现上述目的，根据本发明的一个方面，提供了一种传输网络数据的方法。

本发明的传输网络数据的方法包括：服务器响应于终端的访问网络地址的请求，向所述终端发送网页源代码，所述网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；服务器响应于所述终端根据所述指令生成的请求信息，将压缩文件提供给所述终端，所述压缩文件中包含有所述指令指定的javascript文件和/或CSS文件。

可选地，将压缩文件提供给所述终端的步骤包括：从分布式缓存中获取压缩文件然后发送给所述终端；在所述分布式缓存中不存在所述压缩文件的情况下，从文件***中获取所述指令指定的javascript文件和/或CSS文件然后压缩得到所述压缩文件，再将该压缩文件发送给所述终端并且保存在所述分布式缓存中。

可选地，压缩得到所述压缩文件的步骤之后，还包括：设置有效时长；从所述压缩文件被保存在所述分布式缓存中起经过所述有效时长后，将所述压缩文件从所述分布式缓存中删除。

可选地，压缩得到所述压缩文件的步骤包括：将从文件***中获取的所述指令指定的javascript文件和/或CSS文件进行压缩处理，并且根据获取的javascript文件和/或CSS文件的文件名得到唯一对应于获取的javascript文件和/或CSS文件的字段，将该字段作为所述压缩处理得到的压缩文件的文件名。

根据本发明的另一方面，提供了一种传输网络数据的装置。

本发明的传输网络数据的装置包括：第一接收模块，用于接收终端的访问网络地址的请求；第一发送模块，用于向所述终端发送网页源代码，所述网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；第二接收模块，用于接收所述终端根据所述指令生成的请求信息；第二发送模块，用于将压缩文件提供给所述终端，所述压缩文件中包含有所述指令指定的javascript文件和/或CSS文件。

可选地，所述第二发送模块还用于：从分布式缓存中获取压缩文件然后发送给所述终端；在所述分布式缓存中不存在所述压缩文件的情况下，从文件***中获取所述指令指定的javascript文件和/或CSS文件然后压缩得到所述压缩文件，再将该压缩文件发送给所述终端并且保存在所述分布式缓存中。

可选地，所述第二发送模块还用于：设置有效时长；从所述压缩文件被保存在所述分布式缓存中起经过所述有效时长后，将所述压缩文件从所述分布式缓存中删除。

可选地，所述第二发送模块还用于：将从文件***中获取的所述指令指定的javascript文件和/或CSS文件进行压缩处理，并且根据获取的javascript文件和/或CSS文件的文件名得到唯一对应于获取的javascript文件和/或CSS文件的字段，将该字段作为所述压缩处理得到的压缩文件的文件名。

根据本发明的技术方案，服务器响应于终端的访问网络地址的请求，向终端发送网页源代码，该网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；然后服务器响应于该终端根据上述指令生成的请求信息，将压缩文件提供给该终端，该压缩文件中包含有上述指令指定的javascript文件和/或CSS文件，从而在网页中事先指定要提供的javascript文件和/或CSS文件，无需网页开发人员手动制作压缩文件，而是在网页被浏览时临时由服务器制作压缩文件，并且在修改页面、改变要提供的javascript文件和/或CSS文件的情况下，只需修改网页代码，仍无需网页开发人员手动制作压缩文件，提高了网页开发、修改和测试的效率；并且减小了人工参与的程度，于是减小了页面的出错率。并且根据本发明实施例的技术方案，优先从读写速度较快的缓存中读取现成的压缩文件，如果没有该压缩文件再临时读取javascript文件和/或CSS文件并压缩得到压缩文件，并且将得到的压缩文件保存到缓存中，这样，只有当页面被第一次浏览时需要临时生成压缩文件，使页面的呈现速度受到影响以外，页面被再次浏览时因为缓存中已经保存了压缩文件所以呈现速度较快，提高了页面上线运行的效率。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的传输网络数据的方法的基本步骤的示意图；

图2是根据本发明实施例的传输网络数据的装置的示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明实施例的传输网络数据的方法的基本步骤的示意图。如图1所示，本发明实施例的传输网络数据的方法主要包括如下的步骤S11至步骤S14。

步骤S11：终端向服务器发送访问网络地址的请求。

步骤S12：服务器向终端发送网页源代码。在本步骤中，作为向步骤S11中的请求的响应，服务器将网页源代码发送给终端。网页源代码中包含用于指定javascript文件和/或CSS文件的指令。

步骤S13：终端解析网页源代码并且向服务器发送请求信息。本步骤中，终端解析接收到的网页源代码，在解析到步骤S12中所述的指令后，根据该指令生成请求信息以请求获得相应的javascript文件和/或CSS文件。

步骤S14：服务器将压缩文件提供给终端。在本步骤中，作为向步骤S13中的请求信息的响应，服务器有两种方式向终端提供压缩文件。如果服务器的分布式缓存中已经有相应的压缩文件，则直接将该压缩文件发送给终端；否则从文件***中读出终端所请求的、实际上也是步骤S12中的指令所指定的各个javascript文件和/或CSS文件，然后将这些文件压缩，得到上述的相应的压缩文件，再将该压缩文件发送给终端。

从上述步骤可以看出，在网页中事先指定要提供的javascript文件和/或CSS文件，就无需网页开发人员手动制作压缩文件，而是在网页被浏览时临时由服务器制作压缩文件，并且在修改页面、改变要提供的javascript文件和/或CSS文件的情况下，只需修改网页代码，仍无需网页开发人员手动制作压缩文件，提高了网页开发、修改和测试的效率；并且减小了人工参与的程度，于是减小了页面的出错率。

而且从上述步骤中还可以看出，由于是在浏览过程中临时制作压缩文件，所以对于浏览时的页面在终端的呈现速度有一定的影响，所以在步骤S14中，优先从读写速度较快的缓存中读取现成的压缩文件，如果没有该压缩文件再临时读取javascript文件和/或CSS文件并压缩得到压缩文件，并且将得到的压缩文件保存到缓存中。这样，只有当页面被第一次浏览时需要临时生成压缩文件，使页面的呈现速度受到影响以外，页面被再次浏览时因为缓存中已经保存了压缩文件所以呈现速度较快，提高了页面上线运行的效率。

需要说明的是，在步骤S13中，通常的浏览器都会先从本地缓存中查找需要的javascript文件和/或CSS文件，在没有查找到的情况下再执行步骤S13中的向服务器发送请求信息。

为了保证javascript文件和/或CSS文件与压缩这些javascript文件和/或CSS文件所得到的压缩文件之间的唯一对应性，可以在压缩完成之后，根据被压缩的javascript文件和/或CSS文件的文件名得到唯一对应于这些javascript文件和/或CSS文件的字段，例如可以将这些javascript文件和/或CSS文件的文件名首尾相连之后进行散列计算，将得到的散列值作为压缩文件的文件名。相应地，服务器在步骤S13中收到请求信息后，根据请求信息中的javascript文件和/或CSS文件的文件名，进行相同方式的处理例如相同方式的散列计算从而得到相应的压缩文件的文件名。

因为页面即使在上线运行期间也有可能被进一步修改，所以可以对保存在缓存中的压缩文件设置有效时长，在生成压缩文件并且保存在缓存时开始计时，经过上述有效时长后就从缓存中删除该压缩文件。

根据本实施例的上述方案，在实现中，可以选用velocity自定义标签作为端统一的调用方式，合并压缩引擎可采用yuicompressor，对压缩合并后的文件内容可采用memcahced作为缓存，同时可以通过实现不同的缓存接口来进行缓存框架的平滑切换。当然在开发页面时不限于采用velocity模板引擎，其他开发工具也可以使用。以下对于velocity自定义标签进行举例说明。

velocity自定义标签VelocityCompressTag

public String parseJs(List<String>fileNames,String version)

该方法实现了，从前端vm页面中批量传入一个或多个js文件，服务端根据当前的配置的运行环境来决定是否进行压缩。

参数说明：

fileNames：传入的js相对路径

version：js文件的列表的版本号

public String inlineJs(String[]fileNames)

该方法实现将多个js文件的内容读取出来内联的html页面中，这样做的好处是便于开发人员在开发中进行调试

参数说明：

fileNames：传为的js相对路径

合并压缩核心服务实现CompressService

public String compress(HttpServletRequest request,int type)

该方法实现了对多个文件进行循环压缩及合并功能。

参数说明：

request：HttpServletRequest请求

type：文件类型，1表示js，2表示css

public String getFileContent(HttpServletRequest request,StringfileName,int type)

该方法实现了对某一个文件的内容的读取。

参数说明：

request：HttpServletRequest请求

fileName：js或css的文件路径

type：文件类型，1表示js，2表示css

public static void setResponseHeaderCache(long adddays,HttpServletRequest request,HttpServletResponse response,Stringencoding)

该方法实现缓存策略。

参数说明：

adddays：客户端的缓存秒数

request：请求

response：响应

encoding：字符编码，默认为UTF-8

图2是根据本发明实施例的传输网络数据的装置的示意图。如图2所示，传输网络数据的装置20主要包括第一接收模块201、第一发送模块202、第二接收模块203、以及第二发送模块204。图2还示出了分布式缓存22以及服务器的文件***23。

第一接收模块201用于接收终端的访问网络地址的请求；第一发送模块202用于向所述终端发送网页源代码，所述网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；第二接收模块203用于接收所述终端根据所述指令生成的请求信息；第二发送模块204用于将压缩文件提供给所述终端，所述压缩文件中包含有所述指令指定的javascript文件和/或CSS文件。

第二发送模块204还可用于：从分布式缓存22中获取压缩文件然后发送给所述终端；在分布式缓存22中不存在所述压缩文件的情况下，从文件***23中获取所述指令指定的javascript文件和/或CSS文件然后压缩得到所述压缩文件，再将该压缩文件发送给所述终端并且保存在分布式缓存22中。

第二发送模块204还可用于：设置有效时长；从所述压缩文件被保存在分布式缓存22中起经过所述有效时长后，将所述压缩文件从分布式缓存22中删除。

第二发送模块204还可用于：将从文件***中获取的所述指令指定的javascript文件和/或CSS文件进行压缩处理，并且根据获取的javascript文件和/或CSS文件的文件名得到唯一对应于获取的javascript文件和/或CSS文件的字段，将该字段作为所述压缩处理得到的压缩文件的文件名。

根据本发明实施例的技术方案，服务器响应于终端的访问网络地址的请求，向终端发送网页源代码，该网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；然后服务器响应于该终端根据上述指令生成的请求信息，将压缩文件提供给该终端，该压缩文件中包含有上述指令指定的javascript文件和/或CSS文件，从而在网页中事先指定要提供的javascript文件和/或CSS文件，无需网页开发人员手动制作压缩文件，而是在网页被浏览时临时由服务器制作压缩文件，并且在修改页面、改变要提供的javascript文件和/或CSS文件的情况下，只需修改网页代码，仍无需网页开发人员手动制作压缩文件，提高了网页开发、修改和测试的效率；并且减小了人工参与的程度，于是减小了页面的出错率。并且根据本发明实施例的技术方案，优先从读写速度较快的缓存中读取现成的压缩文件，如果没有该压缩文件再临时读取javascript文件和/或CSS文件并压缩得到压缩文件，并且将得到的压缩文件保存到缓存中，这样，只有当页面被第一次浏览时需要临时生成压缩文件，使页面的呈现速度受到影响以外，页面被再次浏览时因为缓存中已经保存了压缩文件所以呈现速度较快，提高了页面上线运行的效率。

以上结合具体实施例描述了本发明的基本原理，但是，需要指出的是，对本领域的普通技术人员而言，能够理解本发明的方法和设备的全部或者任何步骤或者部件，可以在任何计算装置（包括处理器、存储介质等）或者计算装置的网络中，以硬件、固件、软件或者它们的组合加以实现，这是本领域普通技术人员在阅读了本发明的说明的情况下运用他们的基本编程技能就能实现的。

因此，本发明的目的还可以通过在任何计算装置上运行一个程序或者一组程序来实现。所述计算装置可以是公知的通用装置。因此，本发明的目的也可以仅仅通过提供包含实现所述方法或者装置的程序代码的程序产品来实现。也就是说，这样的程序产品也构成本发明，并且存储有这样的程序产品的存储介质也构成本发明。显然，所述存储介质可以是任何公知的存储介质或者将来开发出的任何存储介质。

还需要指出的是，在本发明的装置和方法中，显然，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本发明的等效方案。并且，执行上述系列处理的步骤可以自然地按照说明的顺序按时间顺序执行，但是并不需要一定按照时间顺序执行。某些步骤可以并行或彼此独立地执行。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (8)

1.一种传输网络数据的方法，其特征在于，包括：

服务器响应于终端的访问网络地址的请求，向所述终端发送网页源代码，所述网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；

服务器响应于所述终端根据所述指令生成的请求信息，将压缩文件提供给所述终端，所述压缩文件中包含有所述指令指定的javascript文件和/或CSS文件。

2.根据权利要求1所述的方法，其特征在于，将压缩文件提供给所述终端的步骤包括：

从分布式缓存中获取压缩文件然后发送给所述终端；

在所述分布式缓存中不存在所述压缩文件的情况下，从文件***中获取所述指令指定的javascript文件和/或CSS文件然后压缩得到所述压缩文件，再将该压缩文件发送给所述终端并且保存在所述分布式缓存中。

3.根据权利要求2所述的方法，其特征在于，压缩得到所述压缩文件的步骤之后，还包括：

设置有效时长；

从所述压缩文件被保存在所述分布式缓存中起经过所述有效时长后，将所述压缩文件从所述分布式缓存中删除。

4.根据权利要求2或3所述的方法，其特征在于，压缩得到所述压缩文件的步骤包括：

将从文件***中获取的所述指令指定的javascript文件和/或CSS文件进行压缩处理，并且根据获取的javascript文件和/或CSS文件的文件名得到唯一对应于获取的javascript文件和/或CSS文件的字段，将该字段作为所述压缩处理得到的压缩文件的文件名。

5.一种传输网络数据的装置，其特征在于，包括：

第一接收模块，用于接收终端的访问网络地址的请求；

第一发送模块，用于向所述终端发送网页源代码，所述网页源代码中包含用于指定javascript文件和/或层叠样式表（CSS）文件的指令；

第二接收模块，用于接收所述终端根据所述指令生成的请求信息；

第二发送模块，用于将压缩文件提供给所述终端，所述压缩文件中包含有所述指令指定的javascript文件和/或CSS文件。

6.根据权利要求5所述的装置，其特征在于，所述第二发送模块还用于：

从分布式缓存中获取压缩文件然后发送给所述终端；

在所述分布式缓存中不存在所述压缩文件的情况下，从文件***中获取所述指令指定的javascript文件和/或CSS文件然后压缩得到所述压缩文件，再将该压缩文件发送给所述终端并且保存在所述分布式缓存中。

7.根据权利要求5所述的装置，其特征在于，所述第二发送模块还用于：

设置有效时长；

从所述压缩文件被保存在所述分布式缓存中起经过所述有效时长后，将所述压缩文件从所述分布式缓存中删除。

8.根据权利要求6或7所述的装置，其特征在于，所述第二发送模块还用于：

将从文件***中获取的所述指令指定的javascript文件和/或CSS文件进行压缩处理，并且根据获取的javascript文件和/或CSS文件的文件名得到唯一对应于获取的javascript文件和/或CSS文件的字段，将该字段作为所述压缩处理得到的压缩文件的文件名。

Images