 |
|
|
 首页 |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
1 页面登陆的基本要素 你可以在我的竹叶看到登陆 的表单,这里提供了最基本的登陆表单项 (1)登陆表单 <form method=POST name=chatform action=chat/login.php?action=enter onSubmit="b1_submit();return true;" target="howtodo"> (a)聊天表单的名字为chatform,我使用action=enter作为进入聊天室的入口,假如没有这个参数,则显示登陆页 面. (b)在表单提交时,先调用b1_submit()建立聊天的窗口 (c)聊天的目标窗口为b1_submit()建立 的howtodo窗口 (2)表单项 昵称:<input type=text name=name size=15 maxlength="10"> 密码:<input type=password name=pass size=15 maxlength="10"> <input type=submit name=submit value=登陆 style="width:100"> <input type=reset name=reset value=重添 style="width:50"> (a)各表单项一定要设定最大答应长度 maxlength (3)建立聊天窗口的js <script LANGUAGE="javascript"> function b1_submit(){ chat=window.open(\\\'\\\',"howtodo",\\\'Status=no,scrollbars=no,resizable=no\\\'); chat.moveTo(0,0); chat.resizeTo(screen.availWidth,screen.availHeight); chat.outerWidth=screen.availWidth; chat.outerHeight=screen.availHeight; } 这段代码先 打开一个没有状态栏,滚动条,可调整尺寸的howtodo窗口!然后移动到屏幕左上角,然后放大到答应的屏幕大小. 聊天室编程思想--大门 -- 通行证 大门 -- 通行证 聊天室可以采用完全自由的方法运行,你可以随意 输入呢称,不用密码,不保存你的聊天状态,长处是:自由,异常适合于游客!另外一个方式是注册聊天室,每个进入 聊天室的人都要输入自己的用户名和密码才能进入!长处:充分体现个性,异常适合于老朋友,他们的呢称不会被 人恶意侵占使用.我的聊天室使用注册方式! 注册通常采用2种方式:1,先注册然后进入聊天;2,自动注 册,然后在里面修改自己的资料!我采用第2种方式!!每个新进入的聊友的用户名会被自动保存到注册到数据库内 ,下次登陆必须输入正确的密码才能进入! 下面是判定部分!本程序使用文本数据库 ! //$useronline为在线人的数据文件名称 //$useronlinelock为在线人的锁定标志 //$register为已经注册的数据文件名称 //$registerlock为注册文件的锁定标志 //$split为分隔 符 //登陆参数 enter if($action == "enter") { //当前时间秒数 $timecurrent = date("U"); //锁定在线人数文件,防止同时修改同一个文件 while( file_exists($useronlinelock)) { if(!file_exists($useronlinelock)) { break; } } //创建临时文件 fclose(fopen($useronlinelock,"w")); //读入在线用户和已经注册用户的信息:密码,昵称,更新时间 $useronline = file($useronline); $register = file($register); //用于判定登 陆是否成功的标志 $namesign=0; //判定用户名,密码的错误,用户名不答应为空,不答应超过10 个字符,密码不答应超过20个字符 if(($name =="") || (strlen($name) > 10) || (strlen($pass) > 20) ) { print("没有昵称或密码过长"); //登陆失败 $namesign=1; //删除临时文件 unlink($useronlinelock); } else { //查找是否已经有人注册或者密码错误 $foundsign=0; for($i=0;$i<count($register);$i++) { //分割 $tempregister = split($split,$register[$i],99); //找到已经注册的用户名 if( $name == $tempregister[0] ) { //已经找到标志 $foundsign=1; //密码准确吗 if($pass != $tempregister[1]) print("密码错了!"); //登陆失败 $namesign=1; unlink($useronlinelock); break; } else { //老用户登陆成功 $namesign=0; break; } } } //假如没有找到这个用户名,那么就自动注册 if(!$foundsign) { //保存用户名和密码 $handle = fopen($register,"a"); fputs($handle,"$name$split$pass$split "); fclose($handle); //新 用户登陆成功 $namesign=0; } } } if(!$namesign) { //更新在线人的名单 $useronlinehandle = fopen($useronline,"w"); //判定是否已经在里面,只是刷新页面 $updatesign = 0; for($i=0;$i<count($useronline);$i++) { $usertemp=split($split,chop($useronline[$i]),99); if($name == $usertemp[0]) { //更新标志 $updatesign = 1; fputs($useronlinehandle,$useronline[$i]); } else { fputs($useronlinehandle,$useronline[$i]); } } //如 果没有在里面,则增加到里面 if(!$updatesign) fputs($useronlinehandle,"$name$split$level$split$pass$split$timecurrent "); fclose($useronlinehandle); //去掉缩定 unlink($useronlinelock); //登陆成 功 } 到这里,用户的验证已经完成,聊友已经合法的进入了聊天室,携带者呢称和密码 聊天室编程思想--大厅 -- 显示界面 大厅 -- 显示界面 2000年09月04 现在的www聊天室基本全部采用框架方法,可以用 frame也可以用iframe看个人喜欢了,我的采用frame的传统方法 print("<frameset rows="*,110,0,0,0" border=0> "); print("<frameset cols="660,118" rows="*"> "); //主显示屏幕,负责显示聊天内容 print("<frame name=u src=about:blank frameborder="NO" noresize> "); //在线人数屏幕 print("<frame name=r src="about:blank" frameborder="NO">"); print("</frameset> "); //发送信息的屏幕,信息指挥中央,所有指令都要由这里发出 print("<frame name=d src=send.php?name=$name&&pass=$pass scrolling=\\\'no\\\' frameborder="NO" noresize> "); //被动更新屏幕,处理发送的信息 print("<frame src="about:blank" name="bl"> "); /主动更新屏幕,显示自己和其他聊友的聊天信息 print("<frame src="about:blank" name="flush"> "); //检测是否在线的屏幕,对于非常 离开,如死机,掉线等的处理 print("<frame src="about:blank" name="check"> "); print("</frameset> "); 因为各个页面之间的程序有 联系,所以显示顺序很重要,可以看到,我这里只有发送页面不是about:blank,其他页面的显示都要先通过发送页 面的调用才能开始. 聊天室编程思想--大厅 -- 在线人数 大厅 -- 在线人数 我根据网易聊天室的在线人数的方式,显示当前的在 线人数,代码解释如下: 1 登陆时建立在线人名单的数组,放在body后面 <? //锁定在线 人数文件 while(file_exists($useronlinelock)){$pppp++;} fclose(fopen($useronlinelock,"w")); //读入在线人名单 $useronline = file($useronline); unlink($useronlinelock); //建立数组 list print("document.writeln("list=new Array("); $k=count($useronline); if($k>1) { for($i=0;$i<($k-1);$i++) { $usercurrent = split($split,$useronline[$i],99); // 姓名+, print("\\\'$usercurrent[0]\\\',"); } $i=$k-1; // 处理最后一个姓名 $usercurrent = split($split,$useronline[$i],99); print("\\\'$usercurrent[0]\\\'"); } // 数组结束 print(")"); "); ?> 2显示在 线人数的js document.writeln(\\\'[在线人数<font color=red>\\\'+count+\\\'</font>]<br>\\\'); document.writeln("[<a href="javascript:parent.cs(\\\'所有人\\\')">所有人</a>]<br>"); document.writeln("<font class=\\\'p9\\\'>"); var j,name,club; for(var i=0;i<list.length;i=i+1) { if(list[i]!=null){ //显示每个在线人的名字 document.writeln("<a href="javascript:parent.cs(\\\'"+list[i]+"\\\')" title=\\\'"+list[i]+"\\\'>"+list[i]+"</a><br>"); } } this.r.document.writeln(\\\'</font><hr>\\\'); 3改变聊天对象 function cs(name) { if(this.d.document==null)return; if(name==\\\'所有人\\\') { this.d.add(\\\'所有人\\\'); this.d.document.inputform.talkto.value=\\\'所有人 \\\'; //改变焦点 this.d.document.inputform.msg.focus(); return; } for(var i=0;i<list.length;i=i+1) { if(list[i]==name) { //更改发送的谈话对象 this.d.document.inputform.talkto.value=list[i]; this.d.document.inputform.msg.focus(); return; } } //错误 alert(\\\'此用户已离线或已改了昵称。\\\'); } 4删除一个用户 function del(str) { for(var i=0;i<list.length;i=i+1) if(list[i]==str) { delete list[i]; count--; } } 5增加一个用户 function add(str1,str2) { var l=list.length; for(var i=0;i<list.length;i=i+1) //假如已经在数组里面则返回 if(list[i]==str1) return; //增加一个用户 list[l]=str1; count++; } 6更新聊天人数的方式,定时器的使用 var timerID=null; var timerRunning=false; function stop() { //停止 if(timerRunning)clearTimeout(timerID); timerRunning=false; } function start() { stop(); //调用更新在线人数的程序 write1(); } function write1() { ... ... ... ... //设定更新时间, timerID=setTimeout("start()",30000); timerRunning=true; } 这种方式比较简朴的实现了在线人数的显示,当然也可以使用读入在线 人文件的方式显示在线人数,不过在改变聊天对象是会比较麻烦. 聊天室编程思想--指挥中央 -- 发送信息 指挥中央 -- 发送信息 这里是聊天室的指挥中央,所有的指令都要在这里发出 1下面是基本的发送表单代码 <form name=inputform action=\\\'messagesend.php\\\' target=\\\'bl\\\' onsubmit=\\\'return(checksay());\\\' method=POST> <? //下面的2个参数用于验证信息的准确性 print("<input type=\\\'hidden\\\' name=\\\'name\\\' value=\\\'$name\\\'> "); print("<input type=\\\'hidden\\\' name=\\\'pass\\\' value=\\\'$pass\\\'> "); ?> //聊天对象,注重加上 readonly 属性 <input type="text" name="talkto" size="10" maxlength="20" readonly value="所有人"> //上次聊天的发送内容 <input type=\\\'hidden\\\' name=\\\'message\\\' value=\\\'\\\'> //发送的表单文本框 <input type="text" name="msg" maxlength="120" size="34"> <input type="submit" name="Submit" value="发送"> </form> 2 检查发送内容的js var dx =\\\'\\\'; function checksay( ) { //不答应发送空的发言 if(document.inputform.msg.value==\\\'\\\') { document.inputform.msg.focus(); return false; } //不答应重复发言,内容一样，对象一样 if ((document.inputform.msg.value==document.inputform.message.value)&&(document.inputform.talkto.value==dx)) { alert(\\\'发言不能重复\\\'); document.inputform.msg.focus(); return false; } //两次发言内容的间隔不能小于1秒，或者发言字数大于间隔*3 t2=(new Date()).getTime()/1000; if(((t2-t1)<1)||((t2-t1)*3<document.inputform.msg.value.length)) { document.inputform.msg.focus(); return false; } //更新时间 t1=t2; document.inputform.showsign.value=1; //保存上次发言内容 document.inputform.message.value =document.inputform.msg.value; //清空发言内容 document.inputform.msg.value =\\\'\\\'; //保存发言对象 dx=document.inputform.talkto.value; //定位焦点 document.inputform.msg.focus(); //返回 return(true); } 3调用信息发送程序,发布聊天者已经进入的信息 <script> parent.bl.document.open(); parent.bl.document.write("<meta http-equiv=\\\'refresh\\\' content=\\\'0;url=messagesend.php?name=<? print($name); ?>&&action=enter&&pass=<? print($pass); ?>\\\'>") parent.bl.document.close(); </script> 发言由messagesend.php处理完成,注重输出对象为bl,也就是处理发言的框架名称,这样保证发言框架的页面内容的完整 聊天室编程思想--主动更新与被动更新 主动更新与被动更新 聊天的内容如何显示在屏幕上,一种是每隔一段时间刷新一次页面,读入全部聊天内容,然后显示,这里采用的是js的document.write的方式实现不刷新的聊天页面! 1 主页面的生成,规定了CSS类型,显示欢迎词 function write2(){ if(this.u.document==null)return; this.u.document.writeln("<html><head>"); this.u.document.writeln("<meta http-equiv=Content-Type content=text/html; charset=gb2312>"); this.u.document.writeln("<style type=text/css>"); this.u.document.writeln(".p9 { font-size: 11pt; line-height: 15pt}"); this.u.document.writeln("body { font-size: 11pt; line-height: 15pt}"); this.u.document.writeln("a:visited { font-size: 11pt;color: #0000FF; text-decoration: none;}"); this.u.document.writeln("a:link { font-size: 11pt;color: #0000FF; text-decoration: none}"); this.u.document.writeln("a:hover { font-size: 11pt;color: #FF0000}"); this.u.document.writeln("</style>"); this.u.document.writeln("</head>"); this.u.document.writeln("<body); //.................. 这里插入生成在线人数组的程序段 this.u.document.writeln("<script>"); this.u.document.writeln("<p class=p9 align=left>"); this.u.document.writeln("<p align=center>欢迎光临PlayBoy聊天室,本聊天室正在测试阶段,如有问题请与<a href=mailto:pccastle@sina.com>我们联系</a></p>"); } 2 初始化进入信息,第一次进入聊天室 if($action == "enter") { /////////////////// 调用显示主屏幕的js程序 //////////////////// print("parent.write2(); "); //发言内容,某某进入聊天室了 $message = "<a href=javascript:parent.cs(\\\'$name\\\'); target=d>$name</a>来到聊天室".$message." ".date("m月d日 H:i")."<script>parent.add(\\\'$name\\\',\\\'$photo\\\');parent.write1();</script><br>"; } //更新发言内容 while(file_exists($lockfile)){ $pppp++; } //发言的锁定 fclose(fopen($lockfile,"w")); //读入发言的总句数,也就是所有人一共发了多少言!我们可以保存每一个发言,但是这样会占用大量的磁盘空间,我们采用了一种取模的方式,循环使用文件来减少文件操作! $talkmessage = file($filename); $number = chop($talkmessage[0]); //发言数增加一,然后保存 $talkhandle = fopen($filename,"w"); $number++; fputs($talkhandle,$number); fclose($talkhandle); /去掉锁定 unlink($lockfile); //对发言总数对10取模,作为文件名保存发言内容,也就是说第11句和第1句使用同一个文件名,由于不可能同时有10句话没有更新,所以这是数在人不是异常多的情况下很好!当然,考虑到人多的情况,可以设成100. $filehandle = fopen("messageonline".($number%10).".php","w"); fputs($filehandle,$message); fclose($filehandle); //显示进入信息 print("parent.u.document.writeln("$message"); "); //调用主动刷新js程序,传递已经显示的发言数目 print("parent.flushwin($number) "); //保存最后一次显示的发言 $last = $number; } 3 处理发送表单的哀求 //不处理空的发言和超过一定数目的发言 if( ($message != "")&&(strlen($message)<150)) { //检查发言者是否在线,防止意外 $onlineperson = file("useronline.dbf"); $personsign=0; for($i=0;$i<count($onlineperson);$i++) { $person = split($split,$onlineperson[$i],99); if($person[0] == $name) { $personsign = 1; $person[3] = date("U"); break; } } //在线时的处理程序 if($personsign == 1) { //添加发言时间的部分 $message = $message." <font size=1>".date("m月d日 H:i")."</font><br>"; //锁定发言总数文件 while(file_exists($lockfile)){ $pppp++; } fclose(fopen($lockfile,"w")); //读入发言总数 $talkmessage = file($filename); $number = chop($talkmessage[0]); //总数加1,然后保存 $talkhandle = fopen($filename,"w"); $number++; fputs($talkhandle,$number); fclose($talkhandle); unlink($lockfile); //总数对10取模后以文件形式保存发言内容 $filehandle = fopen("messageonline".($number%10).".php","w"); fputs($filehandle,$message); fclose($filehandle); } } ////////////////////////////////////////////////////////////////// 这样,表单的处理已经完成,下面的主动更新程序将会把新的发言内容显示在屏幕上 ////////////////////////////////////////////////////////////////// 4 主动更新的自动循环调用方式 可以使用<meta http-equiv="reflesh" content="3;url=messageflush.php?name=<?print($name)?>&&pass=<?print($pass)&&last=<?print($last)?>的方法更新! 我的程序以前就是使用这种方式自动更新的,但是我发现一个问题,那就是当这个更新程序出现运行错误时,他不会产生调用下次更新的代码,造成后台更新程序停止工作!所以我采用了js定时的方式来完成同样的功能! var flushtimeID=null; var flushRunning=false; //上次更新标志 var flushflag = true; function flushstop() { if(flushtimerRunning)clearTimeout(flushtimerID); flushtimerRunning=false; } function flushstart() { flushstop(); //使用发送表单里面的上次显示的值 flushwin(this.d.document.inputform.last.value); } function flushwin(winnumber) { //假如上次更新准确,则调用下次更新 if(flushflag == true) { url="messageflush.php?name=<? print($name); ?>&&pass=<? print($pass); ?>&&last="+winnumber; flush.location=url flushflag=false } //否则等待一个循环 flushtimerID=setTimeout("flushstart()",2000); flushtimerRunning=true; } 这种方式保证了在主程序不死的情况下,后台更新程序会一直运行下去! 5 主动更新程序 <script Language=\\\'JavaScript\\\'> <? //读入最大的发言数目 $message = file($filename); $number = chop($message[0]); //从上次显示的下一个发言开始到最大发言结束,显示发言内容 for($i=$last+1;$i<=$number;$i++) { //读入下一个发言内容 $filename = "messageonline".($i%10).".php"; $message = file($filename); $tempmessage = split($split,$message[0],99); //显示发言内容 print("parent.u.document.writeln("$message[0]"); "); } //更新发送表单最后一个发言的数目 print("parent.d.document.inputform.last.value=$number; "); //通知主程序本次更新已经完成 print("parent.flushflag=true; "); ?> </script> 这样,每个发送的发言,经过被动更新程序处理保存到文件内,然后由一个循环的主动更新程序完成显示任 务!!! 返回类别: 教程 上一教程: MySQL数据库基础教程 下一教程: PHP 和 MySQL 基础教程（一） 您可以阅读与"基于PHP的聊天室编程思想"相关的教程: · 基于PHP的聊天室编程思想 · 基于PHP的聊天室（二） · 基于PHP的聊天室（二） · 基于PHP的聊天室（一） · 基于PHP的聊天室（一） |
  |
| 快精灵印艺坊 版权所有 |
首页 会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
|
||
