CN110020376A - 数据联动方法和系统 - Google Patents

Abstract

一种数据联动方法和系统，其中数据联动方法包括：获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，所述至少一个表单元素的属性数据包括所述至少一个表单元素的数值；基于所述至少一个表单元素的数值，计算得到待联动对象的更新值；以及根据所述更新值，实时更新所述待联动对象。

Description

数据联动方法和系统

技术领域

本公开涉及互联网技术领域，更具体地，涉及一种数据联动方法和系统。

背景技术

随着企业对线上化管理要求的提高，越来越多的企业在线上系统进行数据存储和数据计算。具体的，在交互过程中，用户需要在系统中进行数据录入、数据调整的工作，并且线上系统可以自动的对数据进行关联计算。

目前主流的线上系统能够实现页面表单和图表的展示，也可利用Velocity、Bootstrap、jQuery组合实现表单中不同属性的设置。

在实现本发明构思的过程中，发明人发现现有技术中至少存在如下问题：当用户在网页中填写信息时，常常存在多次修改的情况，而每次修改时，若用户不提交，网页中与填写信息相关联的其他信息并不能实时联动，若要实现实时联动，则需要通过用户的提交操作，与后端进行频繁的交互实现实时联动，此方法必然会导致后端服务器较重的负载及网络的不必要开销；而若数据联动不涉及与后端的频繁交互时往往存在以下问题，致使数据联动难以实现：1、处理表单中多行、多列之间的计算时，需要通过大量难以维护的代码实现，开发成本高；2、基于React技术的前端框架无法实现组件之间的实时通信，无法实现表单与图表间数据的实时联动；3、表单中一个表单元素可能存在需要多个不同关联的情况，而目前只能使用React技术进行多关联状态管理，存在代码处理费时费力的缺陷。

发明内容

有鉴于此，本公开提供了一种简便易行的数据联动方法和系统。

本公开的一个方面提供了一种数据联动方法。该方法包括：获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，所述至少一个表单元素的属性数据包括所述至少一个表单元素的数值；基于至少一个表单元素的数值及预设规则，计算得到待联动对象的更新值；以及根据更新值，实时更新所述待联动对象。

根据本公开的实施例，上述待联动对象包括以下至少之一：网页页面中与至少一个表单元素相关联的表单元素；网页页面中与至少一个表单元素相关联的表单；以及网页页面中与至少一个表单元素相关联的图表。

根据本公开的实施例，上述获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据包括：通过监听机制，在网页页面中的所述至少一个表单元素的属性数据发生更新时，获取网页页面中更新的所述至少一个表单元素的属性数据。

根据本公开的实施例，上述至少一个表单元素的属性数据还包括数值格式，所述数据联动方法还包括：根据预设格式化规则对所述数值格式进行格式化；以及根据格式化后的数值格式及所述更新值，实时更新待联动对象。

本公开的另一个方面提供了一种数据联动系统。该系统包括获取模块、计算模块及更新模块。其中，所述获取模块获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，所述至少一个表单元素的属性数据包括至少一个表单元素的数值。所述计算模块基于至少一个表单元素的数值及预设规则，计算得到待联动对象的更新值。所述更新模块根据更新值，实时更新所述待联动对象。

根据本公开的实施例，上述待联动对象包括以下至少之一：网页页面中与至少一个表单元素相关联的表单元素；网页页面中与至少一个表单元素相关联的表单；以及网页页面中与至少一个表单元素相关联的图表。

根据本公开的实施例，上述获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据包括：通过监听机制，在网页页面中的所述至少一个表单元素的属性数据发生更新时，获取网页页面中更新的所述至少一个表单元素的属性数据。

根据本公开的实施例，上述至少一个表单元素的属性数据还包括数值格式，所述数据联动系统还包括：格式化模块，该格式化模块根据预设格式化规则对所述数值格式进行格式化。则，所述更新模块根据格式化后的数值格式及所述更新值，实时更新所述待联动对象。

本公开的另一个方面提供了一种数据联动系统，该系统包括一个或多个处理器；以及存储装置，用于存储一个或多个程序，其中，当一个或多个程序被一个或多个处理器执行时，使得一个或多个处理器执行上述的数据联动方法。

