基于WebSocket的web聊天室

基于Web Socket的web聊天室

一：题目描述

WebSocket是HTML5新增加的一种通信协议，可以实现Tomcat服务器与各大浏览器之间的全双工通信；本作品的私聊与群聊功能的实现，都是基于WebSocket协议；

二：作品功能描述

在登录页面上，输入自己的用户名与密码，登录验证成功后即可进入聊天页面。如果用户还没有账号，便可点击新用户注册；注册完成后，便可进入登录界面；登录验证成功后，进入聊天界面后，可以发送群聊信息。如果想和某个在线用户私聊，直接点击在线用户列表下的用户名即可；点击用户名后，本界面就会弹出私聊窗口，与此同时，对应的私聊对象的界面也会弹出私聊界面，这时双方便可以发送私聊信息了；

三：作品截图与所用到的技术

1.登录界面与注册页面，使用到了Ajax技术、jsp技术和DOM技术，进行异步通讯 

                       

当用户输入的信息有误时，会有消息提示;

在登录界面与注册界面，只有在用户输入的信息完全正确时，才能够提交数据，完成登录与注册！

2.在登录处理界面与注册处理界面中，采用了servlet技术和javabean技术；登录处理界面，主要是将用户名保存到session对象中，以方便后面的调用；还要完成跳转到聊天界面；注册处理界面，主要是将用户信息保存到数据库中，以及实现跳转到登录界面，以完成登录；

 

3.在登录以及注册时，都必须去查询数据库；在操作数据库时，采用了DAO模式以及javabean技术。

4.在聊天界面，实现私聊与群聊功能，采用了jsp技术，websocket技术以及DOM技术；

 

 

 

群聊演示，用两个用户做群聊演示

 

私聊演示