CN103455459A - 向iWidget传输负载数据的方法和系统 - Google Patents

Abstract

本发明公开了一种向iWidget传输负载数据的方法和系统，该iWidget被集成在混搭应用程序中，方法包括：响应于该混搭应用程序的Web页面要被载入到浏览器，接收该iWidget的负载数据；创建表单，其中该表单的输入域为接收的该iWidget的负载数据；通过执行POST方法，将创建的表单提交给该混搭应用程序，使得该iWidget的负载数据被传输到该iWidget。该方法和系统能够提高集成iWidget的混搭应用程序向该iWidget传输大量负载数据的效率。

Description

向iWidget传输负载数据的方法和系统

技术领域

本发明涉及Web，更具体地，涉及一种向iWidget传输负载数据的方法和系统。

背景技术

Mashup(混搭)是一种网络新技术，Mashup技术将两种以上使用公共或者私有数据的web应用加在一起，形成一个整合应用。这种将不同应用在Web网页上混搭起来的应用，能够满足用户的构建复杂应用的需求。图1示出了一个示例的Mashup的应用界面，其中将5个不同应用集成在Web网页上。

IBM公司提出的iWidget是mashup技术中的一种基于浏览器的简单组件模型，为小部件提供了标准定义，在图1中的5个不同应用界面就是5个iWidget。iWidget封装了web内容并可以参与内容表示框架，可以充当所创建的任何web内容的包装程序，并且允许跨各种平台和产品的无缝互操作性。使用不同的iWidget能够创建强大的混搭应用。

从IT技术人员的角度看，iWidget是一些不需要单独编译就能够运行在任何Web应用的可设定URL地址的代码段。iWidget能够与集成该iWidget的混搭应程序的Web页面通信，来接收输入数据，通常要传入到iWidget的输入数据被称为负载数据(payload data)。在通信过程中，iWidget使用装载事件(onLoadevent)从外部获得负载数据，通常，负载数据包括输入参数的参数名称以及该输入参数的对应值，在iWidget中，输入参数的对应值要求使用基于JSON的数据格式。

发明内容

现有技术中，集成iWidget的混搭应用程序向该iWidget传输大量负载数据的效率很低，为了解决该技术问题，本发明提出了一种向iWidget传输负载数据的方法和系统。

根据本发明的一个方面，提供了一种向iWidget传输负载数据的方法，该iWidget被集成在混搭应用程序中，包括：

响应于该混搭应用程序的Web页面要被载入到浏览器，接收该iWidget的负载数据；

创建表单，其中该表单的输入域为接收的该iWidget的负载数据；

通过执行POST方法，将创建的表单提交给该混搭应用程序，使得该iWidget的负载数据被传输到该iWidget。

根据本发明的另一个方面，提供了一种向iWidget传输负载数据的系统，，该iWidget被集成在混搭应用程序中，该系统包括：

数据载入器，被配置为接收该iWidget的负载数据；

表单构造器，被配置为创建表单，其中该表单的输入域为接收的该iWidget的负载数据；

数据传输引擎，被配置为通过执行POST方法，将创建的表单提交给该混搭应用程序；

集成管理器，被配置为响应于该混搭应用程序的Web页面要被载入到浏览器，控制数据载入器、表单构造器以及数据传输引擎依次工作，使得iWidget的负载数据被传输到该iWidget。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1示出了一个示例的Mashup的应用界面；

图2示出了适于用来实现本发明实施方式的示例性计算系统100的框图；

图3示出了根据本发明的一个实施例的一种向iWidget传输负载数据的方法的方法流程图；

图4示出了本发明给出的具体的例子的JSON格式负载数据；

图5为根据图4的JSON格式数据，创建的表单；

图6为根据图5实际提交到iWidget中的负载数据的内容和传输方式的细节；以及

图7示出了根据本发明的一个实施例的一种向iWidget传输负载数据的系统的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了适于用来实现本发明实施方式的示例性计算系统100的框图。如图1所示，计算机系统100可以包括：CPU(中央处理单元)101、RAM(随机存取存储器)102、ROM(只读存储器)103、系统总线104、硬盘控制器105、键盘控制器106、串行接口控制器107、并行接口控制器108、显示控制器109、硬盘110、键盘111、串行外部设备112、并行外部设备113和显示器114。在这些设备中，与系统总线104耦合的有CPU 101、RAM 102、ROM 103、硬盘控制器105、键盘控制器106、串行控制器107、并行控制器108和显示控制器109。硬盘110与硬盘控制器105耦合，键盘111与键盘控制器106耦合，串行外部设备112与串行接口控制器107耦合，并行外部设备113与并行接口控制器108耦合，以及显示器114与显示控制器109耦合。应当理解，图1所述的结构框图仅仅是为了示例的目的，而不是对本发明范围的限制。在某些情况下，可以根据具体情况增加或减少某些设备。

