最小化数据传输――在客户端存储数据


Posted in PHP onOctober 09, 2006

将程序输出为其他的语言是程序员喜爱的事情之一,在WEB上我们有
两个不同编程环境:客户端(浏览器)和服务器端,根据HTTP协议的定义,
我们可以在编写在客户端输出其他语言的服务端程序,我们选择了作为服
务端语言、javascript作为客户端输出。在本问中我们将向您演示这样用
该方案把数据存储在客户端,并且在诸如:聊天室、新闻系统或其他您想
实现的应用上达到服务端和客户端(浏览器)的最小的数据传输。

要求以下支持:
    PHP4
    JavaScript
    Frames

主要思想:

    我们一直试图用PHP开发一个基于HTTP协议的聊天室(HTTP CHAT ROOM),
尽管对聊天来说HTTP协议并不是个好协议,但是它可以不受防火墙或代理影响,
PHP完全可以实现该功能而不必使用JAVA APPLETS,对于聊天室主要有两个问题:
第一、由于IE 不支持SERVER PUSH 技术,所以我们只有用CLIENT PULL技术(既
客户端自动刷新),第二个问题就更深一层了:因为该思想是在客户端刷新,所以服
务端每次必须传送所有的消息,这意味着大量的数据传输,这也正是聊天室延迟的主
要原因,本文试图解决该问题:
   使用框架技术(frames) 你能够刷新指定页面,而不必重新装载别的页面,这可
以减少服务/客户端(C/S)数据传输量。我们的模型就是基于该方案。
    "master"文件:定义框架结构
    "loader"页面:导入数据
    "display"页面:显示数据
    在该方案,"loder"框每"x"秒自动刷新一次——我们的思想是把数据存储在"master"
文件内,这样"loder"页面只要向服务端请求客户端所没有的数据就可以了我们使用时间戳标(timestamp)
记每个消息来决定那些消息必须传给客户端那些不必传输。我们使用PHP4。0的会话管理(session)
存储客户端的最后更新的时间戳(last timestamp)以使时间戳对服务端和客户端均可见。当"loader"文件
从"master"文件收到数据(注意:"master"文件很大,但是它只传送一次)时,就刷新显示页("diaplay")
而"display"页只是简单的调用"master"文件的名为"displaymsgs()"的javascript 函数显示消息。该函数动态显示
存储在"master"文件的数据,以下是大体流程图:
    1。浏览器请求"master"页(框架),"master"页从服务器端传送到客户端(浏览器),然后"master"
    文件生成框架,并且将"loader"和"display"页调到客户端。
    2。在服务端,"loader" 文件将分析:如果客户端没定义"timestamp" session 变量,"loder"文件将
    从服务端得到所有数据,并生成javascript代码将数据存入"master"文件,然后将"timestamp"变量存为
    session 变量。
    3。"loder"页面生成javascript 代码刷新 "display"页面。
    4。刷新请求使得"display"页面调用"diaplaymsgs()"javascript 函数显示数据
    5。每隔"x" 秒回到步骤2

我们可以该思想如下:
    ========================================================
    "master"文件:非常大,定义了displaymsgs() 函数和存储数据和初始值。
    "loader"文件:小,从服务端取回数据,生成javascript 代码
    "display"文件:非常小,调用"master"文件的"diaplaymsgs()"函数
    =========================================================
    注:“master"文件只传送一次
        "loder" 和 "display" 文件每隔"x"秒刷新一次
        第一次传送的时候"loder"可能会很大,但以后就会很小
        "diaplay"文件一直不变

