网络聊天室系统设计与实现

科研训练网络聊天室系统设计与实现Designandimplementationofnetworkchatroomsystem学生姓名XXX专业软件工程学号1305XXXXX指导教师李XX祝XX学院计算机科学技术学院二〇一六年六月起止周17～19周数3实习地点计算机学院专业实验室南区研1213选题自选实习目的：培养学生未来进入职场的素质，以及企业级行业解决方案系统的分析、设计、实现等企业级综合应用能力。主要任务通过项目开发培养学生的职业素质，按照软件工程的思想，训练学生掌握面向对象分析/设计(UML建模)、编码规范、概要设计方法、详细设计方法、模块划分方法等技能；培养学生的编程思想和基本工作技能，培养学生的编程能力。实习要求：要求学生能掌握软件开发的基本能力，具有项目开发的实际经验，按照专业方向或本人就业方向选择一个项目进行实际开发，能熟练运用常用的程序设计语言和开发工具，完成整个开发过程。实习内容及进度安排：每个同学的课题的主要研究内容，完成的主要功能、按周完成的工作（总计3周，每周具体完成的内容要写清楚）指导教师评语：成绩：指导教师/带队教师（签字）2016年6月日目录一、引言随着网络的大幅度普及，以及网络技术快速发展，人们通过网络进行交流的方式发生着巨大的变化，人们不再拘泥于移动电话的通话模式，越来越多的人通过网络聊天工具进行交流，网络聊天室便是非常典型的聊天工具之一。聊天室系统的即时交流方式满足了网络中人们同时与多人进行聊天交流的需要，使得较多的人在同一个聊天页面进行交流变得方便，简单。本设计所完成的网络聊天室具有常用聊天室的所有功能，包括使用账号登录聊天室、注册账号、显示在线用户列表、显示系统消息、两人之间进行私密聊天、消息提醒、发送表情、修改发送文字颜色；同时，为了管理聊天室中的用户使用语言的文明，赋予管理员踢出使用不文明语言的用户功能，显示全部聊天信息。该系统采用B/S（浏览器/服务器）结构进行开发，参考网络中正在使用的大型聊天室的架构、分析聊天室可实现功能，结合本次设计的相关要求，进行开发设计并写出需求分析说明书。该系统具体开发环境：使用专业版作为服务器运行平台，服务器开发语言使用Java语言，前台使用Jsp技术、JavaScript、Jquery语言，系统框架使用Struts2+Hibernate+Spring框架，后台数据库使用MySql数据库。二、需求分析该系统采用B/S模式设计，开发目的主要是提供一个基于网络的安全文明的供多人聊天社交平台。系统运行环境需求该系统是在windows专业版操作系统下，搭建的运行平台，使用myEclipse作为开发工具，mySql作为数据库，Java语言作为系统后台开发语言。JSP技术作为前台开发语言，其中使用JavaScript以及Jquery作为脚本语言。工程框架使用Struts+Spring+Hibernate框架。（1）服务器配置：（2）客户端要求配置：谷歌浏览器、狐火浏览器以及IE浏览器以上版本。模块功能分析（一）用户注册登录模块新用户在使用该聊天室系统时，必须先进行注册新用户操作，后台将注册信息添加到数据库中，用于胡勇登录验证；在注册成功之后再进行登录；当用户名与密码匹配成功，即可进入聊天室系统。（二）在线用户显示模块当用户登录进入系统后，该页面实现在线用户的统计，并将在线用户依次显示出来。如果当前用户属于管理员角色，则在普通用户角色的右边显示“踢下线”链接，如果当前用户属于普通用户角色，则正常显示在线用户名。（三）用户交流聊天模块该模块主要负责发送信息内容，选择聊天对象；除此之外，可以修改聊天内容的字体颜色以及发送的表情。发言的颜色和发言的表情通过下拉式组合框实现。发言内容书写完毕后。通过点击“发送”按钮，发送聊天内容。（四）聊天信息显示模块当用户选择聊天对象并发送聊天内容后，显示出当前发送的内容以及之前的历史聊天内容，聊天的内容只有对话的两人可见，其他人不可见。当用户退出系统后，再次登录进入聊天室时，两人的对话记录依然存在。（五）系统消息显示模块系统消息提示所有用户，聊天室的文明守则，以及当其他用户进入、离开或被管理员踢出聊天室的情况。（六）管理员管理用户模块管理员用户可以与其他用户聊天，并且随时监督其他用户的言行，一旦出现不文明用语，即将改用户踢出聊天室。（七）辅助功能辅助功能包括：显示全部聊天信息、退出聊天室、检测用户是否有新消息。显示全部信息是指当用户之间的聊天信息占满全屏的时候，点击显示全部信息，即可看到全部的聊天内容。退出聊天室是指用户离开聊天室。检测用户是否有新信息，当用户收到其他用户发来的消息时，提示用户。系统功能结构网络聊天室用户注册登录模块在线用户显示模块用户交流聊天模块聊天信息显示模块系统消息显示模块管理用户模块辅助功能显示全部聊天信息退出聊天室注册登录检测用户是否有新消息图2-1功能结构图系统数据流图图2-2顶层数据流图图2-3一层数据流图图2-4二层数据流图数据字典数据项名称：用户名数据项别名：username说明：用户唯一标识类型：varchar表2-1用户名数据字典表2-2密码数据字典表2-3级别数据字典三、概要设计系统总体结构设计结构设计系统在线用户显示模块用户交流聊天模块聊天信息显示模块系统消息显示模块管理用户模块显示全部聊天信息退出聊天室管理用户模块注册用户注册用户登录管理员用户登录普通用户登录提示用户有新信息图3-1总体结构图系统功能模块结构（1）用户注册登录模块长度：20取值范围及含义：用户登录聊天室的用户名长度在1~20之内不论数字、字符还是符号。数据项名称：密码数据项别名：password说明：用户登陆密码类型：varchar长度：20取值范围及含义：用户登录聊天室的密码长度在1~20之内不论数字、字母还是符号。数据项名称：级别数据项别名：type说明：用户身份级别类型：varchar长度：20取值范围及含义：用户登录聊天室的角色，管理员（admin）或者普通用户（user）。用户注册是添加用户到数据中，只能注册普通用户，当注册验证信息合格，即可登录进入聊天室。图3-2用户注册登录H图（2）在线用户显示模块当用户登录进入系统后，该页面实现在线用户的统计，并将在线用户依次显示出来。如果当前用户属于管理员角色，则在普通用户角色的右边显示“踢下线”链接，如果当前用户属于普通用户角色，则正常显示在线用户名。（3）用户交流聊天模块交流包括选择聊天对象，选择发送表情，字体颜色。图3-3用户聊天H图（4）聊天信息显示模块聊天信息的显示，首先系统必须获得与当前用户正在进行聊天的对象，根据聊天对象的用户名，获得存储在系统中的聊天记录，传送到浏览器客户端，浏览器客户端进行1s刷新界面，从而获取两人之间的私密聊天记录并显示在界面上。图3-4聊天信息显示H图（5）系统消息显示模块系统信息包括：聊天室守则、系统公告。图3-5系统信息显示H图（6）管理员管理用户模块管理员用户可以与其他用户聊天，并且随时监督其他用户的言行，一旦出现不文明用语，即将改用户踢出聊天室。（7）辅助功能辅助功能包括：显示全部聊天信息、退出聊天室。显示全部信息是指当用户之间的聊天信息占满全屏的时候，点击显示全部信息，即可看到全部的聊天内容。退出聊天室是指用户离开聊天室。数据库设计概念设计E-R图：该系统只存在用户一个实体，用户的属性包括：id、用户名、密码、级别。图3-6E-R图逻辑设计表3-1用户表物理设计数据库类型使用mySql数据库，用户表的主键为id。用户表字段名数据类型长度说明描述idint4不空用户iduserNamevarchar20不空用户名passwordvarchar20不空登录密码typevarchar20不空用户级别四、详细设计流程图用户注册的时候，操作人员输入想取的用户民，输入自创密码与确认密码，点击注册；此时，系统会首先检测两次密码是有一致，若不一致，提示用户密码不一致，请重新输入。若一致，检测用户名是否已经被注册过，若已经被注册，提示是用户，已被注册。若为被注册，系统添加用户注册信息到数据库user表中。界面提示用户注册成功，并跳转到登录界面。注册的用户默认type是普通用户，即user。图4-1注册流程图用户登录的时候，用户输入用户名，密码，点击进入按钮，系统获取用户所填写的用户名与密码，首先判断该用户名是否存在于数据库，若不存在，提示用户不存在该用户，请重新填写或注册，若该用户名存在，则判断密码与用户名是否匹配，若不匹配，提示用户密码错误，请重新填写，若匹配，进入聊天室界面。图4-2登录流程图当用户登录进入聊天室时，系统会将用户的信息存入application属性的userMap中，进入系统后，在jsp中获取userMap，将所有的用户信息中的用户名显示出来。图4-3显示在线人数流程图用户实现找人聊天，点击聊天对象的用户名，获取聊天对象，填写发送内容，选择表情、与发送字体的颜色，点击发送即可进行聊天。在未选择聊天对象时，点击发送，提示用户选择聊天对象；在未填写发送的内容点击发送时，提示用户未填写发送内容。发送的表情默认为[微笑着]，字体颜色默认为黑色。图4-4发送信息流程图聊天信息显示，首先必须保证聊天对象的用户名不为空，当不为空时，系统将获取用户名，在application作用域中获得，相应的聊天记录属性，返回到jsp中，并显示在界面中。图4-5显示聊天记录流程图在用户登录聊天室时，系统存储聊天室的聊天守则，并获取登录的用户名，存储系统公告（XXX进入聊天室！）；当用户离开聊天室时，修改系统公告（XXX离开聊天室！）；当用户被管理员踢出聊天室时，修改系统公告（XXX，被管理员踢出聊天室！）。图4-6显示系统信息流程图当用户使用了不文明的语言，管理员有权利该用户踢出聊天室。获取用户名，在application中的userMap中获得相应的用户session，清除该session即可将用户踢下线。图4-7管理员管理用户流程图显示与某人的全部聊天信息，当聊天的内容占满全屏，点击显示全部消息，即可显示全部信息。当用户离开聊天室时，系统获取当前用户名，并释放user的session。检测用户是否有新消息：图4-8检测信息流程图算法首先获取进行对话双方的用户名以及id，再比较两者的id若id1id2，则messageName=userName1+userName2；否则messageName=userName2+userName1。图4-9用户对话存储算法当用户登录进入聊天室时，向application中存储一个isKickedMap属性，将用户名添加到isKickedMap中并赋值为1（1表示在线，-1表示被踢）。当管理员将某个用户踢下线时，将isKickedMap属性中的改用户名修改成“*”符号，并赋值为-1。Jsp页面每秒刷新一次，当检测到isKickedMap属性中getAttribute（“*”）==-1时，则该用户被踢下线，此时要在jsp页面中提示用户已被踢下线，并返回登陆界面。图4-10检测用户是否被踢算法检测当前用户是否有新消息算法Jsp每隔1s就检测一次当前session中的call属性中是否有值，如果有值，返回到jsp中，在jsp中遍历出有个值，并且让id为该值的tr标签的背景色为红色。图4-11检测当前用户是否有新消息算法界面设计登陆首页是写在中的，前台主要运用jsp动态网页技术。并使用JavaScript语言判断用户是否正确输入用户名以及密码。在登录界面可以点击注册用户进入用户注册界面。图4-12登录界面图4-13注册界面聊天室界面：左侧是在线人员列表显示，和在线人数的统计；右侧是专门显示系统公告的地方；中间属于聊天内容的显示；下方是用户发送消息的模块，在该模块中，当用户点击聊天对象的用户名，下方的第一个input框将获取到聊天对象的用户名，还可以选择聊天的表情与字体的颜色，在最下角的input框可以编辑所要说的话，点击发送，即可发送聊天内容。图4-14聊天室主界面工程结构设计该系统采用SSH（strut