聊天室可以采用完全自由的方式运行,你可以随意输入呢称,不用密码,不保存你的聊天状态,优点是:自由,非常适合于游客!另外一个方法是注册聊天室,每个进入聊天室的人都要输入自己的用户名和密码才能进入!优点:充分体现个性,非常适合于老朋友,他们的呢称不会被人恶意侵占使用.我的聊天室使用注册方法!
注册通常采用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 the speech content is equal to the emote action
if($message == $emote[0])
{
//Replace the object in the emoticon action with the actual chat partner name
$emote[1]=ereg_replace("object","＜font color=red＞$talkto＜/font＞",$emote[1]);
//Change the speech content to action Content of emoticon
$message = "＜a href=javascript:parent.cs('$name') target=d＞$name＜/a
＞".$emote[1];
break ;
}
}
?＞
In this way, we have realized expressions and actions. If we make a program function that automatically adds action expressions, it will increase the entertainment of chat!
Post pictures
If you can add some beautiful pictures to the chat text...
The generation of picture codes is the same as emoticons. You can select it from the menu or enter it manually. Only the format and code are given here, no explanation is given, please check the expression in the action part
1 File format
//$picturefilename
1$split brown suit $splitxw20151 .jpg$split
2$split black tuxedo $splitxw201534.jpg$split
Number + name + picture name +
2 Programs
My chat room uses ///The gift+number method displays the image. Note that there are three backslashes, which is different from the expression
＜?
//Determine whether the first 7 characters of the speech content are /// gift
if(substr($message,0,7) == "///gift")
{
//Get the number of the picture, 2 starting from the 7th character Characters (note that characters are numbered starting from 0)
$id = substr($message,7,2)-1;
//Read the picture file
$giftmsg = file($picturefilename ;
//Generate the speech content of the picture
$message ="＜a href=javascript:parent.cs ('$name') target=d＞＜font col
or=$namecolor＞$name＜/font＞＜/a＞Send to＜a href=javascript:parent.cs('$talkt
o ') target=d＞$talkto＜/a＞a $gift[1]＜img src='images/$gift[2]' width=6
//Picture generation success sign
$specialsign = 1;
}
Implementation of secret conversation
Each private message must be displayed on the screen of yourself and the person you are chatting with, and other people cannot see it. Here, the speech content is processed first, and then saved to the speech file! //$split is the delimiter symbolmessagesend.php ＜?
//Determine whether to send a private message
if($secret == "on"){
//Add a mark in front of the speech ＜!--+Private chat mark+Object+Speaker+--＞where + represents the separator
//The first mark is secret, expressed as Private chat, followed by the chat partner and your own name, ensure that these two people can see it
$message = "＜!--$splitsecret$split$talkto$split$name$split--＞＜font c
olor=ff0000＞Secret chat＜/font＞$message";
}
{
//If the first mark is open, it means public, and the following is also the object and Your own name
$message = "＜!--$splitopen$split$talkto$split$name$split--＞$message"
}
//Then save to
?＞ in the file
2 Methods of displaying private chats
After reading each new message, process and judge it first, and perform it in the active refresh program.
//Split the speech content
$tempmessage = split($split,$message[0],99); //If If the speech is not a private chat, or the person in the private chat is yourself, or the person who sent this private message is you, then display this sentence, otherwise it will not be displayedif( ($tempmessage[1] != "secret") || ($tempmessage[2] == $name) || (
$tempmessage[3] == $name) )
{
//Show private message
print("parent .u.document.writeln("$message[0]");rn");
}
?＞
With this simple method, we have implemented private chat,
Note:
http://www.bkjia.com/PHPjc/314925.html
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
