CN107229633A - 静态页面生成方法、网页访问方法及装置 - Google Patents

Abstract

本发明公开了一种静态页面生成方法、网页访问方法及装置，由服务器预先生成目标网页对应的模板静态化文件包，该模板静态化文件包包括目标网页对应的CSS文件、JS文件及半静态化页面html文件。并将模板静态化文件包存储到客户端本地，当用户通过客户端访问目标网页时，从本地获取目标网页的CSS文件及JS文件生成静态页面，从而减少网络带宽需求，节省网络流量；同时，当目标页面中有数据交互时，可以通过半静态化页面html文件中配置的服务器地址，实时从服务器中获取最新的数据，从而保证数据的动态变化、可交互性。采用该网页访问方法，既减少了网络传输，缩短页面响应时间，提升页面访问速度，同时，还保证了页面中的数据能够实时根据服务器端进行更新。

Description

静态页面生成方法、网页访问方法及装置

技术领域

本发明涉及互联网技术领域，特别是涉及一种静态页面生成方法、网页访问方法及装置。

背景技术

网站页面(即网页)包括静态网页和动态网页；静态网页是利用HTML(HyperTextMarkup Language，超文本标记语言)语言生成的html页面，html页面一旦生成，其内容和显示效果基本不会发生变化。动态网页则不然，页面代码虽然没有变，但是显示内容可以随着时间、环境或者数据库操作的结果而发生改变。

目前，网站大都是基于动态网页来呈现信息，基于动态网页良好的交互性与信息的及时性，给用户提供丰富多彩的咨询。然而，由于动态网页每次访问都需要后台服务器重新生成整个页面信息，所以每当重新访问网页页面时都需要访问服务器，这就需要具备较好的网络传输速度以保证网页及时响应。换言之，页面的访问速度很大程度上取决于网络传输速度。当这种网页请求发生在网络传输速度有限、流量有限的情况(例如，在移动端、可穿戴智能设备、导航仪等以APP(Application，应用程序)来请求页面的情况)下，有限的带宽很难保证网页的及时响应，导致页面访问速度慢。

发明内容

本发明实施例中提供了一种静态页面生成方法、网页访问方法及装置，以解决现有技术中的动态网页响应不及时无法流畅展示的问题。

为了解决上述技术问题，本发明实施例公开了如下技术方案：

第一方面，本发明提供一种静态页面生成方法，应用于服务器中，所述方法包括：

获取目标页面对应的层叠样式表单CSS文件和JS文件；

获取所述目标页面的半静态化页面超文本标记语言html文件，所述半静态化页面html文件中配置有所述目标页面获取动态数据所需的服务器统一资源定位符URL地址；

获取模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的所述CSS文件、所述JS文件及所述半静态化页面html文件；

将所述目标页面对应的模板静态化文件包发送给所述客户端，以使所述客户端将所述模板静态化文件包存储在客户端本地，并根据所述模板静态化文件包生成所述目标页面对应的静态页面。

可选地，所述获取所述目标页面的半静态化页面html文件，包括：

获取符合freemarker标准的静态页面html模板；

将所述静态页面html模板中JS请求链接和CSS请求链接修改为客户端本地的请求；

在所述静态页面html模板中配置所述服务器的URL地址，得到所述目标页面的半静态化页面html文件。

可选地，在所述获取目标页面对应的CSS文件和JS文件之前，所述方法还包括：

接收所述客户端发送的目标页面确定请求；

根据所述目标页面确定请求确定所述目标页面。

第二方面，本发明提供一种网页访问方法，应用于客户端中，所述方法包括：

获取用户访问目标页面的访问请求；

根据所述访问请求获取由所述服务器生成且预先下载到客户端本地的模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的半静态化页面超文本标记语言html文件、JS文件和层叠样式表单CSS文件，其中，所述半静态化页面html文件包含JS请求链接、CSS请求链接及获取动态数据的服务器统一资源定位符URL地址；

根据所述JS请求链接和所述CSS请求链接，从所述客户端本地获取所述目标页面对应的JS文件和CSS文件，生成所述目标页面对应的静态页面；

当需要更新所述静态页面内的指定动态数据时，根据所述URL地址从所述服务器中获取最新的指定动态数据。

