云聊天
1. 项目介绍
本项目是仿照微信实现网页版聊天程序,用户注册登录后可与在线好友实时聊天,下线好友上线后可以查看到好友发送的消息;用户可以在搜索框搜索用户添加好友;用户还可以查看好友申请列表,选择是否同意好友申请;用户可以删除与好友的聊天记录或者删除好友。
1.2 功能需求
-
注册功能
实现⼀个注册页面。注册页面上包含了⼀个输入框,输入用户名和密码,注册成功后可以选择是否跳转到登录页面。 -
登录功能
实现⼀个登录页面。登录页面上包含⼀个输入框,输⼊用户名和密码,登录成功后可以跳转到主页面。 -
主界面
实现一个主界面。主页面包含以下几个部分:- 用户信息:显示用户名以及头像。
- 搜索框:用于用户搜索添加好友,输入用户名后右侧显示用户名搜索结果。
- 会话列表:显示当前用户所有会话,点击某个会话即可在右侧显示聊天记录。
- 好友列表:显示当前用户的所有好友,点击好友列表中的表项,就会跳转到会话列表,同时给会话列表新增⼀个表项。
- 好友申请列表:显示当前用户收到的好友申请,点击某个申请后,可以在右侧显示中点击拒绝或者同意好友申请。
- 消息区域:主界面右侧显示消息区域。最上方显示会话名称(好友名或者群聊),中间显示消息内容,下方显示个输入框和发送按钮,用户点击发送按钮则会把输入框中的消息通过网络发送出去。
-
消息传输功能
在输入框中输入消息,点击发送按钮可发送消息。
如果对方在线,就会即刻显示实时消息。如果对方不在线,上线后就会看到历史消息。 -
添加好友功能
在左上角的输入框中输入要查找的用户,则会根据用户名进行模糊匹配,匹配结果放到右侧列表区中。可以输入一个验证消息,点击按钮发送好友申请。对方会在好友申请列表中收到一个提示信息,点击接收按钮则通过好友申请,点击拒绝按钮则忽略好友申请。
如果对方不在线,会在上线后看到历史的好友申请。
2. 开发环境
1.前端开发:
技术:HTML、CSS、JavaScript
工具:IntelliJ IDEA 2021.3.1
2.后端开发:
数据库:MySQL5.7
开发语言:Java
技术框架:SpringBoot、SpringMVC、Mybatis、WebSocket
管理工具:Maven
开发工具:Intellij IDEA 2020.1.4
操作系统:Windows10
3. 项目演示
登录页面
注册页面:
主界面
会话列表
消息区域
好友列表
好友申请列表
用户搜索结果