本公开的另一个方面提供了一种计算机可读介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行上述的数据联动方法。

根据本公开的实施例，可以至少部分地解决传统的数据联动方法需要与后端进行频繁交互，增加后端服务器的负载的问题，并因此可以在不涉及与后端进行交互的前提下，响应于用户实时更改表单元素的操作，实现表单中多行、多列数值、网页图表及表单与更新数值之间的实时联动，并同时减少不必要的网络开销。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的数据联动方法和系统的示例性应用场景图；

图2示意性示出了根据本公开实施例的数据联动方法的方法流程图；

图3示意性示出了根据本公开另一实施例的数据联动方法的方法流程图；

图4A～图4B示意性示出了根据本公开实施例的数据联动系统的框图；

图5示意性示出了根据本公开实施例的适于实现数据联动的系统的方框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。本领域技术人员还应理解，实质上任意表示两个或更多可选项目的转折连词和/或短语，无论是在说明书、权利要求书还是附图中，都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如，短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。

本公开的实施例提供了一种数据联动方法和系统。该方法包括：获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，所述至少一个表单元素的属性数据包括所述至少一个表单元素的数值；基于所述至少一个表单元素的数值，计算得到待联动对象的更新值；以及根据所述更新值，实时更新所述待联动对象。本公开通过在前端基于网页页面中所述至少一个表单元素的数值，即可实时的计算得到待联动对象的更新值以更新待联动对象，因此能够在不涉及与后端进行交互的前提下，响应于用户实时更改表单元素的操作，实现表单中多行、多列数值、网页图表及表单与更新数值之间的实时联动，并同时减少不必要的网络开销。

图1示意性示出了根据本公开实施例的数据联动方法和系统的示例性系统架构。需要注意的是，图1所示仅为可以应用本公开实施例的数据联动方法和系统的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以采用其他流程、方法、模型及算法。

如图1所示，根据该系统架构100包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。

终端设备101、102、103可用于响应于用户打开包括表单的网页页面的操作，自所述服务器105一次性的获取表单信息，以显示表单于网页页面。当用户更改或填写该网页页面中表单的表单元素数值时，通常需要将该更新的表单元素数值提交至服务器，服务器进行运算后，将与该表单元素相关联的其他表单元素、表单或图表的数值反馈给前端进行更新，该联动方法需要与服务器频繁交互，给服务器带来较重的负载；且当用户在多次更改表单元素数值以期得到最佳数值的过程中，为了实时了解与该表单元素相关的其他表单元素、表单及图表的数值时，则需要多次提交数据并与服务器多次交互，从而带来不必要的网络开销及处理。

根据本公开实施例的数据联动，所述终端设备101、102、103仅在响应于用户打开包括表单的网页页面的操作时，自所述服务器105一次性的获取表单信息，以显示表单于网页页面，而在后续数据联动过程中，通过终端设备101、102、103同时响应于用户填写或更改所述表单中表单元素数值的操作，实时的执行本公开实施例的数据联动方法，而无需再与所述服务器105进行交互。

因此，本公开实施例所提供的数据联动方法一般可以由终端设备101～103执行。相应地，本公开实施例所提供的数据联动系统一般可以设置于终端设备101～103中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

图2示意性示出了根据本公开的实施例的数据联动方法的方法流程图。

如图2所示，该方法包括操作S210～S230。

在操作S210，获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据。其中，所述至少一个表单元素的属性数据包括至少一个表单元素的数值。

根据本公开的实施例，操作S210具体获取的属性数据包括：网页页面中用户填写或更改的网页页面中表单的表单元素的属性数据。

根据本公开的实施例，所述表单用于搜集不同类型的用户输入。其中所述表单元素包括表单中包含的文本框、密码框、单选按钮、复选框、文件域、隐藏域、提交按钮、重置按钮、自定义按钮、图像按钮、多行文本域及列表框等。该些表单元素例如可以是使用input、textarea、select和option等标签创建的。