可选地，所述方法还包括：

获取用户选定的目标页面；

向所述服务器发送目标页面确定请求，以使所述服务器根据所述目标页面确定请求获取所述目标页面对应的模板静态化文件包。

第三方面，本发明提供一种静态页面生成装置，应用于服务器中，所述装置包括：

第一获取模块，用于获取目标页面对应的层叠样式表单CSS文件和JS文件；

第二获取模块，用于获取所述目标页面的半静态化页面超文本标记语言html文件，所述半静态化页面html文件中配置有所述目标页面获取动态数据所需的服务器统一资源定位符URL地址；

第三获取模块，用于获取模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的所述CSS文件、所述JS文件及所述半静态化页面html文件；

发送模块，用于将所述目标页面对应的模板静态化文件包发送给所述客户端，以使所述客户端将所述模板静态化文件包存储在客户端本地,并根据所述模板静态化文件包生成所述目标页面对应的静态页面。

可选地，所述第二获取模块，包括：

第一获取子模块，用于获取符合freemarker模板引擎标准的静态页面html模板；

修改子模块，用于将所述静态页面html模板中JS请求链接和CSS请求链接修改为客户端本地的请求；

URL地址配置子模块，用于在所述静态页面html模板中配置所述服务器的URL地址，得到所述目标页面的半静态化页面html文件。

可选地，所述装置还包括：

接收模块，用于接收所述客户端确定目标页面的目标页面确定请求；

确定模块，用于根据所述目标页面确定请求确定所述目标页面。

第四方面，本发明提供一种网页访问装置，应用于客户端中，所述装置包括：

第一获取模块，用于获取用户访问目标页面的访问请求；

第二获取模块，用于根据所述访问请求获取由所述服务器生成且预先下载到客户端本地的模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的半静态化页面超文本标记语言html文件、JS文件和层叠样式表单CSS文件，其中，所述半静态化页面html文件包含JS请求链接、CSS请求链接及获取动态数据的服务器统一资源定位符URL地址；

静态页面生成模块，用于根据所述JS请求链接和所述CSS请求链接，从所述客户端本地获取所述目标页面对应的JS文件和CSS文件，生成所述目标页面对应的静态页面；

第三获取模块，用于当需要更新所述静态页面内的指定动态数据时，根据所述URL地址从所述服务器中获取最新的指定动态数据。

可选地，所述装置还包括：

第四获取模块，用于获取用户选定的目标页面；

发送模块，用于向所述服务器发送目标页面确定请求，以使所述服务器根据所述目标页面确定请求获取所述目标页面对应的模板静态化文件包。

由以上技术方案可见，本发明实施例提供的网页访问方法，由服务器预先生成动态的目标网页对应的模板静态化文件包，该模板静态化文件包包括目标网页对应的CSS(Cascading Style Sheet，层叠样式表单)文件、JS(JavaScript)文件及半静态化页面html文件。并将模板静态化文件包存储到客户端本地，当用户通过客户端访问目标网页时，从本地获取目标网页的CSS文件及JS文件，从而减少网络带宽需求，节省网络流量；同时，当目标页面中有数据交互时，可以通过半静态化页面html文件中配置的服务器地址，实时从服务器中获取最新的数据，从而保证数据的动态变化、可交互性。采用该网页访问方法，既减少了网络传输，缩短页面响应时间，提升页面访问速度，同时，还保证了页面中的数据能够实时根据服务器端进行更新。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一种静态页面生成方法的流程示意图；

图2为本发明实施例一种获取半静态化页面html文件步骤的流程示意图；

图3为本发明实施例另一种静态页面生成方法的流程示意图；

图4为本发明实施例一种网页访问方法的流程示意图；

图5为本发明实施例另一种网页访问方法的流程示意图；

图6为本发明实施例一种静态页面生成装置的框图；

图7为本发明实施例一种第二获取模块的框图；

图8为本发明实施例另一种静态页面生成装置的框图；

图9为本发明实施例一种网页访问装置的框图；

图10为本发明实施例另一种网页访问装置的框图。

具体实施方式

为了使本技术领域的人员更好地理解本发明中的技术方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

