静态页面的交互方法及装置制造方法
【专利摘要】本发明公开一种静态页面的交互方法，包括以下步骤：加载静态页面；侦测静态页面上的操作请求；当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数，并调用所述调用函数；接收调用所述调用函数后返回的执行结果，并显示所述执行结果。本发明还公开了一种静态页面的交互装置。本发明通过创建动态控件对应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放在列表中，以供静态页面解析时进行调用，从而使得该静态页面加载后，不但可以实现静态页面的显示功能，而且还实现了静态页面的动态交互功能。另外，该动态交互功能不再需要平台的支持，充分利用了静态页面的可移植性，实现了动态页面的灵活性。
【专利说明】静态页面的交互方法及装置
【技术领域】
[0001]本发明涉及浏览器领域，尤其涉及一种静态页面的交互方法及装置。
【背景技术】
[0002]浏览器中的浏览页面包括静态页面和动态页面。其中，静态页面是网页的代码都在页面中，不需要执行asp, php, jsp,.net等程序生成客户端网页代码的网页。动态页面是通过执行asp，php, jsp,.net等程序生成客户端网页代码的网页。该两种页面均有其各自的特点，例如静态页面对于平台的依赖性不强，可以方便地进行平台移植，但是静态页面只能通过JS加CSS来完成简单的页面布局变化，而要完成交互过程则需要极为复杂的页面设计。动态页面则可以完成交互过程，但是该交互过程完全依赖于服务器，而且对平台的依赖性也非常强。
[0003]鉴于上述两种页面的特点，有必要设计一种能融合上述两个页面的优点的方法。
【发明内容】
[0004]本发明的主要目的是提供一种静态页面的交互方法及装置，旨在既实现了静态页面的可移植性，又实现了动态页面的灵活性。
[0005]为达到以上目的，本发明提供了一种静态页面的交互方法，包括以下步骤:
[0006]加载静态页面；
[0007]侦测静态页面上的操作请求；
[0008]当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数，并调用所述调用函数；
[0009]接收调用所述调用函数后返回的执行结果，并显示所述执行结果。
[0010]优选地，所述静态页面的交互方法还包括:
[0011]当所述操作请求对应的触发控件为静态控件时，执行相应的操作请求，并显示所执行的结果。
[0012]优选地,所述加载静态页面包括:
[0013]侦测到静态页面的加载请求时，从服务器中获取相应的页面数据；
[0014]对获取到的页面数据进行解析，当所述页面数据包括动态控件时，获取与动态控件相应的调用函数，并导入相应的调用函数。
[0015]优选地，所述加载静态页面之前还包括:
[0016]根据预置的动态控件，创建相应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放置在列表中供页面解析时获取。
[0017]优选地，所述根据预置的动态控件，创建相应的动态链接库包括:
[0018]根据预置的动态控件，获取已编写好的相应的功能接口 ；
[0019]对所述功能接口使用与浏览器相应的交叉编译工具进行编译，生成动态链接库。
[0020]本发明还提供了一种静态页面的交互装置，包括:[0021]页面加载模块，用于加载静态页面；
[0022]侦测模块，用于侦测静态页面上的操作请求；
[0023]执行模块，用于当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数，并调用所述调用函数；
[0024]显示模块，用于接收调用所述调用函数后返回的执行结果，并显示所述执行结果。
[0025]优选地，所述执行模块还用于:当所述操作请求对应的触发控件为静态控件时，执行相应的操作请求，所执行的结果供所述显示模块显示。
[0026]优选地，所述页面加载模块包括:
[0027]页面数据获取模块，侦测到静态页面的加载请求时，从服务器中获取相应的页面数据；
[0028]页面解析模块，用于对获取到的页面数据进行解析，当所述页面数据包括动态控件时，获取与动态控件相应的调用函数，并导入相应的调用函数。
[0029]优选地，所述交互装置还包括:
[0030]动态链接库配置模块，用于根据预置的动态控件，创建相应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放置在列表中供页面解析时获取。
[0031]优选地，所述动态链接库配置模块用于:
[0032]根据预置的动态控件，获取已编写好的相应的功能接口 ；
[0033]对所述功能接口使用与浏览器相应的交叉编译工具进行编译，生成动态链接库。
[0034]本发明通过创建动态控件对应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放在列表中，以供静态页面解析时进行调用，从而使得该静态页面加载后，不但可以实现静态页面的显示功能，而且还实现了静态页面的动态交互功能。另外，该动态交互功能不再需要平台的支持，充分利用了静态页面的可移植性，实现了动态页面的灵活性。
【专利附图】
【附图说明】
[0035]图1是本发明静态页面的动态显示方法较佳实施例的流程示意图；
[0036]图2是现有技术中加载静态页面的结果示意图；
[0037]图3是本发明静态页面的交互方法中加载静态页面的流程示意图；
[0038]图4是本发明静态页面的交互装置第一实施例的功能模块示意图；
[0039]图5是本发明静态页面的交互装置中页面加载模块的功能模块示意图；
[0040]图6是本发明静态页面的交互装置第二实施例的功能模块示意图；
[0041]图7是本发明静态页面的交互装置与服务器及本地进行交互的结构示意图。
[0042]本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
【具体实施方式】
[0043]以下结合说明书附图及具体实施例进一步说明本发明的技术方案。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0044]为了充分利用静态页面以及动态页面的优点，本发明提供了一种静态页面的交互方法，结合静态页面与动态页面的优点，既保留了静态页面的可移植性，又保留了动态页面的灵活性。[0045]参照图1，提出本发明一种静态页面的交互方法较佳实施例的流程示意图。该静态页面的交互方法包括以下步骤:
[0046]步骤S110、加载静态页面；
[0047]众所周知，静态页面是指一旦设计好后，将存储在服务器或本地中的页面。无论何时何地浏览，均会显示相同的形式和内容，而且该静态页面仅供浏览，其无法与网站服务器进行互动。动态页面则不是独立存储在服务器中的页面文件，其只有在用户请求时服务器才会根据用户的输入信息返回一个完整的网页，该动态页面常被用于实现如用户注册、用户登录、在线调查、搜索引擎等功能。若要显示的静态页面既包括静态页面数据，又包括动态页面数据，则在该静态页面进行加载时，只能加载并显示静态页面数据的内容，而动态页面数据无法加载，从而无法实现浏览器与服务器或本地的交互功能。该显示的静态页面数据包括能够显示在页面上的所有信息，例如，文字、图片、输入框、控件等等。如图2所示，图2是现有技术中加载静态页面的结果示意图。由于该静态页面还包括动态页面数据，例如页面的S2和S3处的控件对应的交互功能，所以在加载该动态页面数据时，无法进行加载。因此，该页面的SI处将弹出“浏览器已经限制此文件显示可能访问您的计算机的活动内容…”的提示。虽然该页面的S2和S3处的控件可以显示，但是点击该控件时也无法触发相应的功能，因为该控件对应的动态页面数据无法加载。
[0048]如图3所示，为了静态页面包含的动态页面数据能被加载以及实现动态页面的交互功能，在本发明的加载页面过程具体包括:
[0049]步骤S111、根据预置的动态控件，创建相应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放置在列表中供解析时获取；
[0050]静态页面中的控件为浏览器本身可以解析并显示在页面上的内容，而且该控件对应的属性可以包括静态控件及动态控件。其中，静态控件在触发后，不能接收用户的输入，仅用来从本地或服务器中获取相应的信息；动态控件在触发后，则可以接收用户的输入信息，并将所接收的输入信息发送至服务器或本地进行处理，然后再接收处理后返回的信息，并显示在页面上。例如图2中的S2和S3处所显示的控件，该控件的属性为动态控件，其被用来实现用户与服务器或者客户端本地之间的交互。
[0051]由于浏览器在加载该静态页面时，仅能解析静态页面上的静态控件，而无法解析静态页面上的动态控件。此时，若要实现在静态页面上的动态控件对应的交互功能，则在加载静态页面之前需要先针对预置的动态控件，创建相应的动态链接库lib。然后建立一个列表TAB，用于存放该动态链接库中函数的名称，并将该列表TAB存放到相应位置，以供浏览器解析静态页面时进行匹配获取。
[0052]具体为，创建与动态控件相应的动态链接库包括:
[0053]A、根据预置的动态控件，获取已编写好的相应的功能接口 ；
[0054]根据静态页面上的动态控件，使用C/C++来编写相应的功能接口，例如本地文件的操作、系统功能的调用等等。而且该功能接口的内容需要适应浏览器的需求。当侦测到静态页面上的动态控件的操作请求时，将获取已编写好的相应的功能接口。
[0055]B、对所述功能接口使用与运行浏览器对应平台的交叉编译工具进行编译，生成动态链接库。
[0056]使用与浏览器相应的交叉编译工具对获取的功能接口进行编译，生成动态链接库。该动态链接库的调用函数名称将存放在一列表中，如下表所示:
[0057]
Functionl()
Function2()
Function3()
Function4()
[0058]步骤S112、侦测到静态页面的加载请求时，从服务器中获取相应的页面数据；
[0059]静态页面顾名思义就是静态存放在服务器中的页面数据，每个静态页面均存在对应的一个网页地址URL。用户希望访问某个静态页面时，可以发送URL访问请求，浏览器根据该URL访问请求访问服务器，服务器器则返回URL访问请求对应的页面数据，浏览器接收所返回的页面数据后，对其进行解析并显示。
[0060]步骤S113、对获取到的页面数据进行解析，当所述页面数据包括动态控件时，获取与动态控件相应的调用函数，并导入相应的调用函数。
[0061]具体地，在解析过程中，则将页面数据中的javascript (客户端脚本语言)转化为相应代码，也就是机器可以识别的语言。由于浏览器无法解析动态页面数据，因此当对页面数据中的动态控件数据进行解析，则该浏览器将无法解析即解析失败。此时，浏览器将从指定位置的列表中获取该动态控件数据对应的调用函数，并导入。本实施例中，该调用函数由上述步骤SllO中创建的列表TAB中获取。
[0062]步骤S120、侦测静态页面上的操作请求；
[0063]浏览器后台将实时侦测该静态页面上是否存在操作请求。即若控件被点击时，其将触发的控件是否为动态控件。
[0064]步骤S130、当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数，并调用所述调用函数；
[0065]以静态页面上的控件“注册”为例，当该静态页面上的控件被点击时，由于该控件的属性为动态控件，所以将获取该动态控件相应的调用函数，并调用该调用函数。
[0066]可以理解的是，当该操作请求是属性为静态控件的控件触发的，则执行相应的操作请求，并显示执行的结果。
[0067]步骤S140、接收调用所述调用函数后返回的执行结果，并显示所述执行结果。
[0068]本发明相对于现有技术具有如下有益效果:
[0069]本发明通过创建动态控件对应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放在列表中，以供静态页面解析时进行调用，从而使得该静态页面加载后，不但可以实现静态页面的显示功能，而且还实现了静态页面的动态交互功能。另外，该动态交互功能不再需要平台的支持，充分利用了静态页面的可移植性，实现了动态页面的灵活性。
[0070]基于上述静态页面的交互方法，本发明还提供了一种静态页面的交互装置。该静态页面的交互装置可以为独立存在的装置，也可以应用于浏览器中，以实现静态页面的动态交互功能。参照图4，图4为本发明静态页面的交互装置优选实施例的结构示意图。该静态页面的交互装置包括:
[0071]页面加载模块110,用于加载静态页面；
[0072]侦测模块120，用于侦测静态页面上的操作请求；
[0073]执行模块130，用于当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数，并调用所述调用函数；
[0074]显示模块140，用于接收调用所述调用函数后返回的执行结果，并显示所述执行结
果O
[0075]上述静态页面既包括静态页面数据，也包括动态页面数据。由于现有技术的静态页面解析技术是无法加载动态页面数据，所以本实施例的页面加载模块110在解析到动态页面数据时，将获取该动态页面数据对应的调用函数，以实现用户与服务器或本地之间的交互。
[0076]进一步地,参照图5,上述页面加载模块110包括:
[0077]页面数据获取单元111，侦测到静态页面的加载请求时，从服务器中获取相应的页面数据；
[0078]页面数据解析单元112，用于对获取到的页面数据进行解析，当所述页面数据包括动态控件时，从预置的列表中获取与动态控件相应的调用函数，并导入相应的调用函数。
[0079]静态页面顾名思义就是静态存放在服务器中的页面数据，每个静态页面均存在对应的一个网页地址URL。用户希望访问某个静态页面时，可以发送URL访问请求，浏览器根据该URL访问请求访问服务器，服务器器则返回URL访问请求对应的页面数据，浏览器接收所返回的页面数据后，对其进行解析并显示。具体地，在解析过程中，则将页面数据中的javascript (客户端脚本语言)转化为相应代码，也就是机器可以识别的语言。由于浏览器无法解析动态页面数据，因此当对页面数据中的动态控件数据进行解析，则该浏览器将无法解析即解析失败。此时，浏览器将从指定位置的列表中获取该动态控件数据对应的调用函数，并导入。本实施例中，该调用函数预先创建的列表TAB中获取。
[0080]在静态页面加载后，浏览器后台将实时侦测该静态页面上是否存在操作请求。即若控件被点击时，其将触发的控件是否为动态控件。以静态页面上的控件“注册”为例，当该静态页面上的控件被点击时，由于该控件的属性为动态控件，所以将获取该动态控件相应的调用函数，并调用该调用函数。另外，当该操作请求是属性为静态控件的控件触发的，则执行相应的操作请求，并显示执行的结果。
[0081]本发明相对于现有技术具有如下有益效果:
[0082]本发明通过创建动态控件对应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放在列表中，以供静态页面解析时进行调用，从而使得该静态页面加载后，不但可以实现静态页面的显示功能，而且还实现了静态页面的动态交互功能。另外，该动态交互功能不再需要平台的支持，充分利用了静态页面的可移植性，实现了动态页面的灵活性。
[0083]进一步地,参照图6,上述交互装置还包括:
[0084]动态链接库配置模块150，用于根据预置的动态控件，创建相应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放置在列表中供页面解析时获取。
[0085]由于浏览器在加载该静态页面时，仅能解析静态页面上的静态控件，而无法解析静态页面上的动态控件。此时，若要实现在静态页面上的动态控件对应的交互功能，则需要先针对预置的动态控件，创建相应的动态链接库lib。然后建立一个列表TAB，用于存放该动态链接库中函数的名称，并将该列表TAB存放到相应位置，以供浏览器解析静态页面时进行匹配获取。
[0086]具体地，上述动态链接库配置模块150用于:根据预置的动态控件，获取已编写好的相应的功能接口；对所述功能接口使用与运行浏览器对应平台的交叉编译工具进行编译，生成动态链接库。
[0087]首先动态链接库配置模块150根据静态页面上的动态控件，使用C/C++来编写相应的功能接口，例如本地文件的操作、系统功能的调用等等。而且该功能接口的内容需要适应浏览器的需求。当侦测到静态页面上的动态控件的操作请求时，将获取已编写好的相应的功能接口。然后，动态链接库配置模块150使用与浏览器相应的交叉编译工具对获取的功能接口进行编译，生成动态链接库。该动态链接库的调用函数名称将存放在一列表中，如下表所示:
[0088]
Functionl()
Function2()
Function3()
[0089]
Function4 ()`
[0090]需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
[0091]上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来。如图7所示，该计算机软件产品，例如上述描述的静态页面的交互装置200可以包括存储在一个存储单元202 (如R0M/RAM、磁碟、光盘)中的若干指令，供终端设备200 (可以是手机，计算机，服务器，或者网络设备等)的处理器201进行调用，以执行本发明各个实施例所述的方法。例该终端设备200通过交互单元205从服务器300中获取页面数据，并对该页面数据解析后显示在所述显示单元203上。该终端设备200还通过输入单元接收用户的输入信息，并根据所述输入信息通过交互单元205与服务器300或本地400进行数据交互等等。[0092]以上所述仅为本发明的优选实施例，并非因此限制其专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，直接或间接运用在其他相关的【技术领域】，均同理包括在本发明的专利保护范围内。
【权利要求】
1.一种静态页面的交互方法，其特征在于，包括以下步骤:加载静态页面；侦测静态页面上的操作请求；当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数， 并调用所述调用函数；接收调用所述调用函数后返回的执行结果，并显示所述执行结果。
2.根据权利要求1所述的静态页面的交互方法，其特征在于，所述静态页面的交互方法还包括:当所述操作请求对应的触发控件为静态控件时，执行相应的操作请求，并显示所执行的结果。
3.根据权利要求1所述的静态页面的交互方法，其特征在于，所述加载静态页面包括: 侦测到静态页面的加载请求时，从服务器中获取相应的页面数据；对获取到的页面数据进行解析，当所述页面数据包括动态控件时，获取与动态控件相应的调用函数，并导入相应的调用函数。
4.根据权利要求3所述的静态页面的交互方法，其特征在于，所述加载静态页面之前还包括:根据预置的动态控件，创建相应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放置在列表中供页面解析时获取。
5.根据权利要求4所述的静态页面的交互方法，其特征在于，所述根据预置的动态控件，创建相应的动态链接库包括:根据预置的动态控件，获取已编写好的相应的功能接口 ；对所述功能接口使用与浏览器相应的交叉编译工具进行编译，生成动态链接库。
6.一种静态页面的交互装置，其特征在于，包括:页面加载模块，用于加载静态页面；侦测模块，用于侦测静态页面上的操作请求；执行模块，用于当所述操作请求对应的触发控件为动态控件时，获取所述动态控件相应的调用函数，并调用所述调用函数；显示模块，用于接收调用所述调用函数后返回的执行结果，并显示所述执行结果。
7.根据权利要求6所述的静态页面的交互装置，其特征在于，所述执行模块还用于:当所述操作请求对应的触发控件为静态控件时，执行相应的操作请求，所执行的结果供所述显示模块显示。
8.根据权利要求6所述的静态页面的交互装置，其特征在于，所述页面加载模块包括: 页面数据获取模块，侦测到静态页面的加载请求时，从服务器中获取相应的页面数据； 页面解析模块，用于对获取到的页面数据进行解析，当所述页面数据包括动态控件时， 获取与动态控件相应的调用函数，并导入相应的调用函数。
9.根据权利要求8所述的静态页面的交互装置，其特征在于，所述交互装置还包括: 动态链接库配置模块，用于根据预置的动态控件，创建相应的动态链接库，并将其创建的动态链接库中调用函数的名称对应放置在列表中供页面解析时获取。
10.根据权利要求9所述的静态页面的交互装置，其特征在于，所述动态链接库配置模块用于:根据预置的动态控件，获取已编写好的相应的功能接口 ；对所述`功能接口使用与浏览器相应的交叉编译工具进行编译，生成动态链接库。
【文档编号】G06F3/048GK103605449SQ201310554927
【公开日】2014年2月26日 申请日期:2013年11月8日 优先权日:2013年11月8日
【发明者】魏飞, 潘志兴 申请人:深圳Tcl新技术有限公司