一、项目功能:
??经过注册/登录后即可进入聊天室页面,若非新用户(首次注册)在登录后可以收到离线时的新消息,关闭网页即视为下线。聊天室左侧为聊天内容区,输入区,右侧可以显示在线与离线人数。通过该聊天室可实现多人即时通讯。
二、开发环境:
??开发工具:IDEA社区版2021.2.2,jdk1.8 ??数据库:MySQL Workbench 8.0 CE
三、所用技术:
??Servlet,JDBC,HTTP协议,WebSocket,Jackson,Maven+git进行项目管理,密码采用加盐法Hash保存。
四、WebSocket技术简介:
??由客户端向服务端主动发起,一旦建立连接,会产生一个双向通信,互不干扰的信道。服务端的WebSocket提供的连接点被称为Endpoint。 ??在Java中的使用:只需定义一个类,通过@ServerEndpoint注解修饰该类。在该类中,通过4个注解来体现4个不同的事件: @OnOpen :当客户端连接成功时发生 @OnClose :当对方关闭连接时发生 @OnMessage :当收到对方消息时发生 @OnError :当通信发生错误时发生
五、设计思路:
??1.一个人发送消息的数据流转流程:
1.前端获取用户要发布的消息。 2.通过websocket,将消息推送给服务器。 3.后端遍历所有当前在线用户,通过websocket挨个发送消息。
??2.用户管理:
用户上线:1.查询历史消息并发送(要判断用户是不是新用户),去数据库中查询消息,形成消息列表。 2.登记用户上线 用户下线:1.更新用户当前的登出时间(更新数据库) 2.登记用户下线。
??3.消息管理:
将消息保存到数据库中,同时从用户中心获取当前在线用户,将消息发送
??4.Endpoint:
处理:上线、下线、消息、错误
??5.登录,注册:
前端提交信息,后端从数据库验证
??6.聊天室成员状态:
群成员采用轮询方式,后端要从数据库读取所有用户,在线用户。将在线用户与离线用户区分。
??7.后端逻辑图:
六、数据库设计:
建表语句:
CREATE TABLE `chatroom_chongciban`.`users` (
`uid` INT NOT NULL AUTO_INCREMENT,
`username` VARCHAR(60) NOT NULL,
`nickname` VARCHAR(60) NOT NULL,
`password` CHAR(60) NOT NULL,
`logout_at` DATETIME NULL DEFAULT NULL,
PRIMARY KEY (`uid`),
UNIQUE INDEX `username_UNIQUE` (`username` ASC));
CREATE TABLE `chatroom_chongciban`.`messages` (
`mid` INT NOT NULL AUTO_INCREMENT,
`uid` INT NOT NULL,
`content` TEXT NOT NULL,
`published_at` DATETIME NOT NULL,
PRIMARY KEY (`mid`));
分为用户表和消息表。 用户表中有用户id,用户名,昵称,密码,登出时间。 消息表中有消息id,该消息对应的用户id,内容,发出时间。
七、项目展示:
??1.代码逻辑
??2.功能展示
聊天,且正确展示当前在线用户:
刚上线的用户收到了离线时候的消息: (1) 3号离线,1号上线发送消息: (2) 3号上线,收到历史消息:
八、项目总结:
??项目的基本功能:注册,登录,收发消息都已实现。但仍有很多可以改进的地方,比如:没法发送表情,用户不能自定义头像,虽然能收到离线时候的消息但不能查看历史消息等。
|