参见图1，为本发明实施例提供的一种静态页面生成方法的流程示意图，该方法应用于网页服务器中，如图1所示，该方法可以包括以下步骤：

S110，获取目标页面对应的CSS文件和JS文件。

目标页面是指需要对网页进行模板静态化的页面，可以是用户要访问的网站中的某些动态页面，或者，整个网站的全部动态页面。

CSS文件是用于装CSS代码的文本文件，CSS是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS文件用于定义页面的样式，例如，字体、颜色、背景色、间距、超链接等。

JS文件是用javascript脚本语言编写的文件，广泛用户客户端web开发的脚本语言，用于定义网页的动态效果，例如，点击页面上的某个按钮会弹出窗口，或者有提示窗等。

服务器可以直接从该目标页面对应的文件中查找到该目标页面的CSS文件和JS文件。

S120，获取所述目标页面的半静态化页面html文件；所述半静态化页面html文件中配置有所述服务器的URL地址。

需要说明的是，S110和S120的执行顺序可以互换，即可以先执行S120，再执行S110，本申请对此并不限制。

参见图2，为本发明实施例一种获取半静态化页面html文件步骤的流程图，如图2所示，S120包括步骤S121～S123：

S121，获取符合freemarker标准的静态页面html模板。

FreeMarker是一个模板引擎，一个基于模板生成文本输出的通用工具，用来生成静态html页面的模板，即静态页面html模板。静态页面html模板的文件格式为*.ftl，该静态页面html模板定义了该目标页面样式所需引用的CSS文件和JS文件，以及页面数据交互时要请求的服务器URL地址，其中，动态页面中数据交互部分是动态的，因此，服务器URL地址以参数形式存在。

S122，将所述静态页面html模板中JS请求链接和CSS请求链接修改为客户端本地的请求。

将客户端访问动态页面时除数据请求之外的请求链接改为请求客户端本地资源而不是请求服务器；例如，JS请求和CSS请求需要修改为客户端本地请求，即将JS请求链接中包含的服务器地址修改为客户端本地的指定路径，例如，“local”；同理，可以将CSS请求链接中包含的服务器地址修改为“local”。

S123，在所述静态页面html模板中配置所述目标页面中获取动态数据的服务器URL地址，得到所述目标页面的半静态化页面html文件。

动态页面中数据交互部分是动态的，因此，服务器URL地址以参数形式存在，当需要获取页面中的数据时可以由JS代码动态调用该参数，以便向服务器请求获得相应的数据。

S130，获取模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的所述CSS文件、所述JS文件及所述半静态化页面html文件。

生成目标页面对应的半静态化页面html文件后，将获得的目标页面对应的CSS文件和JS文件复制到与半静态化页面html文件同级的目录中，得到模板静态化文件包。

S140，将所述目标页面对应的模板静态化文件包发送给所述客户端，以使所述客户端将所述模板静态化文件包存储在客户端本地,并根据所述模板静态化文件包生成所述目标页面对应的静态页面。

服务器将生成的模板静态化文件包发送给客户端，例如，手机APP(Application，应用程序)，以使客户端将模板静态化文件包存储到客户端的指定路径下，这样，当通过客户端访问目标页面时，就会访问该模板静态化文件，并根据模板静态化文件中的CSS请求链接和JS请求链接从客户端本地获取目标页面的CSS文件和JS文件生成静态页面，从而减少了网络传输的消耗和页面响应时延，节省了网络流量。

本实施例提供的静态页面生成方法，由服务器预先生成动态的目标网页对应的模板静态化文件包，该模板静态化文件包包括目标网页对应的CSS文件、JS文件及半静态化页面html文件。并将模板静态化文件包存储到客户端本地，当用户通过客户端访问目标网页时，就会访问半静态化页面html文件，并从客户端本地获取目标网页的CSS文件及JS文件生成静态页面，从而减少网络带宽需求，节省网络流量。同时，当目标页面中有数据交互时，可以通过半静态化页面html文件中配置的服务器地址，实时从服务器中获取最新的数据，从而保证数据的动态变化、可交互性。采用该网页访问方法，既减少了网络传输，缩短页面响应时间，提升页面访问速度，同时，还保证了页面中的数据能够实时根据服务器端进行更新。

参见图3，为本发明实施例另一种静态页面生成方法的流程图，该方法在图1所示实施例的S110之前还可以包括以下步骤：

S210，接收所述客户端发送的目标页面确定请求；所述目标页面确定请求包括所要确定的目标页面的页面名称。

以“新浪网”的网页为例进行说明，用户可以在客户端选择其中的某些页面进行半静态化处理，例如，新浪首页、新浪体育、新浪汽车、新浪财经，还可以选择“新浪体育”页面所包含的页面，例如，“中国足球”、“NBA”、“CBA”等页面。本实施例中，目标页面由用户在客户端中选择确定，例如，在客户端上设计有自助选择界面，用户或管理员可以从该自助选择界面中选择需要模板静态化的动态页面，此时，客户端向服务器发送目标页面确定请求，以便服务器生成该目标页面对应的模板静态化文件包，提高了生成静态页面的灵活性，提高用户体验。

S220，根据所述目标页面确定请求确定所述目标页面。

确定目标页面后，获取生成该目标页面对应的静态页面所需要的文件，即CSS文件、JS文，以及，半静态化页面html文件。

相应于上述的应用于服务器中的网页访问方法，本发明还提供了应用于客户端的网页访问方法实施例。

参见图4，为本发明实施例又一种网页访问方法的流程图，该方法应用于客户端中，如图4所示，该方法可以包括以下步骤：

S310，获取用户访问目标页面的访问请求。

用户通过客户端(例如，手机APP)访问页面时，会产生相应的访问请求。

S320，根据所述访问请求访问由所述服务器生成且预先下载到客户端本地的半静态化页面html文件。

半静态化页面html文件和目标页面对应的CSS文件、JS文件组成模板静态化文件包，该模板静态化文件包由服务器生成并发送给客户端，其中，所述半静态化页面html文件包含JS请求链接、CSS请求链接及获取动态数据的服务器URL地址。

S330，根据所述JS请求链接和所述CSS请求链接，从所述客户端本地获取所述目标页面对应的JS文件和CSS文件，生成目标页面对应的静态页面。

客户端根据半静态化页面html文件中的JS请求链接从本地获取对应的JS文件，以及，根据半静态化页面html文件中的CSS请求链接从本地获取对应的CSS文件。

S340，当需要更新所述静态页面内的指定动态数据时，根据所述URL地址从所述服务器中获取最新的指定动态数据。

当需要更新目标页面内的数据时，JS代码动态调用服务器的URL地址，向服务器请求获取最新的数据，从而保证数据的可交互性。这样，当目标页面对应的数据库中的数据改变时，刷新页面后数据也是最新的。

本实施例提供的网页访问方法，由服务器预先生成动态的目标网页对应的模板静态化文件包，该模板静态化文件包包括目标网页对应的CSS文件、JS文件及半静态化页面html文件。并将模板静态化文件包存储到客户端本地，当用户通过客户端访问目标网页时，就会访问半静态化页面html文件，并从客户端本地获取目标网页的CSS文件及JS文件来生成目标页面对应的静态页面，从而减少网络带宽需求，节省网络流量。同时，当静态页面中有数据交互时，可以通过半静态化页面html文件中配置的服务器地址，实时从服务器中获取最新的数据，从而保证数据的动态变化、可交互性。采用该网页访问方法，既减少了网络传输，缩短页面响应时间，提升页面访问速度，同时，还保证了页面中的数据能够实时根据服务器端进行更新。

参见图5，为本发明实施例另一种网页访问方法的流程图，该方法在图4所示实施例的基础上还可以包括以下步骤：

S410，获取用户选定的目标页面。

本实施例中，目标页面由用户在客户端中选择确定，例如，在客户端上设计有自助选择界面，用户或管理员可以从该自助选择界面中选择需要模板静态化的动态页面。

S420，向所述服务器发送目标页面确定请求，所述目标页面确定请求包括所确定的目标页面的页面名称，以使所述服务器根据所述目标页面确定请求获取所述目标页面对应的模板静态化文件包。

客户端获得用户选定的目标页面后，向服务器发送目标页面确定请求，该请求中至少包括所确定的目标页面的页面名称，以便使服务器生成该目标页面对应的模板静态化文件包。当用户点击自助选择界面上的下载项，即可从服务器中获得该目标页面对应的模板静态化文件包。

