《刘鑫【基于WEB《网络聊天室》设计报告】》由会员分享，可在线阅读，更多相关《刘鑫【基于WEB《网络聊天室》设计报告】（15页珍藏版）》请在装配图网上搜索。
1、陕西师范大学远程教育学院课程名称 网络聊天室 学习中心（点）： 邵阳市教育学院 专 业 ： 计算机科学与技术 层 次 ： 专升本 姓 名 ： 刘鑫 批 次 ： 121 目 录一、设计分析11、系统简介12、需求分析13、功能分析23、可行性分析2二、程序结构3三、模板功能及程序说明41、登录模块功能及程序说明42、聊天室模块功能及程序说明4四、源程序51、登录界面52、聊天室框架63、发言界面74、访问人数界面85、显示聊天界面86、global.asa文件9五、操作方法101、登录界面操作方法102、聊天室界面操作方法11六、试验结果12七、设计体会13一、设计分析1、系统简介随着网络的逐渐
2、普及，以及网络技术的不断发展，人们通过网络进行交流的方式变得多样化。网络聊天室便是其中之一。聊天室系统的即时交流方式满足了网络中多人同时聊天交流的需要，使得较多的人在同一个聊天页面进行交流变得方便，简单。本设计所完成的网络聊天室具有常用聊天室的所有功能，包括多人同时在线聊天、还能显示在线用户列表，同时，为了管理聊天室中的用户，设计了用户登陆功能，用户管理功能以及用户留言功能。并且，加入了分屏、清屏、屏蔽的辅助功能，增加了聊天室的操作性。本文首先介绍了聊天室系统所使用到的一些关键技术，接着介绍了该系统的设计思路和需求分析，然后是对系统的详细介绍，包括系统中ASP技术以及系统的具体功能介绍。2、需
3、求分析1）系统运行环境硬件环境：l 处理器： Inter Pentium 166 MX 或更高l 内存： 32M以上l 硬盘空间：1GBl 显卡： SVGA显示适配器软件环境l 操作系统： Windows 98/ME/2000/XPl 开发软件： Dreamweaver 8，IIS 6.0 2）功能需求 网络聊天室的总体目标是为网络用户提供一个方便易用的即时通讯工具。需要实现以下一些基本功能：1. 消息发送：用户可以发送消息给聊天室里所有的或者指定的其他用户。2. 消息接收：用户可以接收到其他用户发送给他的消息。3. 聊天室管理功能：聊天室管理员可以启动或者关闭聊天室服务。3、功能分析1）通过
4、系统的各方面的研究，作了功能分析，如图1-1所示。网络聊天室系统显示聊天内容显示在线人数显示访问人数图1-1功能分析图2）依据需求分析结果，网络聊天室主要分成两个模块。如图1-2所示。图1-2 系统模块结构图3、可行性分析由于本系统是简单的网络聊天室，技术方面涉及的比较少，且作为一名计算机专业的大学生来说用所学的专业知识足够开发本系统，并且由于有指导老师的指导和相关参考文献，特别是网上资料，和参考其它程序的功能，因此完全可以实现本系统的所有功能。在经济方面只需有上网环境就可以使用本系统，并且现在很多家庭也陆陆续续购买电脑，实现家庭上网环境。这样开发该系统是完全可行的。二、程序结构1）系统主体包
5、括客户端和服务器。首先客户端访问做出操作让服务器响应，服务器得到请求以后判断是否响应客户端，这样系统的处理流程如图2-1所示。图2-1 系统主体处理流程图2）按照开发本系统的需要和实际的情况作了功能流程图，这里主要是聊天室的功能，先在登录界面输入昵称然后进入聊天室主界面。这里显实现聊天记录，并且每个用户都可以发表自己的发言，功能流程图如图2-2所示。登录界面否聊天室界面是是否输入昵称？结束图2-2流程图三、模板功能及程序说明1、登录模块功能及程序说明在登录界面主要有两个方面的功能，一方面是确定用户是否输入了昵称，这样才能用户在输入昵称下进入聊天室，方便交流，叫起来也比较方面。另一个方面是把昵称
6、提交给聊天室用户方便用户交流。也就是不用总是输入昵称就可以实现昵称在对话中的显示，这里为了美化系统我也添加了日期的显示。这样更让我们感觉界面的方便性，快捷性。在登录界面用到了ASP的时间函数。为了显示美观，我调用了方法来显示某年某月某日的显示。还有我也调用了自定义过程调用，实现文本的不能为空的功能。我还用到了CSS样式，表单等等。2、聊天室模块功能及程序说明在聊天室模块中，使用了框架界面。这里主要实现发言，显示别人的发言记录，在线的人数，在线用户信息，访问的总人数等等。用户看到别人发言以后也可以按照自己的想法给别人发言。可以做到同步的效果。为了尽快显示到网页上我用到了每隔一会更新一次。这样让我
7、们感觉上聊天起来很方便。我把整个框架分了三个区域，第一个是用户输入内容也就是发言，第二个是显示发言记录的信息。最后一个是显示在线人数，访问总人数，在线用户等等。在第一个区域我使用了ASP内置对象application，session，还有表单，CSS样式等等。第二个区域也也用了ASP技术。第三个区域也使用了相同的技术。四、源程序1、登录界面登录界面：index.asp/调用了样式 /验证是否输入了昵称 function check()if(document.form.txtname.value=) alert(昵称不能为空！); return false; 今天是 /日期显示的功能functi
8、on initArray() this.length = initArray.arguments.length for (var i = 0; i this.length; i+) thisi+1 = initArray.argumentsivar WeekArray = new initArray(星期日,星期一,星期二,星期三,星期四,星期五,星期六);var MonthArray = new initArray(1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月);var LastModDate = new Date(document.lastModified)
9、;document.write(LastModDate.getYear()+00,年 );document.write(MonthArray(LastModDate.getMonth()+1), );document.write(LastModDate.getDate()+日 );document.write(WeekArray(LastModDate.getDay()+1);聊天室/表单 这里获取用户昵称请输入你的昵称： 2、聊天室框架聊天室框架：main.asp网络聊天室 3、发言界面发言界面：fy.asp 请输入发言： % if Trim(Request.Form(txtspeak) t
10、hen dim strspeak strspeak=session(username)&说：&server.HTMLEncode(Request.Form(txtspeak)& application.Lock application(strchat)=application(strchat)&strspeak application.UnLock end if %4、访问人数界面访问人数界面：rs.asp 访问总人数： 在线人数： 在线人员： 5、显示聊天界面显示聊天界面：xs.asp无标题文档6、globa
11、l.asa文件sub application_onstartapplication.Lock()application(online)=0application(intall)=0application.UnLock()end subsub session_onstartapplication.Lock()application(online)=application(online)+1application(intall)=application(intall)+1application.UnLock()end subsub session_onendapplication.lock()ap
12、plication(online)=application(online)-1application.UnLock()end sub五、操作方法1、登录界面操作方法1）输入昵称，如图5-1所示。图5-1 输入昵称图2）进入聊天室，如图5-2所示。5-2登录聊天室图2、聊天室界面操作方法1)发言，如图5-3所示。图5-3发言介绍图2）显示记录，如图5-4所示。图5-4显示记录图3）显示人数，如图5-5所示。图5-5显示人数图4）聊天室显示，如图5-6所示。图5-6聊天室界面六、试验结果1）测试登录界面 是测试的过程中昵称用“张三”来测试系统的功能的实现，在昵称的文本框里面输入了“张三”，然后点击
13、登录，进入到了聊天室主页面。然后我后退一下在昵称文本框清空，然后点击登录。弹出消息框，如图6-1所示。图6-1消息框2）测试聊天室界面 用“张三”昵称进入到聊天室里面首先显示在线人数为：1，访问总人数为：1，在线人员：“张三”，显示正确。我再退回去，用“李四”昵称再进入聊天室主页面，显示在线人数为：1访问总人数为：2 在线人员为：“李四”显示正常。七、设计体会在设计这个系统之初，我觉得这个系统比较好做。但是我真正做的时候才发现很多东西都遗忘了，才知道我以前学的知识还不巩固，很多东西已经忘记的差不多了。在这里先要感谢同学们的帮助和支持，要不是他们的帮助我也不可能完成本次的系统的开发。在这里遇到了我想不到的问题，比如怎么样让HTML标记原样输出，怎么样让系统每隔一段时间更新一次，怎么样获取在线人数等等。在本次开发网络聊天室系统中，让我对我所学的专业知识加深了很多，也让我对基于web的开发产生了兴趣，使我收益非浅。
刘鑫【基于WEB《网络聊天室》设计报告】
