WEB客户端增量更新数据解决方案

本文属spanzhang原创，其blog地址为：http://blog.csdn.net/spanzhang。引用或转贴请注明出处，谢谢！！



以展现数据为主要任务的网页，如股票类的网页，多希望能实时展现数据库里的数据。流行的解决方法是将数据做成xml格式，浏览器隔一段时间取一次该xml数据，然后更新到网页上。一种是使用Microsoft.XMLHTTP来从服务器上GET数据，另一种是用MSXML2.DOMDocument来load服务器上的数据。这两种方法都差不多，都是走的XML路线。【孟子E章】对这种模式写过很多文章，这里就不讨论了。我这里重点在于阐述数据的增量更新过程。

假设我们的数据是一个二维的关系数据，并且每一行都有一个主键唯一标示。WEB服务器在Application_Start里开始一个服务器时钟（System.Timers.Timer），每隔一段时间更新一次数据。服务器提供给客户端的xml数据包含两个文件，一个是当前版本的所有数据（all.aspx），另一个是当前版本和上一版本的增量数据（delta.aspx）。源代码如下：
all.aspx文件：
<%@ Page language="c#" %>
<%
Response.Expires = 0;
Response.ContentType = "text/xml";
Response.Charset = "UTF-8";
%>
<%
System.Data.DataTable dt = sm_web.Logic.dt_all;
%>
<r v="<%=sm_web.Logic.dataVersion%>"><%
if(dt != null)
{
for(int i=0;i<dt.Rows.Count;i++)
{
%><p a="<%=dt.Rows[i]["a"]%>" b="<%=dt.Rows[i]["b"]%>" c="<%=dt.Rows[i]["c"]%>" d="<%=dt.Rows[i]["d"]%>"/><%
}
}
%></r>

其中，sm_web.Logic.dt_all和sm_web.Logic.dataVersion均为静态变量。所生成的xml数据示例如下：
<r v=“1052“>
<p a=“0“ b=“1002“ c=“98.48“ d=“湖南“/>
<p a=“0“ b=“1003“ c=“26.37“ d=“上海“/>
</r>

delta.aspx文件：
<%@ Page language="c#" %>
<%
Response.Expires = 0;
Response.ContentType = "text/xml";
Response.Charset = "UTF-8";
%><r v="<%=sm_web.Logic.dataVersion%>"><%=sm_web.Logic.changedXml%></r>
其中，sm_web.Logic.changedXml为静态变量。所生成的xml数据示例如下：
<r v=“1052“>
<p a=“1“ b=“1002“ d=“广州“/>
<p a=“1“ b=“1003“ c=“25.00“/>
</r>

这里，a是一个标记字段，用来表明对一行数据所做的更新类型，分别为：0：无；1：修改；2：删除；3：增加。xml全部采用属性的方式来表示数据是为了减少网络传输量，因为a=““比<a></a>少3个字符。

服务器时钟每步进一次将做如下处理：
1、取得当前的所有数据；
2、和以前的数据比较，装配出变化数据sm_web.Logic.changedXml；
3、更新sm_web.Logic.dt_all为当前的数据；
4、sm_web.Logic.dataVersion增加1。

整个服务器端的处理过程就是这样了。而在客户端，页面第一次装载的时候同步下载all.aspx内容，并初始化所有的页面元素（包括一个客户端数据版本号）并开启一个时钟以小于服务器端时钟步进速度的一半还要小一点点的速度步进（至于为什么，后面作讨论）。每次时钟步进时需要做如下几个步骤：
1、停止时钟步进；
2、异步下载delta.aspx；

当delta.aspx下载完成后，判断新数据的版本号：
1、如果和当前客户端数据版本号相同，则启动时钟并返回；
2、如果版本号比当前客户端数据版本号+1还要大(版本号断裂)，则重新同步装载all.aspx，更新完数据后启动时钟；
3、否则对增量数据做处理，更新网页局部元素。

上面的操作放在一个try块里面，完成后重新启动客户端的时钟。对于服务器端的时钟更新速度和客户端的时钟更新速度，需要很仔细的去设置。由于客户端在版本号断裂的情况下需要重新加载全部数据，通常不要将客户端的时间设置得太长，至少要比服务器端时钟的一半还要小一点（考虑网络延迟）。但也不能过于小了以至于客户端失去了和用户交互的时间。在我的一个应用中，服务器端时钟更新速度为4秒，客户端更新速度为1秒，可以保证不会出现版本号断裂的情况。

至此，全部技术框架介绍完毕，如果需要更多的细节，请发评论或给我发mail。

原文转自：http://www.ltesting.net