CN102571934A

CN102571934A - 一种web页面数据绑定的方法

Info

Publication number: CN102571934A
Application number: CN2011104368305A
Authority: CN
Inventors: 刘华军; 刘翔; 彭平源; 管燕卿
Original assignee: SHENZHEN HQEW CO Ltd
Current assignee: SHENZHEN HQEW CO Ltd
Priority date: 2011-12-22
Filing date: 2011-12-22
Publication date: 2012-07-11

Abstract

本发明公开了一种WEB页面数据绑定的方法，包括客户端和服务器端，所述客户端包括客户端请求应用程序和客户端回调函数模块；所述客户端回调函数模块包括提示信息函数和数据分析函数；所述客户端请求应用程序的接口统一，所述客户端回调函数模块的接口统一。WEB页面数据绑定的方法，应用于异步提交获取数据绑定，其降低开发和维护成本，提高开发速率，降低错误率，增强开发产品的规范性和严谨性。

Description

一种WEB页面数据绑定的方法

技术领域

本发明涉及本方法是涉及互联网网站网页内容展示过程中数据绑定的一种方法，尤其涉及一种WEB页面数据绑定的方法。

背景技术

使用中的网站管理平台已成为网站建设的一个重要组成部分，该平台主要用于管理网站的各种功能模块及其信息量的增减，常见的包括有流量信息量的统计和分析，对网站的全面维护和对网站进一步优化提供依据。管理平台要达到快速的可视化操作，该平台所有网页的展示效果及数据绑定方式大径相同，网页的内容主要分为两种，第一种是网页表单数据绑定，例如：网站上的用户注册或用户信息修改页面等；第二种是网页列表数据绑定，例如：企业产品信息管理页面等。实现网页数据绑定都是以asp、asp.net、java、jsp等网页开发语言编写进行同步获取或是ajax异步获取数据进行绑定，然而其每一个页面的数据绑定都需要开发人员进行重复地开发。

这种管理平台的网页数据绑定方法，主要有以下两个方面的不足：一是同步获取数据进行网页绑定，用户每点击交互一次数据绑定都会进行网页刷新，耗费大量网络资源，对用户体验很不友好；二是异步获取数据进行网页绑定没有统一的提交与绑定接口，每一次数据绑定过程都需要编写不同的异步请求接口，造成大量的重复工作及冗余接口。

有鉴于此，提供一种适用于异步提交获取数据、统一接口的绑定的WEB页面数据绑定的方法成为必要。

发明内容

本发明的目的是提供一种WEB页面数据绑定的方法，适合于异步提交获取数据绑定。

为了实现上述目的，本发明提供一种WEB页面数据绑定的方法，包括客户端和服务器端，所述客户端包括客户端请求应用程序和客户端回调函数模块；所述客户端回调函数模块包括提示信息函数和数据分析函数；所述客户端请求应用程序的接口统一，所述客户端回调函数模块的接口统一；所述WEB页面数据绑定的方法，包括如下步骤：

a)所述客户端发起请求，客户端请求应用程序实时判断请求初始化数据是否为空；当初始化数据为空时，数据分析函数对数据进行分析，调用提示信息函数通知用户，请求中断；否则，执行下一步。

b)所述客户端请求应用程序判断服务器端是否正常返回数据；当正常返回数据时，执行下一步；否则，结束请求。

c)所述客户端将返回结果匹配给客户端回调函数模块，客户端回调函数模块判断并执行结果，完成数据绑定。

所述客户端回调函数模块还包括数据自动绑定函数、错误处理函数和分页数据自动绑定函数。

在所述步骤c中，当客户端回调函数模块判断返回结果的类型为列表数据时，对列表的分页参数进行匹配，并执行如下步骤：

a)判断是否配置有自定义数据。

b)判断是否配置有目标源数据。

c)判断是否配置有自定义客户端回调函数模块。

在所述步骤a中，当判断配置有自定义数据时，将自定义数据提交给自定义数据处理函数，执行步骤b；否则，直接执行步骤b。

