基于flex与jsp的网页无缝结合处理方法
【专利摘要】本发明公开了一种基于FLEX与JSP的网页无缝结合处理方法，包括主网页和多个嵌套子网页，其中，包括如下步骤：a)采用JSP生成主网页，所述主网页与服务端采用同步处理方式进行数据交互；b)由FLEX统一管理多个嵌套子网页，所述FLEX监听主网页从服务端获取的交互数据并分发给相应的嵌套子网页；c)每个嵌套子网页进行独立的刷新显示并保持当前操作状态。本发明提供的基于FLEX与JSP的网页无缝结合处理方法，使得每个嵌套子网页进行独立的刷新显示并保持当前操作状态，从而既能避免C/S结构安装的繁琐，又能避免B/S结构分散与不统一，兼容任何WEB语言编写的页面，并能达到使用C/S结构般桌面软件体验。
【专利说明】基于FLEX与JSP的网页无缝结合处理方法
【技术领域】
[0001]本发明涉及一种网页处理方法，尤其涉及一种基于FLEX与JSP的网页无缝结合处
理方法。
【背景技术】
[0002]随着富客户端RIA的发展，传统的C/S结构以及B/S结构开发的系统都难以单方面满足用户日渐崭新的需求，既要避免C/S结构安装的繁琐，也要避免B/S结构分散与不统一，达到使用C/S结构般桌面软件体验，又要达到B/S结构的免安装便捷。简单来说，现有几种结构特点如下:
[0003]C/S结构(Client/Server (客户机/服务器)结构，是大家熟知的软件系统体系结构，通过将任务合理分配到Client端和Server端，降低了系统的通讯开销，需要安装客户端才可进行管理操作。
[0004]B/S结构(BiOwser/Server，浏览器/服务器模式)，是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。
[0005]富客户端(富因特网应用程序Rich Internet Applications, RIA)利用具有很强交互性的富客户端技术来为用户提供一个更高和更全方位的网络体验，Rich Client是一个相对的概念，主要是针对时下广泛的基于WEB的应用，因为这种客户端(也即现有的各种浏览器)的运行环境没有提供一个很好的组件模型和交互模型致使这种应用的界面的同服务之间的交互变的很奇怪，每一次交互都需要重新组织出整个界面，而这个界面的组织基本在服务器端完成，也所以致使表现层的逻辑居于服务器端，所以称这种为Thin Client,而相对的则是Rich Client，目前来说在技术上Rich Client还没有一个甚或是两个大一统而且又成熟的标准技术出来，所以Rich Client只能说是一种架构方式，其特点便是服务同表现完全的物理分离，表现逻辑完全由客户端来负责，这是最关键的一点。但一定要同时兼顾原有WEB应用的零部署等特点。
[0006]从C/S结构到富客户端的过渡中，由一开始C/S结构的安装繁琐但效率高；到B/S结构的免安装，使用简单但效率低下；再到富客户端需要结合前两者的优点但兼容性差得不到解决。
[0007]现有B/S结构的技术方法大部分都是单纯的技术语言结合达到同一系统。比如HTML套HTML、JSP套JSP、网页套FLEX，但每次点击任何功能都会等待服务器响应而导致整页面或局部页面重新加载，若网速不稳或服务器无响应将出现白屏等无法继续先前操作等问题。
[0008]I)服务器响应长
[0009]每个功能需要来回访问服务器等待响应，服务器收到请求后由上至下的创建客户端界面，不用预测事件的顺序。每个组件并非独立的，因为一个请求而做出影响整个视图的反应。
[0010]2)功能重复开发[0011]不同WEB语言为了做到同一平台系统上不得不牺牲其中一种，重新按统一 WEB语言开发一次才能集成到一起。
[0012]3)兼容性差
[0013]不同WEB语言开发页面相互间难以通信，难以相互调用功能以及共享页面资源。
[0014]4)页面过多
[0015]为了同时操作不同功能需要在浏览器上打开多个标签页面，很混乱；对于不支持多标签浏览器会更加混乱。
[0016]因此，有必要提供一种基于FLEX与JSP的网页无缝结合处理方法，不管是目前哪一种web语言都可以无缝结合到B/S结构的富客户端系统里，能够解决不同语言之间结合与调用的不兼容问题以及功能限制问题，开发出来的产品让用户真正拥有C/S结构的本地客户端体验。
【发明内容】
[0017]本发明所要解决的技术问题是提供一种基于FLEX与JSP的网页无缝结合处理方法，既能避免C/S结构安装的繁琐，又能避免B/S结构分散与不统一，兼容任何WEB语言编写的页面，并能达到使用C/S结构般桌面软件体验。
[0018]本发明为解决上述技术问题而采用的技术方案是提供一种基于FLEX与JSP的网页无缝结合处理方法，包括主网页和多个嵌套子网页，其中，包括如下步骤:a)采用JSP生成所述主网页，所述主网页与服务端采用同步处理方式进行数据交互；b)由FLEX统一管理所述多个嵌套子网页，所述FLEX监听主网页从服务端获取的交互数据并分发给相应的嵌套子网页；c)每个嵌套子网页进行独立的刷新显示并保持当前操作状态。
[0019]上述的基于FLEX与JSP的网页无缝结合处理方法，其中，所述主网页和多个嵌套子网页共享根目录文件，所述主网页和多个嵌套子网页之间通过调用接口函数传递参数。
[0020]上述的基于FLEX与JSP的网页无缝结合处理方法，其中，所述多个嵌套子网页的上下文根目录均指向主网页的根目录，所述多个嵌套子网页和主网页的根目录下设有同一个安全沙箱配置文件。
[0021]上述的基于FLEX与JSP的网页无缝结合处理方法，其中，所述主网页接收到服务端的数据后存到预先定义好的变量中，所述FLEX监听到主网页有新的数据后，获取新数据存进FLEX并清空主网页的变量减少内存占用。
[0022]上述的基于FLEX与JSP的网页无缝结合处理方法，其中，所述FLEX对所获取数据进行分析，如果是某一嵌套子网页中的列表信息数据更新，则传递列表信息数据给该嵌套子网页进行刷新显示。
[0023]上述的基于FLEX与JSP的网页无缝结合处理方法，其中，所述多个嵌套子网页采用预加载方式进行显示。
[0024]上述的基于FLEX与JSP的网页无缝结合处理方法，其中，所述多个嵌套子网页由HTML、ASPX, FLASH、PHP 或 JSP 生成。
[0025]本发明对比现有技术有如下的有益效果:本发明提供的基于FLEX与JSP的网页无缝结合处理方法，通过JSP生成所述主网页与服务端进行同步数据交互，由FLEX统一管理多个嵌套子网页实现异步数据交互，使得每个嵌套子网页进行独立的刷新显示并保持当前操作状态，从而既能避免C/S结构安装的繁琐，又能避免B/S结构分散与不统一，兼容任何WEB语言编写的页面，并能达到使用C/S结构般桌面软件体验。
【专利附图】
【附图说明】
[0026]图1为本发明基于FLEX与JSP的网页嵌套示意图；
[0027]图2为本发明基于FLEX与JSP的网页无缝结合处理流程示意图；
[0028]图3为本发明基于FLEX与JSP的网页和服务器数据交互示意图。
【具体实施方式】
[0029]下面结合附图和实施例对本发明作进一步的描述。
[0030]图1为本发明基于FLEX与JSP的网页嵌套示意图；图2为本发明基于FLEX与JSP的网页无缝结合处理流程示意图。
[0031]请参见图1和图2，本发明提供的基于FLEX与JSP的网页无缝结合处理方法包括主网页和多个嵌套子网页，所述主网页和多个嵌套子网页共享根目录文件，所述主网页和多个嵌套子网页之间可通过调用接口函数传递参数，其中，包括如下步骤:
[0032]步骤S1:采用JSP生成所述主网页，所述主网页与服务端采用同步处理方式进行数据交互。
[0033]步骤S2:所述多个嵌套子网页由HTML、ASPX, FLASH、PHP或JSP生成。由FLEX统一管理所述多个嵌套子网页，所述FLEX监听主网页从服务端获取的交互数据并分发给相应的嵌套子网页；所述多个嵌套子网页的上下文根目录均指向主网页的根目录，所述多个嵌套子网页和主网页的根目录下设有同一个安全沙箱配置文件。
[0034]步骤S3:每个嵌套子网页进行独立的刷新显示并保持当前操作状态。所述主网页接收到服务端的数据后存到预先定义好的变量中，所述FLEX监听到主网页有新的数据后，获取新数据存进FLEX并清空主网页的变量减少内存占用。所述FLEX对所获取数据进行分析，如果是某一嵌套子网页中的列表信息数据更新，则传递列表信息数据给该嵌套子网页进行刷新显示。
[0035]本发明的工作原理如下:整合各个相互独立的功能、页面、系统到平台上进行无缝结合为一个互补的整体，每一层功能页面进行智能预加载，使用户操作时感觉不到传统B/S系统每点击一个功能都要等待多秒响应后才能进行操作，就像操作本地客户端软件一样。
[0036]本发明采用两款开源技术进行开发，分别是FLEX与JSP，因为两款都能在所有PC端和大部分移动端的任意一款浏览器上完美运行，由此FLEX与JSP平台上再进行无缝结合各种功能网页或富客户端应用。FLEX与JSP相互互补结合后，FLEX在B/S结构里运行会有部分涉及文件处理的功能被限制(不包括读取功能)JMJSP并没有这种限制。
[0037]举例来说，上传一张图片或一个文件到服务器，FLEX只能做到浏览用户本地文件解释成二进制流，但限制了传达到服务器，这时候不受限制的JSP可以把这段二进制流中转到服务器实现文件上传功能，因为FLEX很容易做出很友善的界面并且在各种浏览器下都不变形，JSP做的界面比较生硬，而且加上样式美化也好，每款浏览器显示都会出现部分样式不支持，变形，走位等目前不可解决问题，所以FLEX全面面向用户操作，JSP作为数据中转和数据下发，既达到了界面友善美观又不需要担心用户用哪一款浏览器或版本，JSP又能保障了数据安全性。
[0038]但单单结合在一起还不够，为了减少开发量，FLEX和JSP两种技术开发人员的不均，要创造一种无缝的结合方法使FLEX和JSP成为项目的架构核心，对项目产品进行多技术延伸开发提供支持。
[0039]本发明提供的基于FLEX与JSP的网页无缝结合处理方法，将B/S结构系统转变成富客户端大大降低已有且不同WEB语言开发功能的二次开发量；对于首次开发系统可以降低耦合性，不同团队按规范标准独立开发后无缝结合到本技术平台上。
[0040]这种无缝结合技术将应用程序的设计从以一个个相对独立的页面为中心转移到以组件为中心的转变将会使客户层的设计提升到一个新的层次，并且会使客户层变得更加灵活。富客户层不再成为服务器响应的最终端，这同时也使程序的性能得以提高，用户使用的感觉就好像程序不需要和服务器进行通信或者只是偶尔才需要进行通信。
[0041]现有技术习惯使用大量第三方工具去桥接FLEX与后台通信的中间件，比如BlazeDS技术来实现FLEX直接访问后台JAVA，另外是B/S系统就只用B/S结构思维开发，这样变成FLEX单方面调动后台JAVA，而JAVA没法去调动了 FLEX的局面，前后台互动性变得单向，大量第三方工具架在中间使得性能下降有局限性，需要开发人员多掌握一两门技术才实现相同效果。
[0042]不像传统的模型那样，本发明服务器收到请求后由上至下的创建客户端界面，本发明不用预测事件的顺序。既然每个组件都是独立的，就没有必要因为一个请求而做出影响整个页面视图的反应。要使每个组件都具有向服务器传送信息的能力需要每个组件知道如何处理服务器传递回来的信息。在这个无缝结合方法开发的WEB应用，客户层和服务器层交互数据是异步的，这样就可以控制组件创建信息发送给服务器和处理服务器的响应，可以为更零散的控制去耦和分离程序功能并且组建面向服务的程序结构，如图3所示。
[0043]无缝结合的平台内对服务器的请求响应都是独立的，因为结合了预加载功能，每一个功能都能在浏览器关闭前停留在用户操作过程中，不需要用户同步完成一件事再下一件事，可以异步去使用系统功能，比如在功能一填表一半时，去了绘制图表，回头再填表也不需要重新加载功能页面或者依赖读取数据库数据来重新生成。
[0044]下面给出一个实施例的方案实现流程:
[0045]步骤1、用Flash Builder新建一个FLEX项目工程；
[0046]步骤2、用eclipse新建一个JAVA WEB项目工程；
[0047]步骤3、FLEX工程配置为JAVA，上下文根目录指向JAVA WEB目录(用于FLEX代码发布生成的SWF文件路径)；
[0048]步骤4、JAVA WEB根目录内编写一个安全沙箱配置文件crossdomain.xml (用于不同WEB目录互访文件使用)，同时也要把crossdomain.xml文件放在要引入页面的其他WEB根目录内；
[0049]步骤5、编写一个JSP页面；
[0050]步骤6、编写一个 FLEX 的 Application ；
[0051]步骤7、启动WEB服务，浏览器上打开该JSP，这时搭建好了 JSP与FLEX的简单结合，接下来是实现无缝结合的方法；
[0052]步骤8、JSP编写引入FLEX工程生成的SWF程序，编写接口函数给予FLEX调用访问以及传递参数；
[0053]步骤9、对引入自身的JSP页面编写监听程序，用于实时获取服务器下发数据或JSP下发数据信息，对JSP提供的函数进行访问及传递参数；
[0054]步骤10、编写FLEX和这个JSP相互所需功能接口作为项目里FLEX与JSP无缝结合的支撑引擎；
[0055]步骤11、在浏览器中访问JSP时，服务器下发数据下来，需要动态加载其他功能页面到各个不同位置时，由JSP接收到并把数据存到定义好的变量中，FLEX通过‘步骤9’编写的监听程序感知JSP有新的数据，对新数据获取存进FLEX并清空JSP的变量减少内存占用。FLEX对所获取数据进行分析，是列表信息数据更新，或者是通过FLEX加载引入已通过安全沙箱配置的WEB目录的一个指定地址的JSP功能页面显示在指定位置，或者是对某些功能资源或JSP页面进行预加载，体验就如JSP引入JSP，FLEX弓I入FLEX 一样融合和谐，并不会出现在2种技术框架上不兼容或功能不能互调等问题。当用户在FLEX点击功能按钮实现某个功能时FLEX异步的特点会快速响应用户操作，操作实现的数据会通过接口函数给JSP去后台处理，而JSP返回结果为止FLEX都不会像其它网页那样过程卡住进行不了下一项用户操作，这一切都在不影响用户操作当前页面下，FLEX的异步处理与JSP的同步处理无缝结合交互下完成，让用户体验在本机C/S结构中一样。
[0056]本发明提供的基于FLEX与JSP的网页无缝结合处理方法，具有如下技术特点:1)跨平台跨开发语言:实现调用不同语言页面调用，适应各种平台浏览器运行。2)兼容性好:对不同WEB系统页面都能使用该方法无缝结合兼容进来并运行，目前不存在不支持的WEB页面。3)使用简单:只需要把设置好的URL作为参数传递给该方法就可以实现。4)组件概念:将该方法封装成为组件，方便不同系统的重复利用。5)授权:该无缝结合方法是一种指导性技术方法，容易授权。具体优点如下:1、通过FLEX与JSP无缝结合技术搭建平台，实现集成相同或不同语言的WEB页面及系统；2、规范FLEX接口与JSP接口实现跨语言与平台中各系统页面的访问及调用；3、预加载当前页面功能内容，使功能内容快速响应显示；4、设计上对事务及其他资源的自由度高，让两种技术的开发人员更加专注开发FLEX或JSP。
[0057]虽然本发明已以较佳实施例揭示如上，然其并非用以限定本发明，任何本领域技术人员，在不脱离本发明的精神和范围内，当可作些许的修改和完善，因此本发明的保护范围当以权利要求书所界定的为准。
【权利要求】
1.一种基于FLEX与JSP的网页无缝结合处理方法，包括主网页和多个嵌套子网页，其特征在于，包括如下步骤: a)采用JSP生成所述主网页，所述主网页与服务端采用同步处理方式进行数据交互； b)由FLEX统一管理所述多个嵌套子网页，所述FLEX监听主网页从服务端获取的交互数据并分发给相应的嵌套子网页； c)每个嵌套子网页进行独立的刷新显示并保持当前操作状态。
2.如权利要求1所述的基于FLEX与JSP的网页无缝结合处理方法，其特征在于，所述主网页和多个嵌套子网页共享根目录文件，所述主网页和多个嵌套子网页之间通过调用接口函数传递参数。
3.如权利要求2所述的基于FLEX与JSP的网页无缝结合处理方法，其特征在于，所述多个嵌套子网页的上下文根目录均指向主网页的根目录，所述多个嵌套子网页和主网页的根目录下设有同一个安全沙箱配置文件。
4.如权利要求1所述的基于FLEX与JSP的网页无缝结合处理方法，其特征在于，所述主网页接收到服务端的数据后存到预先定义好的变量中，所述FLEX监听到主网页有新的数据后，获取新数据存进FLEX并清空主网页的变量减少内存占用。
5.如权利要求4所述的基于FLEX与JSP的网页无缝结合处理方法，其特征在于，所述FLEX对所获取数据进行分析，如果是某一嵌套子网页中的列表信息数据更新，则传递列表信息数据给该嵌套子网页进行刷新显示。
6.如权利要求1所述的基于FLEX与JSP的网页无缝结合处理方法，其特征在于，所述多个嵌套子网页采用预加载方式进行显示。
7.如权利要求1?6任一项所述的基于FLEX与JSP的网页无缝结合处理方法，其特征在于，所述多个嵌套子网页由HTML、ASPX, FLASH、PHP或JSP生成。
【文档编号】G06F17/30GK103870280SQ201410108489
【公开日】2014年6月18日 申请日期:2014年3月21日 优先权日:2014年3月21日
【发明者】程永新, 符强, 梁毅文 申请人:上海新炬网络技术有限公司