1 页面登陆的基本要素

你可以在我的竹叶看到登陆 的表单,这里提供了最基本的登陆表单项

(1)登陆表单

(a)聊天表单的名字为chatform,我使用action=enter作为进入聊天室的入口,如果没有这个参数,则显示登陆页 面.

(b)在表单提交时,先调用b1_submit()建立聊天的窗口

(c)聊天的目标窗口为b1_submit()建立 的howtodo窗口

(2)表单项

昵称:

密码:

(a)各表单项一定要设定最大允许长度 maxlength

(3)建立聊天窗口的js

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

{

//分割

$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

{

$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("

");

print("

");

//主显示屏幕,负责显示聊天内容

print(" ");

//在线人数屏幕

print("");

print(" ");

//发送信息的屏幕,信息指挥中心,所有指令都要由这里发出

print(" ");

//被动更新屏幕,处理发送的信息

print(" ");

/主动更新屏幕,显示自己和其他聊友的聊天信息

print(" ");

//检测是否在线的屏幕,对于异常 离开,如死机,掉线等的处理

print(" ");

print(" ");

因为各个页面之间的程序有 联系,所以显示顺序很重要,可以看到,我这里只有发送页面不是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

{

$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([在线人数+count+]
);

document.writeln("[所有人]
");

document.writeln("");

var j,name,club;

for(var i=0;i

{

if(list[i]!=null){

//显示每个在线人的名字

document.writeln(""+list[i]+"
");

}

}

this.r.document.writeln(

---

);

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

{

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

if(list[i]==str)

{

delete list[i];

count–;

}

}

5增加一个用户

function add(str1,str2)

{

var l=list.length;

for(var i=0;i

//如果已经在数组里面则返回

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下面是基本的发送表单代码

//下面的2个参数用于验证信息的正确性

print(" ");

print(" ");

?>

//聊天对象,注意加上 readonly 属性

//上次聊天的发送内容

//发送的表单文本框

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.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调用信息发送程序,发布聊天者已经进入的信息

parent.bl.document.open();

parent.bl.document.write("&&action=enter&&pass= print($pass); ?>>")

parent.bl.document.close();

发言由messagesend.php处理完成,注意输出对象为bl,也就是处理发言的框架名称,这样保证发言框架的页面内容的完整

聊天室编程思想–主动更新与被动更新

主动更新与被动更新

聊天的内容如何显示在屏幕上,一种是每隔一段时间刷新一次页面,读入全部聊天内容,然后显示,这里采用的是js的document.write的方法实现不刷新的聊天页面!

1 主页面的生成,规定了css类型,显示欢迎词

function write2(){

if(this.u.document==null)return;

this.u.document.writeln("

");

this.u.document.writeln("");

this.u.document.writeln("

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("");

this.u.document.writeln("");

this.u.document.writeln("

//……………… 这里插入生成在线人数组的程序段

this.u.document.writeln("

this.u.document.writeln("

");

this.u.document.writeln("

欢迎光临playboy聊天室,本聊天室正在测试阶段,如有问题请与我们联系

");

}

2 初始化进入信息,第一次进入聊天室

if($action == "enter")

{

/// 调用显示主屏幕的js程序

print("parent.write2(); ");

//发言内容,某某进入聊天室了

$message = "$name来到聊天室".$message." ".date("m月d日 h:i")."
";

}

//更新发言内容

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

{

$person = split($split,$onlineperson[$i],99);

if($person[0] == $name)

{

$personsign = 1;

$person[3] = date("u");

break;

}

}

//在线时的处理程序

if($personsign == 1)

{

//添加发言时间的部分

$message = $message." ".date("m月d日 h:i")."
";

//锁定发言总数文件

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 主动更新的自动循环调用方法

可以使用&&pass= print($pass); ?>&&last="+winnumber;

flush.location=url

flushflag=false

}

//否则等待一个循环

flushtimerid=settimeout("flushstart()",2000);

flushtimerrunning=true;

}

这种方法保证了在主程序不死的情况下,后台更新程序会一直运行下去!

5 主动更新程序

//读入最大的发言数目

$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; ");

?>

这样,每个发送的发言,经过被动更新程序处理保存到文件内,然后由一个循环的主动更新程序完成显示任

务!!!