在所述步骤b中，当判断配置有数据目标源时，将数据目标源绑定给自动绑定函数，执行步骤c；否则，直接执行步骤c。

在所述步骤c中，当判断有客户端回调函数模块时，重新客户端调用回调函数，否则，结束绑定。

所述WEB页面数据绑定的方法使用ajax开发。

与现在技术相比，本发明提供的用于一种WEB页面数据绑定的方法，应用于异步提交获取数据绑定，同比其它WEB页面数据绑定方法，本发明具有统一的数据请求及绑定方式，降低开发和维护成本，提高开发速率，降低错误率，增强开发产品的规范性和严谨性；应用ajax进行开发，数据绑定过程中的浏览器兼容性好，通过将客户端应用程序的数据结构、服务端的数据结构及客户端回调函数的数据结构建立统一的数据接口，进行对请求、返回及应用的数据优化，本发明提供的WEB页面数据绑定的方法具有重要意义。

附图说明

附图用于对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明提供的一种WEB页面数据绑定的方法的数据访问示意图；

图2为本发明提供的一种WEB页面数据绑定的方法的数据绑定示意图。

具体实施方式

下面结合附图详细说明本发明，其作为本说明书的一部分，通过实施例来说明本发明的原理，本发明的其他方面，特征及其优点通过该详细说明将会变得一目了然。

如图1～图2所示，本发明提供一种WEB页面数据绑定的方法，包括客户端和服务器端，所述客户端包括客户端请求应用程序和客户端回调函数模块3；所述客户端回调函数模块3包括提示信息函数和数据分析函数；所述客户端请求应用程序的接口统一，所述客户端回调函数模块3的接口统一；所述WEB页面数据绑定的方法，包括如下步骤：

a)所述客户端发起请求1，客户端请求应用程序实时判断请求初始化数据是否为空2；当初始化数据为空时，数据分析函数对数据进行分析，调用提示信息函数通知用户，请求中断；否则，执行下一步。

c)所述客户端将返回结果匹配给客户端回调函数模块3，客户端回调函数模块3判断并执行结果，完成数据绑定。

所述客户端回调函数模块3还包括数据自动绑定函数、错误处理函数和分页数据自动绑定函数。

在所述步骤c中，当客户端回调函数模块3判断返回结果的类型为列表数据时，对列表的分页参数进行匹配，并执行如下步骤：

a)判断是否配置有自定义数据。

b)判断是否配置有目标源数据。

c)判断是否配置有自定义客户端回调函数模块3。

在所述步骤c中，当判断有客户端回调函数模块3时，重新客户端调用回调函数，否则，结束绑定。

所述WEB页面数据绑定的方法使用ajax开发。

本发明提供一种WEB页面数据绑定的方法，该方法是通过基于客户端、服务器端的因特网网络实现的，客户端是指因特网网页浏览器，如IE、FireFox等浏览器工具，而服务器端则是由HTTP信息处理服务器(也称作WEB服务器(IIS、Apache))、应用服务器、数据库服务器(DB2、MYSQL、SQL Server)组成。客户端利用浏览器工具，通过互联网与服务器端进行通讯，做出浏览、新增、修改、删除等信息操作，信息经互联网传达到服务器端的WEB服务器，再经应用服务器进行数据运算，再将结果存储在数据库服务器。在WEB服务器的逻辑运算方面可采用现网络上比较流行的ASP、ASP.NET、PHP、JSP等编程语言来实现。

WEB服务器主要负责接收来自客户端的信息以及给客户端发送应答的信息，并对接收的信息进行一个安全的检测；应用服务器负责各种来自客户端的请求数据，进行记录的处理，如查询、添加、删除、修改、检索等操作；数据库服务器负责存储、备份数据，以及接收来自应用服务器对数据表的查询、添加、删除、修改、检索等数据库操作命令。