根据本公开的实施例，所述表单元素的属性包括但不限于：表单元素的类型、表单元素的ID、表单元素的名称、表单元素的值、表单元素的尺寸、表单元素的值的数据格式、表单元素的编辑属性及表单元素显示颜色等。所述表单元素的属性数据则为其属性的具体内容。例如，表单元素的类型的属性数据可包括：text、password、radio、checkbox或image等；表单元素的值的数据格式的属性数据可包括：数值、百分比、横线等；表单元素的编辑属性的属性数据可包括true或false；表单元素的值(即value)的属性数据例如为100或200等。

根据本公开的实施例，所述待联动对象包括：网页页面中与所述至少一个表单元素相关联的表单元素，所述相关联例如包括但不限于以下关联：所述待联动表单元素的值为所述至少一个表单元素的值的倍数；或所述待联动表单元素的值的数据格式与所述至少一个表单元素的值的数据格式相同等。

根据本公开的实施例，所述待联动对象包括：网页页面中与所述至少一个表单元素相关联的表单，所述相关联例如包括但不限于以下关联：所述表单中的表单元素的显示值取决于所述至少一个表单元素的值；或所述表单中的表单元素的显示值的颜色取决于所述至少一个表单元素的颜色等。

根据本公开的实施例，所述待联动对象包括：网页页面中与所述至少一个表单元素相关联的图表，该图表例如包括但不限于用户填写的所述表单中多个表单元素的属性数据的统计图表，该图表例如包括但不限于条形图、柱状图、折线图、饼图、面积图、XY散点图、曲面图、圆环图、气泡图或雷达图等多种图表形式。所述相关联例如包括但不限于以下关联：例如若所述图表为柱状图时，其中某个柱体的高度取决于所述至少一个表单元素的值。

根据本公开的实施例，所述待联动对象例如可包括与所述至少一个表单元素位于同一网页页面中的表单元素、表单或图表；还可包括与所述至少一个表单元素位于不同网页页面中的表单元素、表单或图表。本公开实施例的待联动对象只要与获取属性的至少一个表单元素具有关联关系即可。

根据本公开的实施例，所述至少一个表单元素的属性数据包括至少一个表单元素的数值，其具体即为所述表单元素的值属性的具体属性数据，至少一个表单元素的数值即为所述至少一个表单元素表示的数据。

根据本公开的实施例，该操作S210例如可包括：通过监听机制，在网页页面中的所述至少一个表单元素的属性数据发生更新时，获取网页页面中更新的所述至少一个表单元素的属性数据。

根据本公开的实施例，在网页页面中的所述至少一个表单元素的属性数据发生更新时，获取网页页面中更新的所述至少一个表单元素的属性数据具体是指：用户在网页页面上更改或填写至少一个表单元素的属性数据时，网页页面的显示内容发生变化，即所述的网页页面中的所述至少一个表单元素的属性数据发生更新；在此情况下，直接获取网页页面中更新的所述至少一个表单元素的属性数据，而无需与后端服务器进行交互。

根据本公开的实施例，所述监听机制例如可包括：响应于用户的操作，声明所述至少一个表单元素的属性数据为被观察者，声明所述待联动对象为观察者，所述观察者监听网页页面中被观察者的变化，当网页页面中显示的至少一个表单元素的属性数据发生更新时，即可通过监听机制获取网页页面中更新的至少一个表单元素的属性数据。可以理解的是，上述监听机制仅作为示例以利于帮助理解本公开，而本公开并不以此为限，本领域技术人员可根据实际需求设定合理的监听机制，以实时根据网页页面中显示的属性数据的变化获取更新后的属性数据。

根据本公开的实施例，所述监听机制可通过第三方状态管理库Mobx修饰组件进行设定，具体设定包括：采用Mobx修饰组件，通过@observable语句将网页页面中显示的所述至少一个表单元素的属性数据声明成被观察者，使其能够被监听；通过@observer语句将所述待联动对象声明成观察者，使其能够监听所述每一个表单元素的属性数据的变化。

