聊天室自做 Follow Me

2016-01-29 17:32 16 1 收藏

聊天室自做 Follow Me,聊天室自做 Follow Me

【 tulaoshi.com - ASP 】

      上网而没去过聊天室的人,可谓是凤毛麟角,下面,我们就自己来做个最简单的聊天室。
  目前聊天室显示对话的方式一般有两种。一是每隔 x 秒就把整个对话显示区刷新一遍,此方的弊端显而易见:数据传输量大且屏幕有闪烁感;其二是有新的发言时,才将该内容传递给客户端,并添加在原有对话的尾部,此法数据传输量就比较小且屏幕是平滑滚动,视觉效果好。第一种方法的实现已经有很多资料介绍,因此本文将介绍第二种刷新方式。
  设计思路:
  ⑴服务器端只保留最新的30条发言作为缓冲区,新的发言内容将最旧的发言挤出。
  ⑵每句发言都分配一个递增的序号。客户端最后出现的发言的序号记录在 Session 中。
  ⑶利用隐藏框架进行刷新,刷新时,将 Session 值与缓冲区的每句发言的序号进行比较,如果序号大于 Session 值说明该发言是新的,就将该发言的数据取出,并将该发言的序号值赋给 Session。
  ⑷对话显示区使用 document.open() 打开后,就不再关闭,当隐藏框架刷新时有新数据取出并传到客户端时,将这些原始数据格式化为要显示的内容(此工作可以在服务器端执行,但为减轻服务器的负担,就将对话的合成工作移交给客户),然后调用 document.writeln 方法将发言的内容写到对话显示区的尾部。
  ⑸在对话显示区中放置一段自动滚屏的代码,使屏幕自动向下滚动,并可通过发言区的复选框来选择是否自动滚屏。
  实现方法:
  一、本程序只需要 4 个文件即可实现:
  ⑴chat.asp:聊天室框架文件,负责初始化程序运行环境并随机分配四位数的数字做为用户名,再把页面从上到下分成四部分,顶、底两个框架高度为 0。
  ⑵chatfyq.htm:发言区,提供输入姓名、发言的文本框,及一个发言按钮和一个自动滚屏的开关(复选框),并定义在客户端执行的 JavaScript:checksays()(对发言进行有效性检测)、cls()(清空对话显示区的内容)、write()(初始化对话显示区,定义页面颜色、文字大小,并放置滚屏代码)、sw(username)(在对话区点击人名时,将人名写到发言框中)、w(un,sa,tn,dt)(将原始数据合成为完整的发言内容,并添加到对话显示区的尾部)。
  ⑶chatt.asp:此文件位于顶部的隐藏框架(高度为 0)中定时刷新,把新的发言的原始数据使用 <script Language=JavaScriptparent.f2.w("姓名","发言内容","原始姓名","发言时间")</script 的格式输出到客户端,即可调用 chatfyq.htm 中定义的 w(un,sa,tn,dt) 函数来显示出发言内容。
  ⑷chatsay.asp:发言提交到此文件进行处理。此文件位于底部的隐藏框架中。将发言加入缓冲区后,立即执行和 chatt.asp 相同的代码段,将发言显示出来。(chatsay.asp 后面的代码和 chatt.asp 是相同的,之所以不在 chatsay.asp 后面使用 Response.Redirect "chatt.asp" 来调用,是为了加快速度,因为重定向方式需要建立两次连接:发言提交是连接一次,重定向时又要再连接一次,效率低。)
  二、部分关键代码注释:
  ⑴初始化代码段:Application("chat_hh") 缓冲区中最后一句发言的序号、Session("chat_hh") 就是“设计思路⑶”中提到的 Session 值,用于记录客户端已显示的最后一句发言的序号:


'如果该序号为空,表明程序未初始化
If Application("chat_hh") = "" Then
  '定义缓冲区数组,共 30 句发言
  '每句发言占用 5 个位置:序号、姓名、发言内容、原始姓名、发言时间
  Dim sd(150)
  Application.Lock
  '将数组赋值给 Application("chat_sd"),即:发言只保留在服务器内存中
  Application("chat_sd") = sd
  '定义初始序号为 0
  Application("chat_hh") = 0
  Application.UnLock
End If
'为避免序号过大,每当序号增大到 65535 时就将序号复位为 0
If Application("chat_hh") 65535 Then
  Application.Lock
  Application("chat_hh") = 0
  Application.UnLock
End If
'客户端用来记录已经显示到哪句发言的 Session("chat_hh")
'其值等于序号减去 12,即:新来的用户可以看到原有的 12 句发言
Session("chat_hh") = Application("chat_hh") - 12


  ⑵chatfyq.htm 中的 JavaScript 函数:write():


function write(){
  //使用 document.open() 打开对话显示区,打开后不关闭,这样就可以不断向里面添加新内容
  parent.f1.document.open();
  //向对话显示区中写入 HTML 文件头
  parent.f1.document.writeln("<html<head<title

来源:http://www.tulaoshi.com/n/20160129/1501845.html

延伸阅读
标签: ASP
  合肥 程双明         经 常 在Internet 上 冲 浪 的 网 友 恐 怕 很 少 有 人 没 有 去 过 聊 天 室 胡乱神聊。 你 只 要 稍 微 留 意 一 下 就会 发 现 这 些 聊 天 室 大 多 是 用CGI 程 序 或 者 用JAVA 开 发 的 Applet 维 护 的。 开 发 过 这 类CGI 或Applet ...
标签: ASP
      我们试着在客户端用浏览器打开chatview.asp,我们果然看到自动刷新的页面,不错吧!下面,我们就要考虑如何把发言部分与刷新部分在同一个页面上显示:那需要用到框架。 框架,那是最简单不过的了,直接用Frontpage即可构建。请看如下代码: <frameset rows="*,90" frameborder="0&...
标签: Web开发
下面我用读写文本文件的方式给大家简单介绍一下聊天室的制作。该聊天室一共有四个主要的PHP文件: login.php用来登录 htmlbodyform action="chat.php"房 间:select name="room" option value="大厅"大厅/option option value="客房"客房/option option...
标签: Web开发
很早就想发出来了,一直以来都没什么时间,今天偷个空先把代码发上面,明天来写注释. 还是那句话,AJAX是一种应用,而不是一个专门的技术,我认为做做DEMO要的是速度,要让看的人好理解,而JS是最基本的WEB语言,相信比起其他的语言来说,要明了很多,所以我还是选择用JS写前后台代码.但并不代表我不会其他的语言,程序关键还是在于自我对实现的想法,而用什...
标签: ASP
  作者:网络之门 上两节介绍了如何处理聊天室内的谈话内容以及悄悄话的特殊处理,至此。我们去看看谈话内容是如何在客户端显示出来的。请先看看我们的显示对话文件(top.asp) *top.asp <% @language="vbscript" % <% Response.Expires=0 'response.buffer=true % ...

经验教程

468

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部