所属技术领域的技术人员知道，本发明可以实现为系统、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：可以是完全的硬件、也可以是完全的软件(包括固件、驻留软件、微代码等)，还可以是硬件和软件结合的形式，本文一般称为“电路”、“模块”或“系统”。此外，在一些实施例中，本发明还可以实现为在一个或多个计算机可读介质中的计算机程序产品的形式，该计算机可读介质中包含计算机可读的程序代码。

可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

下面将参照本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述本发明。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机程序指令实现。这些计算机程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，这些计算机程序指令通过计算机或其它可编程数据处理装置执行，产生了实现流程图和/或框图中的方框中规定的功能/操作的装置。

也可以把这些计算机程序指令存储在能使得计算机或其它可编程数据处理装置以特定方式工作的计算机可读介质中，这样，存储在计算机可读介质中的指令就产生出一个包括实现流程图和/或框图中的方框中规定的功能/操作的指令装置(instruction means)的制造品(manufacture)。

也可以把计算机程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机或其它可编程装置上执行的指令能够提供实现流程图和/或框图中的方框中规定的功能/操作的过程。

目前有两种方法能够使集成iWidget的混搭应用程序向该iWidget传输负载数据，一种方法是：在包含iWidget的混搭应用程序的Web页面调入到浏览器时，利用该Web页面中的iframe能够将iWidget嵌入到该Web页面中的特点，使用如下代码段在iframe元素的src属性中通过URL参数嵌入负载数据：

<iframe src“…iWdiget URL…″height＝″200“width＝″150″frameborder＝″0″></iframe>.

然后，iWidget使用装载事件通过获取URL参数的方式载入负载数据。

以下给出一个具体的示例，其中versionInfo＝12.0.1&themeUrl＝http://sample/theme1是负载数据，即输入参数名称及其对应的值：

<iframe

src＝″/vaadin-examples/colorpicker？versionInfo＝12.0.1&themeUrl＝http://sample/theme1″height＝″300″width＝″400″frameborder＝″0″></iframe>

另外一种方法是在包含iWidget的Web页面调入时，利用Web页面中的JavaScript来动态载入iWidget定义，使用如下代码段通过URL参数嵌入负载数据：

<div style＝″height：500px；″><script  src＝“….″type＝″text/javascript″></script></div>

其中，是利用嵌入式HTML<script>标记中的src属性(或其他属性，如widgetURL等)中的URL参数来嵌入负载数据的，然后，iWidget使用装载事件通过获取URL参数的方式载入负载数据。

以下给出一个具体的示例，其中username＝michael&serialno＝0091324765是负载数据，即输入参数名称及其对应的值：

上述两种方法都是通过URL参数来嵌入负载数据，由于在浏览器中，URL的参数长度是有限制的，例如Microsoft公开Internet Explorer的最大统一资源定位器(URL)长度限制为2083字节，其它浏览器也有类似的限制，因此，上述方法在传输大量负载数据时都存在问题。

本发明提出了一种向iWidget传输负载数据的方法，该iWidget被集成在混搭应用程序中，该方法的流程图如图3所示，根据图3，

在步骤S301，响应于该混搭应用程序的Web页面要被载入到浏览器，接收该iWidget的负载数据；iWidget的负载数据可能位于数据库或者后端应用程序、Web服务或者消息中，因此，接收iWidget的负载数据包括但不限于以下多种实施方式：从后端数据库读取iWidget的负载数据；调用后端应用程序接口API得到iWidget的负载数据；调用远程Web服务获得iWidget的负载数据；利用异步消息抓取iWidget的负载数据；等等。

在步骤S302，创建表单，其中该表单的输入域为接收的该iWidget的负载数据。这里可以设定表单Action的方法为POST，从而在后续步骤中可以设定提交表单数据的HTTP方法为POST；

表单在网页中主要负责数据采集功能。表单有三个基本组成部分：表单标签，表单输入域以及表单按钮，这对于本领域技术人员来说都是很熟悉的，这里不再赘述。

表单标签的代码形式为：<form></form>，是用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含的数据将被提交到服务器。表单的语法为：

<FORM ACTION＝″URL″METHOD＝″GET|POST″ENCTYPE＝″MIME″TARGET＝″...″>...</FORM>

其中，action＝url指定处理提交表单的格式，可以是一个URL地址。

method＝get或post指明提交表单的HTTP方法，其中POST方法在表单的主干，没有输入数据量的限制，因此本发明中就采用该方法提交数据。enctype＝cdata指明用来把表单提交时(当method值为″post″)的互联网媒体形式.这个特性的缺省值是″application/x-www-form-urlencoded″；TARGET＝″...″指定提交的结果文档显示的位置。

