专利名称：页面展现系统和页面展现方法
技术领域：
本发明涉及页面控制领域，具体而言，涉及一种页面展现系统和一种页面展现方法。
背景技术：
在传统的web应用的页面中，经常会有这样的场景web应用系统把主页面分成几个部分，如上面是系统头区框，左边是功能树区域，右侧是具体功能区。如图I所示，在功能区中，经常会以弹出窗口的形式展现出某一个页面，传统的页面格局都采用web的框架，来展现弹出页面，如图，框I是主页面，框3弹出窗口其实是框2弹出窗口的功能页面中的 一个框架，所以，框3弹出窗口是不可能突破框2的弹出窗口的区域限制。上述方案的缺陷在于，随着用户逐级的不断打开窗口，由于受父功能页面区域的限制，弹出窗口的范围会变得越来越小，这样无论是在操作性还是在可视性上，都给用户带来了很大的不便。因此，需要一种新的技术方案，使弹出页面的窗口不受父功能页面区域的限制，保证无论用户打开的是第几级的功能页面，都可以在整个页面看到功能页面中的内容，也就是弹出窗口能突破父功能页面框架区域的限制，既要把框架中要展示的内容展现到主页面上，同时，又要保持弹出页面与父功能页面之间的正常交互。
发明内容
本发明所要解决的技术问题在于，提供一种新的技术方案，使弹出页面的窗口不受父功能页面区域的限制，保证无论用户打开的是第几级的功能页面，都可以在整个页面看到功能页面中的内容，也就是弹出窗口能突破父功能页面框架区域的限制，既要把框架中要展示的内容展现到主页面上，同时，又要保持弹出页面与父功能页面之间的正常交互。有鉴于此，本发明提供一种页面展现系统，包括页面请求模块，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器端；页面信息处理模块，在所述服务器端，获取所述页面请求对应的页面信息，并发送给所述客户端；页面构建模块，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。在此技术方案中，页面发出请求到服务器，服务器解析请求的页面，把页面信息处理后返回到客户端，客户端解析页面脚本信息，在页面上创建框架，这个框架保证了弹出窗口的活动范围扩大到系统主页面上，这样使弹出窗口能突破框架区域的限制，把框架中要展示的内容展现到整个主页面上。在上述技术方案中，优选地，还包括页面标识模块，在所述第一页面上添加标识，所述页面构建模块根据所述标识，查找到所述第一页面，并在所述第一页面上创建所述框架。应用此技术方案，在客户端创建页面的过程中，当浏览器收到请求后，找到系统主页面，并提前在系统主页面上增加标识，标识出自己的主页面身份，浏览器通过这个主页面标识定位到主页面，然后在系统主页面上创建一个框架。
在上述技术方案中，优选地，还包括页面关联模块，建立所述第二页面和所述第三页面之间的关联。应用此技术方案，在弹出页面与功能页面中建立关联，保证弹出页面与父功能页面的正常交互。在上述技术方案中，优选地，还包括所述页面关联模块从所述第三页面的窗口对象中提取环境上下文信息，并加入到所述第三页面的窗口对象中。应用此技术方案，浏览器在创建好弹出页面后，在功能页面的window对象中取到功能页面的环境上下文出来，然后将功能页面的环境上下文赋给弹出页面的window对象上，使他们具有同样的环境上下文，能够正常通信。在功能页面看来，弹出页面就是自身的一部分。在上述技术方案中，优选地，还包括所述第一页面为所述浏览器的主页面，所述第二页面和所述第三页面为所述主页面上的功能页面。本发明还提供了一种页面展现方法，包括步骤302，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器端；步骤304，在所述服务器端，获取所述页面 请求对应的页面信息，并发送给所述客户端；步骤306，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。在此技术方案中，页面发出请求到服务器，服务器解析请求的页面，把页面信息处理后返回到客户端，客户端解析页面脚本信息，在页面上创建框架，这个框架保证了弹出窗口的活动范围扩大到系统主页面上，这样使弹出窗口能突破框架区域的限制，把框架中要展示的内容展现到整个主页面上。在上述技术方案中，优选地，在所述步骤306之前，还包括在所述第一页面上添加标识；所述步骤306包括根据所述标识，查找到所述第一页面，并在所述第一页面上创建所述框架。应用此技术方案，在客户端创建页面的过程中，当浏览器收到请求后，找到系统主页面，并提前在系统主页面上增加标识，标识出自己的主页面身份，浏览器通过这个主页面标识定位到主页面，然后在系统主页面上创建一个框架。在上述技术方案中，优选地，还包括步骤308，建立所述第二页面和所述第三页面之间的关联。应用此技术方案，在弹出页面与功能页面中建立关联，保证弹出页面与父功能页面的正常交互。在上述技术方案中，优选地，所述步骤308包括从所述第三页面的窗口对象中提取环境上下文信息，并加入到所述第三页面的窗口对象中。应用此技术方案，浏览器在创建好弹出页面后，在功能页面的window对象中取到功能页面的环境上下文出来，然后将功能页面的环境上下文赋给弹出页面的window对象上，使他们具有同样的环境上下文，能够正常通信。在功能页面看来，弹出页面就是自身的一部分。在上述技术方案中，优选地，还包括所述第一页面为所述浏览器的主页面，所述第二页面和所述第三页面为所述主页面上的功能页面。通过以上技术方案，可以实现一种页面展现系统和一种页面展现方法，使弹出页面的窗口不受父功能页面区域的限制，保证无论用户打开的是第几级的功能页面，都可以在整个页面看到功能页面中的内容，也就是弹出窗口能突破父功能页面框架区域的限制，既把框架中要展示的内容展现到主页面上，又保持弹出页面与父功能页面之间的正常交互。
图I示出了传统的页面展示界面示意图；图2示出了根据本发明的实施例的页面展现系统的框图；图3示出了根据本发明的实施例的页面展现方法的流程图；图4示出了根据本发明的实施例的页面展示机制的流程图；图5示出了根据本发明的实施例的服务器页面解析封装的过程示意图；图6示出了根据本发明的实施例的客户端创建页面过程示意图；图7示出了根据本发明的实施例的建立页面关联过程示意图；图8示出了根据本发明的实施例的页面展示机制的效果图。·
具体实施例方式为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式
对本发明进行进一步的详细描述。在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明并不限于下面公开的具体实施例的限制。图2示出了本发明的实施例的页面展现系统的框图。如图2所示，本发明的实施例的页面展现系统200包括页面请求模块202，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器端；页面信息处理模块204，在所述服务器端，获取所述页面请求对应的页面信息，并发送给所述客户端；页面构建模块206，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。在此技术方案中，页面发出请求到服务器，服务器解析请求的页面，把页面信息处理后返回到客户端，客户端解析页面脚本信息，在页面上创建框架，这个框架保证了弹出窗口的活动范围扩大到系统主页面上，这样使弹出窗口能突破框架区域的限制，把框架中要展示的内容展现到整个主页面上。本发明的实施例的页面展现系统200还包括页面标识模块208，在所述第一页面上添加标识，所述页面构建模块根据所述标识，查找到所述第一页面，并在所述第一页面上创建所述框架。应用此技术方案，在客户端创建页面的过程中，当浏览器收到请求后，找到系统主页面，并提前在系统主页面上增加标识，标识出自己的主页面身份，浏览器通过这个主页面标识定位到主页面，然后在系统主页面上创建一个框架。本发明的实施例的页面展现系统200还包括页面关联模块210，建立所述第二页面和所述第三页面之间的关联。应用此技术方案，在弹出页面与功能页面中建立关联，保证弹出页面与父功能页面的正常交互。在上述技术方案中还包括所述页面关联模块从所述第三页面的窗口对象中提取环境上下文信息，并加入到所述第三页面的窗口对象中。应用此技术方案，浏览器在创建好弹出页面后,在功能页面的window对象中取到功能页面的环境上下文出来，然后将功能页面的环境上下文赋给弹出页面的window对象上，使他们具有同样的环境上下文，能够正常通信。在功能页面看来，弹出页面就是自身的一部分。在上述技术方案中还包括所述第一页面为所述浏览器的主页面，所述第二页面和所述第三页面为所述主页面上的功能页面。
图3示出了根据本发明的实施例的页面展现方法的流程图。如图3所示，本发明实施例的页面展现方法包括步骤302，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器端；步骤304，在所述服务器端，获取所述页面请求对应的页面信息，并发送给所述客户端；步骤306，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。在此技术方案中，页面发出请求到服务器，服务器解析请求的页面，把页面信息处理后返回到客户端，客户端解析页面脚本信息，在页面上创建框架，这个框架保证了弹出窗口的活动范围扩大到系统主页面上，这样使弹出窗口能突破框架区域的限制，把框架中要展示的内容展现到整个主页面上。在上述技术方案中，在所述步骤306之前，还包括在所述第一页面上添加标识；所述步骤306包括根据所述标识，查找到所述第一页面，并在所述第一页面上创建所述框架。应用此技术方案，在客户端创建页面的过程中，当浏览器收到请求后，找到系统主页面，并提前在系统主页面上增加标识，标识出自己的主页面身份，浏览器通过这个主页面标识 定位到主页面，然后在系统主页面上创建一个框架。在上述技术方案中，还包括步骤308，建立所述第二页面和所述第三页面之间的关联。应用此技术方案，在弹出页面与功能页面中建立关联，保证弹出页面与父功能页面的正常交互。在上述技术方案中，所述步骤308包括从所述第三页面的窗口对象中提取环境上下文信息，并加入到所述第三页面的窗口对象中。应用此技术方案，浏览器在创建好弹出页面后，在功能页面的window对象中取到功能页面的环境上下文出来，然后将功能页面的环境上下文赋给弹出页面的window对象上，使他们具有同样的环境上下文，能够正常通信。在功能页面看来，弹出页面就是自身的一部分。在上述技术方案中，还包括所述第一页面为所述浏览器的主页面，所述第二页面和所述第三页面为所述主页面上的功能页面。图4示出了根据本发明的实施例的页面展示机制的流程图。如图4所示，页面展示机制的具体流程如下步骤402，功能页面发出页面请求。功能页面发出请求到服务器，请求某一页面，进入步骤404。步骤404，服务器解析请求的页面，进入步骤406。步骤406，生成页面脚本。服务器解析完请求的页面以后，但是不直接返回页面，而是生成页面脚本，进入步骤408。步骤408，请求返回。生成的页面脚本封装到请求后，重新返回至客户端，进入步骤410。步骤410，客户端接收页面请求。客户端接收到返回的页面请求，进入步骤412。步骤412，客户端在页面上创建框架。客户端配合返回的脚本信息在web系统的主页面上创建一个框架，进入步骤414。步骤414，解析页面脚本。客户端解析封装的脚本信息内容，进入步骤416。步骤416，创建页面。客户端解析封装的脚本信息内容后，在创建的框架内创建页面元素。进入步骤418。
步骤418，建立关联。客户端对创建的页面与功能区的功能页面建立关联，使两个页面能正常交互。图5示出了根据本发明的实施例的服务器页面解析封装的过程示意图。如图5所示，服务器页面解析封装的过程如下所述功能区向服务器500发出页面请求，要求弹出显示一个页面，服务器500并没有直接返回页面文件，而是收到请求后，开始解析要请求的页面信息。解析后，把页面信息组织成客户端能识别的页面脚本，封装到请求中。最后，服务器500请求返回到客户端。图6示出了根据本发明的实施例的客户端创建页面过程示意图。如图6所示，客户端创建页面过程如下所述浏览器600收到请求后，要找到系统主页面，提前在系统主页面上增加标识，标识出自己的主页面身份，浏览器600通过这个主页面标识定位到主页面，然后在系统主页面上创建一个框架，这个框架保证了弹出窗口的 活动范围扩大到整个系统主页面上。然后解析返回的请求中的页面脚本，在框架中构建页面。图7示出了根据本发明的实施例的建立页面关联过程示意图。客户端在创建完页面后，弹出页面和功能页面没有直接联系，但是系统需要弹出的页面与功能区中的功能页面能够交互。一般将页面中的环境上下文信息存储在页面的window对象中。如图7所示，弹出页面与功能页面建立关联的过程如下所述浏览器700在创建好弹出页面后，在功能页面的window对象中取到功能页面的环境上下文出来，然后将功能页面的环境上下文赋给弹出页面的window对象上，使他们具有同样的环境上下文，能够正常通信。在功能页面看来，弹出页面就是自身的一部分。从而保证弹出的页面与功能区中的功能页面能够交互。图8示出了根据本发明的实施例的页面展示机制的效果图。如图8所示，在本技术方案中，弹出窗口 6已经突破了父功能页面5的框架的限制，可以在整个主页面4中显示，并可以与父页面5之间正常交互。以上结合附图详细说明了本发明的技术方案。页面发出请求到服务器，服务器解析请求的页面，把页面信息处理后返回到客户端，客户端解析页面脚本信息，在页面上创建框架，这个框架保证了弹出窗口的活动范围扩大到系统主页面上，并可以与父页面交互。这样使弹出窗口既能突破框架区域的限制，把框架中要展示的内容展现到整个主页面上，同时，又能保证弹出页面与父功能页面之间的正常交互。以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
权利要求
1.一种页面展现系统，其特征在于，包括 页面请求模块，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器 端; 页面信息处理模块，在所述服务器端，获取所述页面请求对应的页面信息，并发送给所述客户端； 页面构建模块，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。
2.根据权利要求I所述的页面展现系统，其特征在于，还包括 页面标识模块，在所述第一页面上添加标识，所述页面构建模块根据所述标识，查找到所述第一页面，并在所述第一页面上创建所述框架。
3.根据权利要求I所述的页面展现系统，其特征在于，还包括 页面关联模块，建立所述第二页面和所述第三页面之间的关联。
4.根据权利要求3所述的页面展现系统，其特征在于，所述页面关联模块从所述第三页面的窗口对象中提取环境上下文信息，并加入到所述第三页面的窗口对象中。
5.根据权利要求I至4中任一项所述的页面展现系统，其特征在于，所述第一页面为所述浏览器的主页面，所述第二页面和所述第三页面为所述主页面上的功能页面。
6.一种页面展现方法，其特征在于，包括 步骤302，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器端； 步骤304，在所述服务器端，获取所述页面请求对应的页面信息，并发送给所述客户端; 步骤306，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。
7.根据权利要求6所述的页面展现方法，其特征在于，在所述步骤306之前，还包括在所述第一页面上添加标识； 所述步骤306包括根据所述标识，查找到所述第一页面，并在所述第一页面上创建所述框架。
8.根据权利要求6所述的页面展现方法，其特征在于，还包括 步骤308，建立所述第二页面和所述第三页面之间的关联。
9.根据权利要求8所述的页面展现方法，其特征在于，所述步骤308包括 从所述第三页面的窗口对象中提取环境上下文信息，并加入到所述第三页面的窗口对象中。
10.根据权利要求6至9中任一项所述的页面展现方法，其特征在于，所述第一页面为所述浏览器的主页面，所述第二页面和所述第三页面为所述主页面上的功能页面。
全文摘要
本发明提供了一种页面展现系统，包括页面请求模块，在客户端，将浏览器的第一页面中第二页面的页面请求，发送至服务器端；页面信息处理模块，在所述服务器端，获取所述页面请求对应的页面信息，并发送给所述客户端；页面构建模块，在所述客户端，在所述第一页面上创建框架，并使用所述页面信息，在所述框架中构建第三页面。相应地，本发明还提供了一种页面展现方法。通过本发明的技术方案，可以使使弹出窗口能突破框架区域的限制，把框架中要展示的内容展现到整个主页面上，同时，又能保证弹出页面与父功能页面之间的正常交互。
文档编号H04L29/08GK102902774SQ201210369478
公开日2013年1月30日 申请日期2012年9月28日 优先权日2012年9月28日
发明者张建新, 丁锐锋 申请人:用友软件股份有限公司