本实施例提供的网页访问方法，由用户选择目标页面，然后，由服务器将用户选择的目标页面转换成静态页面，从而，提高了生成静态页面的灵活性，以及提高了用户体验。

通过以上的方法实施例的描述，所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：只读存储器(ROM)、随机存取存储器(RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

与本发明提供的方法实施例相对应，本发明还提供了装置实施例。

参见图6，为本发明实施例一种静态页面生成装置，该装置应用于服务器中，如图6所示，所述装置包括：第一获取模块110、第二获取模块120、第三获取模块130和发送模块140。

第一获取模块110，用于获取目标页面对应的CSS文件和JS文件。

CSS文件是用于装CSS代码的文本文件，CSS是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS文件用于定义页面的样式，例如，字体、颜色、背景色、间距、超链接等。

JS文件是用javascript脚本语言编写的文件，广泛用户客户端web开发的脚本语言，用于定义网页的动态效果，例如，点击页面上的某个按钮会弹出窗口，或者有提示窗等。

服务器可以直接从该目标页面对应的文件中查找到该目标页面的CSS文件和JS文件。

第二获取模块120，用于获取所述目标页面的半静态化页面html文件；所述半静态化页面html文件中配置有所述目标页面获取动态数据所需的服务器统一资源定位符URL地址。

参见图7，为本发明实施例一种第二获取模块的框图，如图7所示，第二获取模块包括：第一获取子模块121、修改子模块122和URL地址配置子模块123。

第一获取子模块121，用于获取符合freemarker模板引擎标准的静态页面html模板。

FreeMarker是一个模板引擎，一个基于模板生成文本输出的通用工具用来生成静态html页面的模板，即静态页面html模板。静态页面html模板的文件格式为*.ftl，该静态页面html模板定义了该目标页面样式所需引用的CSS文件和JS文件，以及页面数据交互时要请求的服务器URL地址，其中，动态页面中数据交互部分是动态的，因此，服务器URL地址以参数形式存在。

修改子模块122，用于将所述静态页面html模板中JS请求链接和CSS请求链接修改为客户端本地的请求。

将客户端访问动态页面时除数据请求之外的请求链接改为请求客户端本地资源而不是请求服务器；例如，JS请求和CSS请求需要修改为客户端本地请求，即将JS请求链接中包含的服务器地址修改为客户端本地的指定路径，例如，“local”；同理，可以将CSS请求链接中包含的服务器地址修改为“local”。

URL地址配置子模块123，用于在所述静态页面html模板中配置所述服务器的URL地址，得到所述目标页面的半静态化页面html文件。

动态页面中数据交互部分是动态的，因此，服务器URL地址以参数形式存在，当需要获取页面中的数据时可以由JS代码动态调用该参数，以便向服务器请求获得相应的数据。

第三获取模块130，用于获取模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的所述CSS文件、所述JS文件及所述半静态化页面html文件。

发送模块140，用于将所述目标页面对应的模板静态化文件包发送给所述客户端，以使所述客户端将所述模板静态化文件包存储在客户端本地,并根据所述模板静态化文件包生成所述目标页面对应的静态页面。

服务器将生成的模板静态化文件包发送给客户端，例如，手机APP(Application，应用程序)，以使客户端将模板静态化文件包存储到客户端的指定路径下，这样，当通过客户端访问目标页面时，就会访问该模板静态化文件，并根据模板静态化文件中的CSS请求链接和JS请求链接从客户端本地获取目标页面的CSS文件和JS文件，从而减少了网络传输的消耗和页面响应时延，节省了网络流量。

本实施例提供的静态页面生成装置，由服务器预先生成动态的目标网页对应的模板静态化文件包，该模板静态化文件包包括目标网页对应的CSS文件、JS文件及半静态化页面html文件。并将模板静态化文件包存储到客户端本地，当用户通过客户端访问目标网页时，就会访问半静态化页面html文件，并从客户端本地获取目标网页的CSS文件及JS文件生成静态页面，从而减少网络带宽需求，节省网络流量。同时，当目标页面中有数据交互时，可以通过半静态化页面html文件中配置的服务器地址，实时从服务器中获取最新的数据，从而保证数据的动态变化、可交互性。采用该网页访问方法，既减少了网络传输，缩短页面响应时间，提升页面访问速度，同时，还保证了页面中的数据能够实时根据服务器端进行更新。

参见图8，为本发明实施例另一种静态页面生成装置的框图，该装置在图6所示实施例的基础上还包括：接收模块210和确定模块220。

接收模块210，用于接收所述客户端确定目标页面的目标页面确定请求。

以“新浪网”的网页为例进行说明，用户可以在客户端选择其中的某些页面进行半静态化处理，例如，新浪首页、新浪体育、新浪汽车、新浪财经，还可以选择“新浪体育”页面所包含的页面，例如，“中国足球”、“NBA”、“CBA”等页面。

确定模块220，用于根据所述目标页面确定请求确定所述目标页面。

本实施例中，目标页面由用户在客户端中选择确定，例如，在客户端上设计有自助选择界面，用户或管理员可以从该自助选择界面中选择需要模板静态化的动态页面，此时，客户端向服务器发送目标页面确定请求，以便服务器生成该目标页面对应的模板静态化文件包，提高了生成静态页面的灵活性，提高用户体验。

参见图9，为本发明实施例一种网页访问装置的框图，该装置应用于客户端中，如图9所示，所述装置包括：第一获取模块310、生成模块320、第二获取模块330和第三获取模块340。

第一获取模块310，用于获取用户访问目标页面的访问请求。

用户通过客户端(例如，手机APP)访问页面时，会产生相应的访问请求。

第二获取模块320，用于根据所述访问请求获取由所述服务器生成且预先下载到客户端本地的模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的半静态化页面html文件、JS文件和层叠样式表单CSS文件，其中，所述半静态化页面html文件包含JS请求链接、CSS请求链接及获取动态数据的服务器URL地址。

静态页面生成模块330，用于根据所述JS请求链接和所述CSS请求链接，从所述客户端本地获取所述目标页面对应的JS文件和CSS文件，生成所述目标页面对应的静态页面。

第三获取模块340，用于当需要更新所述静态页面内的指定动态数据时，根据所述URL地址从所述服务器中获取最新的指定动态数据。

本实施例提供的网页访问装置，由服务器预先生成动态的目标网页对应的模板静态化文件包，该模板静态化文件包包括目标网页对应的CSS文件、JS文件及半静态化页面html文件。并将模板静态化文件包存储到客户端本地，当用户通过客户端访问目标网页时，就会访问半静态化页面html文件，并从客户端本地获取目标网页的CSS文件及JS文件，从而减少网络带宽需求，节省网络流量。同时，当目标页面中有数据交互时，可以通过半静态化页面html文件中配置的服务器地址，实时从服务器中获取最新的数据，从而保证数据的动态变化、可交互性。采用该网页访问装置，既减少了网络传输，缩短页面响应时间，提升页面访问速度，同时，还保证了页面中的数据能够实时根据服务器端进行更新。

参见图10，为本发明实施例另一种网页访问装置的框图，该装置在图9所示实施例的基础上还包括：第四获取模块410和发送模块420。

第四获取模块410，用于获取用户选定的目标页面。

本实施例中，目标页面由用户在客户端中选择确定，例如，在客户端上设计有自助选择界面，用户或管理员可以从该自助选择界面中选择需要模板静态化的动态页面。

发送模块420，用于向所述服务器发送目标页面确定请求，所述目标页面确定请求包括所要确定的目标页面的页面名称，以使所述服务器根据所述目标页面确定请求获取所述目标页面对应的模板静态化文件包。

本实施例提供的网页访问装置，由用户选择目标页面，然后，由服务器将用户选择的目标页面转换成静态页面，从而，提高了生成静态页面的灵活性，以及提高了用户体验。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种静态页面生成方法，应用于服务器中，其特征在于，所述方法包括：

获取目标页面对应的层叠样式表单CSS文件和JS文件；

获取所述目标页面的半静态化页面超文本标记语言html文件，所述半静态化页面html文件中配置有所述目标页面获取动态数据所需的服务器统一资源定位符URL地址；

获取模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的所述CSS文件、所述JS文件及所述半静态化页面html文件；

将所述目标页面对应的模板静态化文件包发送给所述客户端，以使所述客户端将所述模板静态化文件包存储在客户端本地,并根据所述模板静态化文件包生成所述目标页面对应的静态页面。

2.根据权利要求1所述的方法，其特征在于，所述获取所述目标页面的半静态化页面html文件，包括：

获取符合freemarker标准的静态页面html模板；

将所述静态页面html模板中JS请求链接和CSS请求链接修改为客户端本地的请求；

在所述静态页面html模板中配置所述服务器的URL地址，得到所述目标页面的半静态化页面html文件。

3.根据权利要求1所述的方法，其特征在于，在所述获取目标页面对应的CSS文件和JS文件之前，所述方法还包括：

接收所述客户端发送的目标页面确定请求；

根据所述目标页面确定请求确定所述目标页面。

4.一种网页访问方法，应用于客户端中，其特征在于，所述方法包括：

获取用户访问目标页面的访问请求；

根据所述访问请求获取由所述服务器生成且预先下载到客户端本地的模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的半静态化页面超文本标记语言html文件、JS文件和层叠样式表单CSS文件，其中，所述半静态化页面html文件包含JS请求链接、CSS请求链接及获取动态数据的服务器统一资源定位符URL地址；

根据所述JS请求链接和所述CSS请求链接，从所述客户端本地获取所述目标页面对应的JS文件和CSS文件，生成所述目标页面对应的静态页面；

当需要更新所述静态页面内的指定动态数据时，根据所述URL地址从所述服务器中获取最新的指定动态数据。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

获取用户选定的目标页面；

向所述服务器发送目标页面确定请求，以使所述服务器根据所述目标页面确定请求获取所述目标页面对应的模板静态化文件包。

6.一种静态页面生成装置，应用于服务器中，其特征在于，所述装置包括：

第一获取模块，用于获取目标页面对应的层叠样式表单CSS文件和JS文件；

第二获取模块，用于获取所述目标页面的半静态化页面超文本标记语言html文件，所述半静态化页面html文件中配置有所述目标页面获取动态数据所需的服务器统一资源定位符URL地址；

第三获取模块，用于获取模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的所述CSS文件、所述JS文件及所述半静态化页面html文件；

发送模块，用于将所述目标页面对应的模板静态化文件包发送给所述客户端，以使所述客户端将所述模板静态化文件包存储在客户端本地,并根据所述模板静态化文件包生成所述目标页面对应的静态页面。

7.根据权利要求6所述的装置，其特征在于，所述第二获取模块，包括：

第一获取子模块，用于获取符合freemarker模板引擎标准的静态页面html模板；

修改子模块，用于将所述静态页面html模板中JS请求链接和CSS请求链接修改为客户端本地的请求；

URL地址配置子模块，用于在所述静态页面html模板中配置所述服务器的URL地址，得到所述目标页面的半静态化页面html文件。

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

接收模块，用于接收所述客户端确定目标页面的目标页面确定请求；

确定模块，用于根据所述目标页面确定请求确定所述目标页面。

9.一种网页访问装置，应用于客户端中，其特征在于，所述装置包括：

第一获取模块，用于获取用户访问目标页面的访问请求；

第二获取模块，用于根据所述访问请求获取由所述服务器生成且预先下载到客户端本地的模板静态化文件包，所述模板静态化文件包包括所述目标页面对应的半静态化页面超文本标记语言html文件、JS文件和层叠样式表单CSS文件，其中，所述半静态化页面html文件包含JS请求链接、CSS请求链接及获取动态数据的服务器统一资源定位符URL地址；

静态页面生成模块，用于根据所述JS请求链接和所述CSS请求链接，从所述客户端本地获取所述目标页面对应的JS文件和CSS文件，生成所述目标页面对应的静态页面；

第三获取模块，用于当需要更新所述静态页面内的指定动态数据时，根据所述URL地址从所述服务器中获取最新的指定动态数据。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

第四获取模块，用于获取用户选定的目标页面；

发送模块，用于向所述服务器发送目标页面确定请求，以使所述服务器根据所述目标页面确定请求获取所述目标页面对应的模板静态化文件包。