在背景技术中已经陈述，负载数据中的输入参数的对应值往往要求使用基于JSON的数据格式，如果从数据库、Web应用、Web服务或者消息中接收到的负载数据中的输入参数的对应值不是JSON数据格式的，还要进行转换。因此，在一种实施方式中，还要响应于接收的负载数据中的输入参数的对应值不是JSON格式，将该负载数据中的输入参数的对应值转化为JSON格式后，加入到表单的输入域的对应部分。一般来说接收到的负载数据中的输入参数的对应值或者是二进制码，或者是文本数据。如果接收的负载数据中的输入参数的对应值是文本数据，将文本字符串直接转换成JSON数据格式。如果接收的负载数据中的输入参数的对应值是二进制码，则首先使用BASE64编码方式将二进制码编码成文本字符串；然后将文本字符串转换成JSON数据格式。具体如何使用BASE64编码方式将二进制文件编码成文本字符串以及如何将文本字符串转换成JSON数据格式对于本领域技术人员来说都是公知的，这里不在赘述。

在一种实施方式中，图3所示的方法还包括：响应于接收iWidget的负载数据，判断所述iWidget的负载数据的数据量是否超过规定阈值；响应于所述iWidget的负载数据的数据量超过规定阈值，才创建表单；否则可以利用现有技术的负载数据传输方法。这里的规定阈值可以使用的浏览器的输入参数的长度限制，也可以小于该长度限制。具体可以由应用程序设计人员灵活设定。

在步骤S303，通过执行POST方法，将创建的表单提交给该集成iWidget的混搭应用程序，使得iWidget的负载数据被传输到该iWidget。表单的提交可以用JavaScript或者基于现有JavaScript框架如DOJO等实现，提交后，表单的输入域数据就被输入到该iWidget中。具体表单的提交如何实现对本领域技术人员是很容易的，这里不再赘述。

在一种优选的实施方式中，图3的方法还包括步骤S304，响应于该iWidget接收负载数据，根据负载数据要求的显示格式显示负载数据。负载数据的显示与通常Web页面的数据显示一样，这里不再赘述。

以下给出一个具体的例子来说明图3所示的方法的具体实现，该例子描述了对iWidget传输图片这样的大数据量时，图片文件(二进制码数据)经过BASE64编码后，转换成JASON数据格式，传输给iWidget。图4示出了本发明给出的具体的例子的JSON格式的负载数据，包括输入数据参数的名称以及该输入数据的对应值，例如″id″为输入数据参数的名称，″12345″为该输入数据的对应值，其中//运输订单ID为注释语句。显然，负载数据的数据量很大。图5为根据图4的JSON格式数据，创建的表单，其中，method＝″POST″表示该表单Action的方法为POST，input type＝hidden name＝″shipmentOrder_id″value＝″12345″为表单输入域的一部分，为接收的iWidget的负载数据″id″：″12345″转化而来，input type＝hidden表示输入数据类型，name＝″shipmentOrder_id″表示输入参数名称，value＝″12345″表示输入参数的对应值。图6为根据图5实际提交到iWidget中的负载数据的内容和传输方式的细节，其中，POSThttp://url_widget_sample HTTP/1.1表示执行POST方法。

在同一个发明构思下，本发明还公开了一种向iWidget传输负载数据的系统，该iWidget被集成在混搭应用程序中，图7示出了该系统700的结构框图，根据图7，该系统700包括：数据载入器701，被配置为接收该iWidget的负载数据；表单构造器702，被配置为创建表单，其中该表单的输入域为接收的该iWidget的负载数据；数据传输引擎703，被配置为通过执行POST方法，将创建的表单提交给该集成iWidget的混搭应用程序；集成管理器704，被配置为响应于该混搭应用程序的Web页面要被载入到浏览器，控制数据载入器、表单构造器以及数据传输引擎依次工作，使得iWidget的负载数据被传输到该iWidget。其中，创建的表单所包含的输入域对应的输入参数名称和对应的值，应当与数据载入器装载的JSON数据所包含的输入参数名称和对应的值一一对应。

在一种优选的实施方式中，图7所示的系统还包括窗体显示器705，被配置为所述iWidget根据接收的负载数据要求的显示格式显示该负载数据。

在一种实施方式中，表单构造器还被配置为：响应于接收iWidget的负载数据，判断所述iWidget的负载数据的数据量是否超过规定阈值；响应于所述iWidget的负载数据的数据量超过规定阈值，创建表单。

在一种实施方式中，数据载入器使用以下至少一种方式接收数据：从后端数据库读取iWidget的负载数据；调用后端应用程序接口API得到iWidget的负载数据；调用远程Web服务获得iWidget的负载数据；利用异步消息抓取iWidget的负载数据。

