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