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


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 相关文章推荐
玩转图像函数库―常见图形操作
Sep 03 PHP
PHP批量生成缩略图的代码
Jul 19 PHP
PHP根据传入参数合并多个JS和CSS文件的简单实现
Jun 13 PHP
php中随机函数mt_rand()与rand()性能对比分析
Dec 01 PHP
php简单实现MVC
Feb 05 PHP
Laravel 5框架学习之表单
Apr 08 PHP
PHP实现事件机制的方法
Jul 10 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
Sep 13 PHP
php基于curl实现随机ip地址抓取内容的方法
Oct 11 PHP
php生成与读取excel文件
Oct 14 PHP
laravel自定义分页效果
Jul 23 PHP
php实现微信小程序授权登录功能(实现流程)
Nov 13 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
PHP学习资料汇总与网址
2007/03/16 PHP
php输出xml格式字符串(用的这个)
2012/07/12 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
php实现微信模板消息推送
2018/03/30 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
js下用层来实现select的title提示属性
2010/02/23 Javascript
Jquery常用技巧收集整理篇
2010/11/14 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
2016/11/11 Javascript
js模态对话框使用方法详解
2017/02/16 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
2019/10/23 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
Python字符串处理函数简明总结
2015/04/13 Python
python使用folium库绘制地图点击框
2018/09/21 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
马智宇结婚主持词
2014/04/01 职场文书
教师节感恩老师演讲稿
2014/08/28 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
中学生逃课检讨书
2015/02/17 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL