PHP設計聊天室步步通_PHP教程-php教程-PHP中文網

首頁

後端開發

php教程

PHP設計聊天室步步通_PHP教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 21, 2016 pm 04:08 PM

php 不可以密碼方式的聊天室自由設計輸入運行通採用

　　聊天室可以采用完全自由的方式运行,你可以随意输入呢称,不用密码,不保存你的聊天状态,优点是:自由,非常适合于游客!另外一个方法是注册聊天室,每个进入聊天室的人都要输入自己的用户名和密码才能进入!优点:充分体现个性,非常适合于老朋友,他们的呢称不会被人恶意侵占使用.我的聊天室使用注册方法!

　　注册通常采用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$splitrn");
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$timecurren
trn");
fclose($useronlinehandle);

//去掉缩定
unlink($useronlinelock);

//登陆成功
}

　　到这里,用户的验证已经完成,聊友已经合法的进入了聊天室,携带者呢称和密码

　　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窗口!然后移动到屏幕左上角,然后放大到允许的屏幕大小.

　　在线人数

　　我根据网易聊天室的在线人数的方法,显示当前的在线人数,代码解释如下:
　　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(")");n");
?＞

　　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]+"')" titl
e='"+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;
}

　　这种方法比较简单的实现了在线人数的显示,当然也可以使用读入在线人文件的方法显示在线人数,不过在改变聊天对象是会比较麻烦.

　　显示

　　现在的www聊天室基本全部采用框架方式,可以用frame也可以用iframe看个人喜欢了,我的采用frame的传统方式

print("＜frameset rows="*,110,0,0,0" border=0＞n");
print("＜frameset cols="660,118" rows="*"＞n");

//主显示屏幕,负责显示聊天内容
print("＜frame name=u src=about:blank frameborder="NO" noresize＞n");

//在线人数屏幕
print("＜frame name=r src="about:blank" frameborder="NO"＞");
print("＜/frameset＞n");