根据本公开的实施例，网页页面中显示的每一个表单元素为一个<TableCell>，每一个<TableCell>的属性数据都与其调用的一个表单模型(CellModel)中的属性数据相同，每一个<TableCell>仅可调用一个表单模型，而每一个表单模型可被多个<TableCell>调用，则所述操作S210例如还可包括以下操作：采用Mobx修饰组件，通过@observable语句将所述至少一个表单元素调用的表单模型声明成被观察者，使其能够被监听，通过@observer语句将所述待联动对象声明成观察者，使其能够监听声明为被观察者的表单模型中的属性数据的变化，从而实时得到所述至少一个表单元素的更新后的属性数据。通过本公开实施例，在通过监听机制至少一个表单元素的属性数据时，通过表单模型即可同时获取网页页面中更新的所述至少一个表单元素的多个属性数据，从而在所述至少一个表单元素的多个属性数据发生变化时，提高获取该多个属性数据的效率。

在操作S220，基于所述至少一个表单元素的数值，计算得到待联动对象的更新值。

根据本公开的实施例，所述操作S220例如可包括：根据所述至少一个表单元素的数值，及所述待联动对象与所述至少一个表单元素的相关联关系，计算得到待联动对象的更新值。

根据本公开的实施例，所述操作S220例如可包括：根据预设规则，对所述至少一个表单元素的数值计算得到所述待联动对象的更新值。其中，所述预设规则包括根据待联动对象与所述至少一个表单元素的相关联关系预设的计算规则。可以理解的是，上述预设规则仅作为示例以利于帮助理解本公开，本公开并不以此为限，本领域技术人员可根据实际需求设定合理的预设规则，以计算得到待联动对象的更新值。

根据本公开的实施例，假设所述表单中第n列的表单元素的数值为前n-1列表单元素的数值的和，则该第n列的表单元素即为待联动对象，所述前n-1列表单元素即为与该待联动对象相关联的表单元素，在计算待联动对象的更新值时，基于所述前n-1列表单元素的数值，依据预设规则，计算得到该第n列表单元素的值，则，其中的预设规则为：

其中，sum为所述第n列的表单元素的数值，cellmodel_i～cellmodel_n-1分别表示所述前n-1列的表单元素调用的表单模型中该表单元素的数值。

根据本公开的实施例，假设所述表单中第m行的表单元素的数值为第x行与第y行表单元素的数值和与第z行表单元素的数值的比值，则该第m行的表单元素即为待联动对象，所述第x行、第y行及第z行的表单元素即为与所述待联动对象相关联的表单元素，在计算待联动对象的更新值时，基于第x行、第y行及第z行的表单元素的数值，依据预设规则，计算得到该第m行表单元素的值，则，其中的预设规则为：

其中，N为所述第m行的表单元素的数值，cellmodel_N、cellmodel_x、cellmodel_y及cellmodel_z分别表示第N行、第X行、第Y行及第Z行的表单元素调用的表单模型中第N行、第X行、第Y行及第Z行的数值。

根据本公开的实施例，所述预设规则的设定例如可包括：响应于用户的操作，声明待联动对象的数值为计算属性，并给该计算属性赋值为所述待联动对象与所述至少一个表单元素的属性数据的相关联关系表达式。可以理解的是，上述预设规则的设定仅作为示例以利于帮助理解本公开，而本公开并不以此为限，本领域技术人员可根据实际需求设定合理的预设规则，以根据该预设规则，计算得到待联动对象的更新值。

根据本公开的实施例，所述预设规则可通过第三方状态管理库Mobx修饰组件进行设定，具体设定包括：采用Mobx修饰组件，通过@computed语句将所述待联动对象的数值设定为返回值，将待联动对象与至少一个表单元素的属性数据之间的关系表达式设定为返回值的计算公式。则通过该预设规则，当Mobx修饰组件声明的观察者根据监听机制监听到Mobx修饰组件声明的被观察者的变化时，通过设定的预设规则即可自动计算得到所述待联动对象的数值。

在操作S230，根据所述更新值，实时更新所述待联动对象。

根据本公开的实施例，在操作S220中计算得到待联动对象的更新值时，实时更新展示的待联动对象。

根据本公开的实施例，当待联动对象为网页页面中展示的表单或图表时，操作S230例如根据更新值实时更新该展示的表单或图表，而当网页页面同时展示表单与图表时，由于表单与图表均能够通过上述数据联动方法根据更新值进行显示更新，因此根据本公开实施例的数据联动方法可以实现图表与表单的实时联动。