本发明提供的一种该WEB页面数据绑定的方法，其基于客户端进行处理，使用javascript编程语言编写，用户在浏览web网页时，通过浏览器对服务器端发起请求，浏览器将请求提交到WEB服务器，经WEB服务器检验再传达给应用服务器，由应用服务器向数据库服务器发起检索的指令，从数据库检索出来的数据经应用服务器进行数据检验处理再回传至WEB服务器，并经其传送回客户端浏览器，本方法对返回给客户端浏览器数据分析后进行数据绑定。

其数据具体操作如下：

客户端发起请求1，客户端请求应用程序的数据分析函数对客户端发起的请求进行判断，如果请求数据符合要求，则向服务器端发起请求，否则，提示请求不正确。

客户端请求应用程序向服务器端发起请求后，对访问进度进行反馈，如果服务器端不能正常返回判断，则退出请求，通知客户端。

当服务器端正常返回请求数据时，判断数据绑定类型返回数据类型，并执行分页操作，执行如下数据绑定步骤：

首先，判断是否需返回自定义数据，如果有，则进行配置自定义函数，执行完成后进行下一步操作，如果没有，则直接进行下一步操作。

接着，判断是否有返回目标源数据进行匹配，如果有则进行目标源数据匹配，如果没有，则直接进行下一步操作。

最后，判断是否需要继续调用回调函数，如果调用，则执行第一二步，否则完成执行回调函数，退出数据绑定。

数据绑定完成后，将网页页面呈现于客户端上。

本发明提供的用于一种WEB页面数据绑定的方法，应用于异步提交获取数据绑定，同比其它web页面数据绑定方法，本发明具有统一的数据请求及绑定方式，降低开发和维护成本，提高开发速率，降低错误率，增强开发产品的规范性和严谨性；网页所有绑定数据的方式高和数据类型规范、类型统一，应用ajax进行开发，数据绑定过程中的浏览器兼容性，通过将客户端应用程序的数据结构、服务端的数据结构及客户端回调函数的数据结构建立统一的数据接口，进行对请求、返回及应用的数据优化，使程序开发及数据访问的得到益性提高。

以上所揭示的仅为本发明的较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明申请专利范围所作的等同变化，仍属于本发明所涵盖的范围。

Claims

1.一种WEB页面数据绑定的方法，包括客户端和服务器端，其特征在于：所述客户端包括客户端请求应用程序和客户端回调函数模块；所述客户端请求应用程序包括数据分析函数，所述客户端回调函数模块包括提示信息函数；所述客户端请求应用程序的接口统一，所述客户端回调函数模块的接口统一；

所述WEB页面数据绑定的方法，包括如下步骤：

a)所述客户端发起请求，客户端请求应用程序实时判断请求初始化数据是否为空；

当初始化数据为空时，数据分析函数对数据进行分析，调用提示信息函数通知用户，请求中断；否则，

执行下一步；

b)所述客户端请求应用程序判断服务器端是否正常返回数据；

当正常返回数据时，执行下一步；否则，结束请求；

2.根据权利要求1所述的一种WEB页面数据绑定的方法，其特征在于：所述客户端回调函数模块还包括数据自动绑定函数、错误处理函数和分页数据自动绑定函数。

3.根据权利要求1或2所述的一种WEB页面数据绑定的方法，其特征在于：在所述步骤c中，当客户端回调函数模块判断返回结果的类型为列表数据时，对列表的分页参数进行匹配，并执行如下步骤：

a)判断是否配置有自定义数据；

b)判断是否配置有目标源数据；

c)判断是否配置有自定义客户端回调函数模块。

4.根据权利要求4所述的一种WEB页面数据绑定的方法，其特征在于：在所述步骤a中，当判断配置有自定义数据时，将自定义数据提交给自定义数据处理函数，

执行步骤b；否则，直接执行步骤b。

5.根据权利要求4所述的一种WEB页面数据绑定的方法，其特征在于：在所述步骤b中，当判断配置有数据目标源时，将数据目标源绑定给自动绑定函数，

执行步骤c；否则，直接执行步骤c。

6.根据权利要求4所述的一种WEB页面数据绑定的方法，其特征在于：在所述步骤c中，当判断有客户端回调函数模块时，重新客户端调用回调函数，

否则，结束绑定。