基于WEB的多人聊天室

1、 淮海工学院 计算机工程学院课程设计报告设计名称： 基于web的多人聊天室开发 姓 名： 孙兴锴 学 号： 专业班级： 计算机工程学院 G计131 系 （院）： 计算机工程学院 设计时间： 2015.6.12015.6.17 设计地点： 图书馆、计算机楼计算中心 指导教师评语：成绩： 签名： 年 月 日1课程设计目的Web开发课程设计是计算机软件工程专业的一个综合性实践教学环节，其目的在于促进学生复习和巩固计算机软件设计知识，加深对软件设计方法、软件设计技术和设计思想的理解，并能运用所学软件设计知识和Web工程技术进行综合软件设计，通过本课程设计让学生进行简单Web应用软件系统的开发，掌握软件

2、设计的方法和面向对象程序设计的基本技术，提高学生在软件开发方面的综合应用能力。2课程设计任务与要求：任务：基于Web的多人聊天室程序的开发具体要求如下：本程序实现一个基于Web的多人聊天室程序，访客可以自由加入聊天室，并设定自己的昵称，支持聊天室成员之间进行私聊，聊天室管理员可以设置聊天室的主题，并可以将恶意用户踢出聊天室，设置最多用户人数限制，最短发言时间间隔等。要求：要求同时使用客户端和服务器端的开发技术。客户端要求遵循结构和显示分离的原则进行设计与实现；服务器端可以采用JSP或PHP开发技术，并遵循面向对象的开发方法进行问题领域的设计与实现，实现时可以不使用关系型数据库和JDBC技术。每

3、个Web应用程序应该采用合理的文件夹结构进行组织，信息架构应该合理，推荐使用流行的CSS框架（如960GS，Blueprint，Bootstrap等）简化开发。3课程设计说明书（一）需求分析 本程序实现一个基于Web的多人聊天室程序，访客可以自由加入聊天室，并设定自己的昵称，支持聊天室成员之间进行私聊，聊天室管理员可以设置聊天室的主题，并可以将恶意用户踢出聊天室，设置最多用户人数限制，最短发言时间间隔等。（二）系统分析与设计 聊天室角色设计：以游客的形式生成的多个不同角色；添加聊天主题；设置聊天角色；角色区分：使用不同颜色显示用户名、昵称；屏蔽某人发言；可以进行一对一的私聊；可以进行一对多的公

4、聊；可以进行单独的对某一角色的不同类型的聊天；主界面：用户名的创建发送文字接收文字用户列表关闭窗口主界面（3） 详细设计具体操作步骤：先进行游客登录访问，创建用户名，登录客户端，可以正常发送文字和接收文字，如不想继续聊天室进行聊天，可正常关系。因此聊天系统没有数据库的原因，所以正常关闭后游客的所以信息及记录会全部清除。 具体流程如下图所示： 读取用户名发送文字是否有用户显示客户端界面显示在主界面内容窗口上NoYes开始结束（4） 编码实现和测试登录界面代码：聊天室function check()if(form1.username.value=)alert(请输入用户名！);form1.user

5、name.focus();return false;         用户名：管理员登录： p 用户名创建设定：%if(session.getAttribute(username).equals(null)out.println(alert(您还没有登录不能进入本聊天室);parent.location.href=login.jsp;);if(session.getAttribute(username).equals(request.getParameter(+request.getParameter(tempuser)+)out.p

6、rintln(alert(请重新选择聊天对象););String message=request.getParameter(message);String select=request.getParameter(select);String tempuser=request.getParameter(tempuser);String color=request.getParameter(color);if(message!=null&tempuser!=null)if(message.startsWith()out.print(+请不要输入带有标记的特殊符号+);return;else if(

7、message.endsWith()out.print(+请不要输入带有标记的特殊符号+);return;if(application.getAttribute(message)=null)/第一个人说话时application.setAttribute(message,+session.getAttribute(username)+select+对+tempuser+说：+message);elseapplication.setAttribute(message,+session.getAttribute(username)+select+对+tempuser+说：+message+appl

8、ication.getAttribute(message);out.println(+application.getAttribute(message)+);elseif(application.getAttribute(message)=null)out.println(+application.getAttribute(ul)+走进了网络聊天室+);out.println(+请各位聊友注意聊天室的规则,不要在本聊天室内发表反动言论及对他人进行人身攻击，不要随意刷屏。+);elseout.println(application.getAttribute(message)+);%显示登录是否成

9、功并连接登录界面与聊天客户端：%request.setCharacterEncoding(gb2312);String username=request.getParameter(username);boolean flag=true;Vector temp=(Vector)application.getAttribute(myuser);if(application.getAttribute(myuser)=null)temp=new Vector();for(int i=0;itemp.size();i+)UserForm tempuser=(UserForm)temp.elementAt

10、(i);if(tempuser.username.equals(username)out.println(alert(该用户已经登录);window.location.href=index.jsp;); flag=false;UserForm mylist=new UserForm();mylist.username=username;/保存当前登录的用户名session.setAttribute(username,username);application.setAttribute(ul,username);Vector myuser=(Vector)application.getAttri

11、bute(myuser);if(myuser=null)myuser=new Vector();if(flag)myuser.addElement(mylist);application.setAttribute(myuser,myuser);%alert(您好！登录成功！); window.location.href=main.jsp; 表情与字体：表情 无表情的 微笑着 笑呵呵地 热情的 温柔的 红着脸 幸福的 嘟着嘴 热泪盈眶的 依依不舍的 得意的 神秘兮兮的 恶狠狠的 大声的 生气的 幸灾乐祸的 同情的 遗憾的 正义凛然的 严肃的 慢条斯理的 无精打采的说：   字

12、体颜色： 默认颜色红色热情蓝色开朗桃色浪漫绿色青春青色清爽紫色拘谨暗夜兴奋深蓝忧郁卡其制服镏金岁月湖波荡漾发亮蓝紫爱的暗示墨绿深沉烟雨蒙蒙4课程设计成果（布署与发布）使用说明：主界面：登录成功界面：成员名不可重复：聊天客户端界面：成员列表：公聊的界面：私聊的界面：说话风格的设置：说话风格的设置：字体颜色的设置：退出客户端：5.课程设计心得一开始接触这次课和设计的时候，自己的内心也是比较忐忑和抵触的，但在做完聊天室的界面后感觉WEB并不是那么枯燥无味的，反而我对这次课程设计有了更高的热情。这个聊天室的功能主要是实现单人或多人之间的聊天，虽然在基本功能已经能够实现，但在设计之初我也遇到了不少的困难。在用户与用户之间发送信息的时候，网页要做到无需刷新而将聊天界面界面出来。这时候就要用到Ajax技术来创建动态的网页，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页如果不使用Ajax技术的话，就不能够实现这种效果。这次课设我对JSP技术有了初步的了解，但是这仍然是冰山一角，在以后的学习生涯中我会对网页开发技术进行深入的研究，成为优秀的网页开发工程师。参考文献1杨学瑜，王志军.JSP入门与