根据本公开的实施例，操作S230基于React技术的前端框架，根据所述更新值，实时更新所述待联动对象。因此，本公开实施例的React技术仅用于根据计算结果进行更新，且计算结果为：所述至少一个表单元素与待联动对象的相关联关系的表达式计算得到的，而多个表达式可同时包括同一变量，即多个待联动对象的值可同时与同一个表单元素的值相关，因此，在进行数据联动时，无需对一个表单元素的数值可能涉及到多个关联状态的情况进行额外考虑，从而能够简化React技术的前端框架。

综上所述，根据本公开的实施例，上述数据联动方法中不涉及后端服务器的运行处理，不涉及与后端服务器的频繁交互，且其中的待联动对象可包括表单元素、表单及网页图表，因此，本公开实施例的数据联动方法在不涉及与后端进行交互的前提下，能够响应于用户实时更改或填写表单元素的属性数据的操作，实现表单中多行、多列数值、网页图表及表单与更新数值之间的实时联动，并同时减少不必要的网络开销。

图3示意性示出了根据本公开另一实施例的数据联动方法。

如图3所示，该方法除了包括参考图2中的操作S210～S220外，还包括操作S310～S320。

在操作S310，根据预设格式化规则对所述更新值进行格式化。

根据本公开的实施例，所述操作S310例如具体可包括：采用预设的过滤器函数，对待更新展示的待联动对象进行格式化，以使展示的对象格式为满足用户需求的格式，所述格式包括但不限于百分比、小数、整数或分数等。

根据本公开的实施例，所述预设的过滤器函数例如为format Value(param)，其中，param部分填写具体格式。或者，所述预设格式化规则采用格式化函数进行格式化，该格式化函数例如可表示为Format()，其中括号部分填写待显示的内容及相应的格式表示码。所述格式表示码包括但不限于％u、％e、％g或％n等。

根据本公开的实施例，当所述更新值包括与至少一个表单元素相关联的待联动的表单元素的更新值的情况下，该预设格式化规则，例如可应用Mobx修饰组件内置的过滤器属性对Mobx修饰组件计算得到的更新值进行格式化过滤，以使该待联动的表单元素的显示格式为满足用户需求的格式。

在操作S320，根据格式化后的所述更新值，实时更新所述待联动对象。

根据本公开的实施例，该操作S320类似于上述参考图2描述的操作S230，其区别仅在于，在进行待联动对象的更新时，采用格式化后的数值格式进行更新。该操作S320的具体实施类似于上述参考图2的操作S230的实施，在此不再赘述。

图4A～图4B示意性示出了根据本公开实施例的数据联动系统的框图。

如图4A所示，该系统400包括获取模块410、计算模块420及更新模块430。

获取模块410，获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，该至少一个表单元素的属性数据包括至少一个表单元素的数值。根据本公开的实施例，获取模块410例如可以执行上文参考图2及参考图3描述的操作S210，在此不再赘述。

计算模块420，基于至少一个表单元素的数值，计算得到待联动对象的更新值。根据本公开的实施例，该计算模块420例如可以执行上文参考图2及参考图3描述的操作S220，在此不再赘述。

更新模块430，根据更新值，实时更新待联动对象。根据本公开的实施例，该更新模块430例如可以执行上文参考图2描述的操作S230，在此不再赘述。

根据本公开的实施例，如图4B所示，所述数据联动系统例如还可包括格式化模块440，根据预设格式化规则对所述更新值进行格式化。根据本公开的实施例，该格式化模块440例如可以执行上文参考图3描述的操作S310，在此不再赘述。

根据本公开的实施例，参考图4B中的更新模块430，例如还可在实时更新待联动对象时，根据格式化后的更新值进行更新。根据本公开的实施例，该更新模块430例如可以执行上文参考图3描述的操作S320，在此不再赘述。