//发送信息的屏幕,信息指挥中心,所有指令都要由这里发出
print("＜frame name=d src=send.php?name=$name&&pass=$pass scrolling='no
' frameborder="NO" noresize＞n");

//被动更新屏幕,处理发送的信息
print("＜frame src="about:blank" name="bl"＞n");

/主动更新屏幕,显示自己和其他聊友的聊天信息
print("＜frame src="about:blank" name="flush"＞n");

//检测是否在线的屏幕,对于异常离开,如死机,掉线等的处理
print("＜frame src="about:blank" name="check"＞n");
print("＜/frameset＞n");

　　因为各个页面之间的程序有联系,所以显示顺序很重要,可以看到,我这里只有发送页面不是about:blank,其他页面的显示都要先通过发送页面的调用才能开始.

　　指挥中心

　　这里是聊天室的指挥中心,所有的指令都要在这里发出
　　1、下面是基本的发送表单代码

＜form name=inputform action='messagesend.php' target='bl' onsubmit='return(checksay());' method=POST＞

＜?
//下面的2个参数用于验证信息的正确性
print("＜input type='hidden' name='name' value='$name'＞n");
print("＜input type='hidden' name='pass' value='$pass'＞n");
?＞

//聊天对象,注意加上 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,也就是处理发言的框架名称,这样保证发言框架的页面内容的完整

　　表情和动作

　　表情和动作极大的丰富了聊天的乐趣,一般的聊天室主要通过2种方法发送

　　(1) 按钮菜单的方法

　　通过在一个固定的下拉菜单里面进行选择,找到自己满意的表情,然后选中,按发送按钮发出

　　(2) 通过手工输入代号

　　比如网易的以手工输入 //hello 代表欢迎的一段动作,以 //bye 代表再见的一段动作表情
　　我们这里介绍菜单的具体实现方法,手工输入的不用介绍了吧! 哈哈!除非你记不住那些...

　　1 下拉菜单选择表情动作的实现

　　为了扩充方便,我们制作了表情动作的数据文件,这样在以后扩充时将会非常方便.

　　表情动作文件的格式如下($split代表分割符):

//1234$split“１２３４５６７,我的朋友在哪里1234！！！！！”
//?$split很疑惑的看着对象...
//??$split抓呀抓，把头皮都抓破了，也没有想出个所以然来。
//???$split怎么回事？这到底是怎么回事

　　前面的//1234代表表情动作代码,分隔符后面的代表显示的表情动作注意其中的对象两个字将会在显示时替换成为发言对象的名字

　　这段代码用于把菜单选择的对应的表情动作代码写到发送栏里面

＜script＞
function changemote($newemote)
{
document.inputform.msg.value = $newemote
}
＜/script＞

　　这段代码生成动态下来菜单

＜select name="select" onchange="changemote(this.options[this.selectedIndex].value)"＞
＜option value="0" selected＞动作＜/option＞
＜?
$emotemsg = file($emotefilename);
for($i=0;$i＜count($emotemsg);$i++)
{
$msg = split($split,$emotemsg[$i],99);
print("＜option value=$msg[0]＞$msg[1]＜/option＞");
}
?＞
＜/select＞

　　这样就完成了从菜单选动作表情的过程

　　2 表情动作在发言处理程序里的处理过程

messagesend.php

＜?

//读入表情动作文件
$emote3 = file($emotefilename);
$emote3number = count($emote3);
for($kk=0;$kk＜$emote3number;$kk++)
{

//分割每个表情动作
$emote=split($split,chop($emote3[$kk]),99);

//如果發言內容等於表情動作
if($message == $emote[0])
{

//替換表情動作裡面的對象為實際的聊天對象名字
$emote[1]=ereg_replace("物件","＜font color=red＞$talkto＜/font＞",$emote[1]);

//發言內容改為動作表情的內容
$message = "＜a href=javascript:parent.cs('$name') target=d＞$name＜/a
＞".$emote[1];
break ;
}
}
?＞

　　這樣我們就實現了表情和動作,如果做一個自動添加動作表情的程式功能,更會增加聊天的娛樂性!

　　帖圖

　　如果在聊天文字中能增加一些美麗的圖片.......
　　圖片代碼的生成和表情動作一樣,可以菜單選擇也可以手工輸入,這裡只給格式和程式碼,不再解釋,請察看表情於動作部分

　　1 檔案格式

//$picturefilename

1$split咖啡色西服$splitxw20151 .jpg$split
2$split黑色燕尾服$splitxw201534.jpg$split

　　編號名稱圖片名稱

　〜2 程式

＜?

//判斷發言的內容最前面的7個字符是否是///gift

if(substr($message,0,7) == "///gift")
{

//取得圖片的編號,從第7個字元開始的2個字元(注意,字元從0開始編號)

$id = substr($message,7,2)-1;

//讀入圖片檔案

$giftmsg = file($picturefilename);

//判斷是否編號合法

if(($id ＞= 0) && ($id ＜ count($giftmsg)) )

{
//分割圖片行
$gift=split($split,$giftmsg[$id],99);

//生成圖片的發言內容

$message ="＜a href=javascript:parent.cs('$ name') target=d＞＜font col

or=$namecolor＞$name＜/font＞＜/a＞送給＜a href=javascript:parent.cs('$talkt
o') target =d＞$talkto＜/a＞一個$gift[1]＜img src='images/$gift[2]' width=6
0 height=60 border=0＞＜/font＞";

//圖片產生成功標誌

$specialsign = 1;

}

}

　　密談的實作

　　1 對發送信息的處理

每句私聊都要顯示在自己和私聊對象的螢幕上,而其他人不能夠看到.這裡先對發言內容進行處理,然後再保存到發言文件裡面!

//$ split為分隔符號

messagesend.php

＜?

//判斷私聊是否發言

if($secret == "on")

{
//在發言前面加上標記＜!-- 私聊標記對象發言者--＞其中代表分隔符

//第一個標記為secret 表示為私聊,後面的是聊天對象和自己的名字,保證這兩個人能看到
$message = "＜!--$splitsecret$split$talkto$split$name$split--＞＜font c

olor=ff0000＞密談＜ /font＞$message";

}
else
{

//如果第一個標記為open 表示公開,後面同樣為對象和自己的名字
$message = "＜!--$splitopen$split$talkto$split$name$split--＞$message"

}

//然後儲存到檔案
?＞＞ 🎜>

　　2 顯示私聊的方法

　　對每個新的發言讀入後先進行處理判斷,在主動刷新程序裡面進行.

messageflush.php

php

＜?

//分割發言內容

$tempmessage = split($split,$message[0],99);

//如果發言不是密談,或私聊對象是自己,或發送這句私聊的是自己,那就顯示這句話,否則不顯示
if( ($tempmessage[1] != "secret") || ($tempmessage[2] == $name) || (

$tempmessage[3] == $name) )