如果接收的负载数据中的输入参数的对应值不是JSON格式，在一种实施方式中，表单构造器还包括：数据格式转化器，被配置为响应于接收的负载数据中的输入参数的对应值不是JSON格式，将负载数据中的输入参数的对应值转化为JSON格式；例如，如果负载数据中的输入参数的对应值是文本格式，可以直接转化为JSON格式，在又一种实施方式中，表单构造器还包括：数据格式转化器，被配置为响应于接收的负载数据中的输入参数的对应值是二进制码，使用BASE64编码方式将二进制码编码成文本字符串，然后将文本字符串转换成JSON数据格式。

图7所示的系统可以是混搭应用程序中的一个单独系统模块；也可以将其中的一部分模块作为浏览器中的插件来实现，另一部分模块在混搭应用程序中通过与浏览器中的插件通信来实现：例如表单构造器和数据传输引擎可以作为独立的浏览器插件，当负载数据被载入后，表单构造器插件可以自动创建一个表单，数据传输引擎插件可以针对表单构造器创建的表单，自动执行POST方法进行提交数据。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (12)

1.一种向iWidget传输负载数据的方法，该iWidget被集成在混搭应用程序中，包括：

响应于该混搭应用程序的Web页面要被载入到浏览器，接收该iWidget的负载数据；

创建表单，其中该表单的输入域为接收的该iWidget的负载数据；

通过执行POST方法，将创建的表单提交给该混搭应用程序，使得该iWidget的负载数据被传输到该iWidget。

2.根据权利要求1所述的方法，该方法进一步包括：

响应于接收该iWidget的负载数据，判断该iWidget的负载数据的数据量是否超过规定阈值；

响应于该iWidget的负载数据的数据量超过规定阈值，创建表单。

3.根据权利要求1或2所述的方法，其中接收该iWidget的负载数据使用以下至少一种方式接收：

从后端数据库读取该iWidget的负载数据；

调用后端应用程序接口API得到该iWidget的负载数据；

调用远程Web服务获得该iWidget的负载数据；

利用异步消息抓取该iWidget的负载数据。

4.根据权利要求3所述的方法，其中所述创建表单，其中该表单的输入域为接收的iWidget的负载数据还包括：

响应于接收的负载数据中的输入参数的对应值不是JSON格式，将该负载数据中的输入参数的对应值转化为JSON格式。

5.根据权利要求3所述的方法，其中所述创建表单，其中该表单的输入域为接收的iWidget的负载数据还包括：

响应于接收的负载数据中的输入参数的对应值是二进制码，使用BASE64编码方式将二进制码编码成文本字符串，然后将文本字符串转换成JSON数据格式。

6.根据权利要求1所述的方法，还包括：

响应于该iWidget接收负载数据，根据该负载数据要求的显示格式显示该负载数据。

7.一种向iWidget传输负载数据的系统，，该iWidget被集成在混搭应用程序中，该系统包括：

数据载入器，被配置为接收该iWidget的负载数据；

表单构造器，被配置为创建表单，其中该表单的输入域为接收的该iWidget的负载数据；

数据传输引擎，被配置为通过执行POST方法，将创建的表单提交给该混搭应用程序；

集成管理器，被配置为响应于该混搭应用程序的Web页面要被载入到浏览器，控制数据载入器、表单构造器以及数据传输引擎依次工作，使得iWidget的负载数据被传输到该iWidget。

8.根据权利要求7所述的系统，该表单构造器还被配置为：

响应于数据载入器接收该iWidget的负载数据后，判断所述iWidget的负载数据的数据量是否超过规定阈值；

响应于该iWidget的负载数据的数据量超过规定阈值，创建表单。

9.根据权利要求7或8所述的系统，其中数据载入器被配置为使用以下至少一种方式接收数据：

从后端数据库读取该iWidget的负载数据；

调用后端应用程序接口API得到该iWidget的负载数据；

调用远程Web服务获得该iWidget的负载数据；

利用异步消息抓取该iWidget的负载数据。

10.根据权利要求9所述的系统，其中表单构造器还包括：

数据格式转化器，被配置为响应于接收的负载数据中的输入参数的对应值不是JSON格式，将该负载数据中的输入参数的对应值转化为JSON格式。

11.根据权利要求9所述的系统，其中其中表单构造器还包括：

数据格式转化器，被配置为响应于接收的负载数据中的输入参数的对应值是二进制码，使用BASE64编码方式将二进制码编码成文本字符串，然后将文本字符串转换成JSON数据格式。

12.根据权利要求7所述的系统，还包括：

窗体显示器，被配置为所述iWidget根据接收的负载数据要求的显示格式显示该负载数据。

Images