可以理解的是，获取模块410、计算模块420、更新模块430以及格式化模块440可以合并在一个模块中实现，或者其中的任意一个模块可以被拆分成多个模块。或者，这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合，并在一个模块中实现。根据本发明的实施例，获取模块410、计算模块420、更新模块430以及格式化模块440中的至少一个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以以对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式的适当组合来实现。或者，获取模块410、计算模块420、更新模块430以及格式化模块440的至少一个可以至少被部分地实现为计算机程序模块，当该程序被计算机运行时，可以执行相应模块的功能。

图5示意性示出了根据本公开实施例的适于实现数据联动系统的方框图。图5示出的计算机系统紧紧是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图5所示，根据本公开实施例的计算机系统500包括处理器501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。处理器501例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器501还可以包括用于缓存用途的板载处理器。处理器501可以包括用于执行参考图2～图3描述的根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 503中，存储有系统500操作所需的各种程序和数据。处理器501、ROM 502以及RAM 503通过总线504彼此相连。处理器501通过执行ROM 502和/或RAM 503中的程序来执行以上参考图2～图3描述的数据联动方法的各种操作。需要注意，所述程序也可以存储在除ROM 502和RAM 503以外的一个或多个存储器中。处理器501也可以通过执行存储在所述一个或多个存储器中的程序来执行以上参考图2～图3描述的数据联动方法的各种操作。

根据本公开的实施例，系统500还可以包括输入/输出(I/O)接口505，输入/输出(I/O)接口505也连接至总线504。系统500还可以包括连接至I/O接口505的以下部件中的一项或多项：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。

根据本公开的实施例，上文参考流程图描述的方法可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被处理器501执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。

需要说明的是，本公开所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。根据本公开的实施例，计算机可读介质可以包括上文描述的ROM 502和/或RAM 503和/或ROM 502和RAM 503以外的一个或多个存储器。

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

作为另一方面，本公开还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备执行参考图2及参考图3描述的数据联动方法。

以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步详细说明，应理解的是，以上所述仅为本发明的具体实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种数据联动方法，包括：

获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，所述至少一个表单元素的属性数据包括所述至少一个表单元素的数值；

基于所述至少一个表单元素的数值及预设规则，计算得到待联动对象的更新值；以及

根据所述更新值，实时更新所述待联动对象。

2.根据权利要求1所述的方法，其中，所述待联动对象包括以下至少之一：

网页页面中与所述至少一个表单元素相关联的表单元素；

网页页面中与所述至少一个表单元素相关联的表单；和

网页页面中与所述至少一个表单元素相关联的图表。

3.根据权利要求1所述的方法，其中，上述获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据包括：

通过监听机制，在所述网页页面中的所述至少一个表单元素的属性数据发生更新时，获取所述网页页面中更新的所述至少一个表单元素的属性数据。

4.根据权利要求1所述的方法，其中，所述至少一个表单元素的属性数据还包括数值格式，所述方法还包括：

根据预设格式化规则对所述更新值进行格式化；以及

根据格式化后的更新值，实时更新所述待联动对象。

5.一种数据联动系统，包括：

获取模块，获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据，所述至少一个表单元素的属性数据包括所述至少一个表单元素的数值；

计算模块，基于所述至少一个表单元素的数值及预设规则，计算得到待联动对象的更新值；以及

更新模块，根据所述更新值，实时更新所述待联动对象。

6.根据权利要求5所述的系统，其中，所述待联动对象包括以下至少之一：

网页页面中与所述至少一个表单元素相关联的表单元素；

网页页面中与所述至少一个表单元素相关联的表单；和

网页页面中与所述至少一个表单元素相关联的图表。

7.根据权利要求5所述的系统，其中，所述获取网页页面中与待联动对象相关联的至少一个表单元素的属性数据包括：

通过监听机制，在所述网页页面中的所述至少一个表单元素的属性数据发生更新时，获取网页页面中更新的所述至少一个表单元素的属性数据。

8.根据权利要求5所述的系统，其中，所述至少一个表单元素的属性数据还包括数值格式，所述系统还包括：

格式化模块，根据预设格式化规则对所述更新值进行格式化；

所述更新模块，根据格式化后的所述更新值，实时更新所述待联动对象。

9.一种数据联动系统，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器执行根据权利要求1～4任意一项所述的方法。

10.一种计算机可读介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行权利要求1～4任意一项所述的方法。