如果您对以上的思路还是不太清楚的话,以下我们将建立一个聊天室具体讲解该方法,这个聊天室只是为了简单的演示
所以可能并不是很有用,但是您完全可以使用该思想建立更复杂的聊天室,记住这个思想并不是只用与聊天室 。:)

    首先请您使用mysql数据库表单:
        ============================
        create table testeable (
              timestamp datetime,
              message    text
        );
        ============================
    "master"文件如下:
        ================================================
        <script>
            lines=new Array();
            function displaymsgs() {     
              for(i=0;i<lines.length;i++) {
                 display.document.write(lines[i]);
                 display.document.write('<BR>');
                  }
            }
        </script>
        <frameset cols="1" rows="20,60,20" border="0">
        <frame name="loader" src="loader.php">
        <frame name="display" src="display.php">
        <frame name="form" src="form.php">
        </frameset>
        ==================================================
        注:"form"文件是发言框,提供用户输入发言框。

        "display"文件内容:
        =====================
        <script>
        top.displaymsgs();
        </script>
        ====================
        "display"文件是不是很小? :)

        "loader"文件:
        ====================
        <?php  

        session_start(); // 在这使用 Sessions !  

        if(!isset($timestamp)) {  
            //如果"timestamp"没有定义,则定义并设为0  
            $timestamp=0;      
        }  

        $dab=mysql_connect("localhost","user","password");  // 打开数据库
        mysql_select_db("testbase",$dab);  

        // 查找客户端所没有的信息  
        $query="select * from testeable where timestamp>'$timestamp'";  
        $result=mysql_query($query,$dab);  
        $msgs=array();  

        // 在这个循环,我们存储最新消息/数据,并设置"timestamp"为当前最大值

        while($res=mysql_fetch_array($result)) {  
            $msgs[]=$res["message"];  
            if($res["timestamp"]>$timestamp) {  
                $timestamp=$res["timestamp"];  
            }  
        }  
        session_register("timestamp"); // 注册"timestamp"变量

        echo '<script>';  

        // 在这个循环我们生成javascript代码
        // 把最新从服务端得到的数据存储到"master"页面里(注意:使用"top"指向最顶窗口(master)

        for($i=0;$i<$count($msgs);$i++) {  
            ?>  
            top.lines[top.lines.length]="<?php print("$msgs[$i]"); ?>";  
            <?php  
        }   

        //现在我们将生成"javascript"代码 ,使 "display"页刷新

        ?>  
        top.display.location.reload();  
        </script>  

        <!-- 注意是用 javascript 的"setInterval()" 方法使得"loader"页面每隔4秒刷新一次  -->  
        <body onLoad="window.setInterval('location.reload()',4000);">  
        </body>  
        =======================================

        "form"页面:
        ====================
        <?php  

        session_start();  

        if (!isset($timestamp)) {  
              $timestamp=0;  
        }  

        // 显示表单,产生"timestamp"变量.  
        if (isset($msg)) {  
                $dab=mysql_connect("localhost","root","seldon");  
                mysql_select_db("testbase",$dab);  
               $query="insert into testeable(timestamp,message) values(now(),'$msg')";  
               mysql_query($query,$dab);  
               // 得到timestamp 后的所有消息
                $query="select * from testeable where timestamp>'$tt'";  
               $result=mysql_query($query,$dab);  
               $msgs=array();$i=0;$timestamp=0;  
                while($res=mysql_fetch_array($result)) {  
                    $msgs[]=$res["message"];  
                    if($res["timestamp"]>$timestamp) {  
                            $tt=$res["timestamp"];  
                    }  
                }  
                session_register("timestamp");  

            ?>  
              <script>  
              <?php  
                 for($i=0;$i<$count($msgs);$i++) {  
            ?>  
                top.lines[top.lines.length]="<?print("$msgs[$i]");?>";  
            <?php  
             }  
              ?>  
            top.display.location.reload(); //刷新"display"页
              </script>  
        <?php  
    }  
    ?>  
    <form name="foo" action="<?php print("$PHP_SELF"); ?>" method="post">  
    Message:<input type="text" name="msg">  
    <input type="submit" name="newmsg" value="send">  
    </form>  
    =====================================================
    注:我们使得在"form"页提交发言时,马上刷新"display"页面,这可以达到对发言人来说马上发言马上
    显示,更体现实时性。

   正如您所看到的,这个聊天室很简单,这就是最小化客户/服务(C/S)数据传输技能,使用这个技术您可以达到最
   小的数据传输,再次提醒您:该技术并不是这用于聊天室!
=======================================================
以上在win98+apache1.3+php4.03平台测试通过!
如有建议或疑问请和飞扬社区联系(http://feiyschool.51.net)
或者发EMAIL到feiyhy@sina.com
请您多多赐教,谢谢!
===============================        
英文原作者:Luis Argerich, Alejandro Mitrou  
英文原文所在网址:http://www.phpbuilder.com  

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    

PHP 相关文章推荐
多数据表共用一个页的新闻发布
Oct 09 PHP
国外比较好的几个的Php开源建站平台小结
Apr 22 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
Apr 08 PHP
PHP实现克鲁斯卡尔算法实例解析
Aug 22 PHP
php利用cookies实现购物车的方法
Dec 10 PHP
php通过array_merge()函数合并两个数组的方法
Mar 18 PHP
适用于初学者的简易PHP文件上传类
Oct 29 PHP
yii2带搜索功能的下拉框实例详解
May 12 PHP
注释PHP和html混合代码的小技巧(分享)
Nov 03 PHP
php mysql数据库操作类(实例讲解)
Aug 06 PHP
PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】
Mar 27 PHP
PHP文件上传小程序 适合初学者学习!
May 23 PHP
网站加速 PHP 缓冲的免费实现方法
Oct 09 #PHP
Windows下PHP的任意文件执行漏洞
Oct 09 #PHP
通过对服务器端特性的配置加强php的安全
Oct 09 #PHP
用Zend Encode编写开发PHP程序
Oct 09 #PHP
在php中使用sockets:从新闻组中获取文章
Oct 09 #PHP
15个小时----从修改程序到自己些程序
Oct 09 #PHP
用PHP编程开发“虚拟域名”系统
Oct 09 #PHP
You might like
Cappuccino 卡布其诺咖啡之制作
2021/03/03 冲泡冲煮
PHP中的命名空间相关概念浅析
2015/01/22 PHP
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
javascript+mapbar实现地图定位
2010/04/09 Javascript
通过正则格式化url查询字符串实现代码
2012/12/28 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
小程序实现左滑删除效果
2019/07/25 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
Python开发WebService系列教程之REST,web.py,eurasia,Django
2014/06/30 Python
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
python实现手机销售管理系统
2019/03/19 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
详解Python的三种拷贝方式
2020/02/11 Python
python包的导入方式总结
2021/03/02 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
全球游戏Keys和卡片市场:GamesDeal
2018/03/28 全球购物
安全横幅标语
2014/06/09 职场文书
工程安全生产协议书
2014/11/21 职场文书
学习与创新自我评价
2015/03/09 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
大学团日活动总结书
2015/05/11 职场文书
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS