> # ♻️ 资源
> **大小:** 2.09MB
> **文档链接:**[**https://www.yuque.com/sxbn/ks/100010273**](https://www.yuque.com/sxbn/ks/100010273)
> **➡️ 资源下载:**[**https://download.csdn.net/download/s1t16/87354544**](https://download.csdn.net/download/s1t16/87354544)
> **注:更多内容可关注微信公众号【神仙别闹】,如当前文章或代码侵犯了您的权益,请私信作者删除!**
> ![qrcode_for_gh_d52056803b9a_344.jpg](https://cdn.nlark.com/yuque/0/2023/jpeg/2469055/1692147256036-49ec7e0c-5434-4963-b805-47e7295c9cbc.jpeg#averageHue=%23a3a3a3&clientId=u8fb96484-770e-4&from=paste&height=140&id=u237e511a&originHeight=344&originWidth=344&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=8270&status=done&style=none&taskId=ud96bf5f7-fe85-4848-b9c2-82251181297&title=&width=140.1999969482422)
# 在线聊天系统
## 一、需求分析
### 1.核心用户分析
在线聊天系统主要针对一些年轻用户群体以及因为工作需求而对于实时交流以及非实时交流有较大需求的群里。就青年群体而言,这一用户群体特征比较鲜明,其主要需求为基础聊天需求以及一些能够凸显个性的功能需求。在线聊天对于青年人来说也逐渐成为一种主流的设计方式。年轻人们通过在线交流和好友印象的可以了解到对方的性格,而且可以通过相互添加好友保持关系。而对于有工作需求的人来说能够实时交流以及处理未读消息就显得十分重要。
### 2. 系统的主要功能的概述
首先未注册的用户可以注册账号,已经注册的用户可以使用账号密码进行登录。
用户可以搜索好友,搜索之后可以进行添加好友
主界面分为两个部分,一个部分为消息盒子,一个部分为好友盒子
消息盒子主要存放未读消息,如果有一个好友向你发送消息你没有点到聊天框里查看的话就会在消息盒子界面显示
好友盒子显示如下几个部分,好友列表,添加好友的入口,个人信息的入口,朋友验证的入口
所有的好友会在好友列表中展示,一开始所有的好友的在默认分组。点击好友之后可以进入好友的资料卡页面
可以在好友资料卡中可以查看好友的基本消息,以及会显示好友的印象,当点击某个印象标签的时候会提示你可以进行删除。还可以在好友资料卡页面点击发送消息进入聊天窗口。除此之外右上角点击之后可以有删除好友,移动好友,添加标签的选项
删除好友:点击之后好友将被删除,你可以通过再次发送验证消息进行添加
移动好友:可以将好友移动到指定的分组,如果分组不存在则创建分组,若移动后分组内没有成员则删除分组。
添加标签:可以为好友添加一个标签。
当进入聊天框之后发送消息对方就可以发收到,点击下载聊天记录的按钮就可以下载所有的聊天记录,点击删除聊天记录可以删除和当前用户所有的云端记录。
个人信息,在这里可以修改个人信息包括修改头像,以及删除别人给自己的标签,并且可以在此处退出登录
### 3. 项目操作流程图
![427f496fd66583c49549f3602a4015a9.png](https://cdn.nlark.com/yuque/0/2024/png/2469055/1708481571435-ada8d58b-46e4-433f-b419-440fe835c9e9.png#averageHue=%23fefefd&clientId=u667f1dda-78fa-4&from=paste&height=266&id=u88ef31aa&originHeight=332&originWidth=830&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=1104434&status=done&style=none&taskId=u7291ad0c-0fcd-48a1-b062-cbcac37fb54&title=&width=664)
### 4. 功能详解
1. 登录
使用账号密码进行登录,登录成功之后跳转到主页面中的消息盒子的页面
2. 注册
账号采用邮箱格式,密码要求大于八位
3. 消息盒子
消息盒子显示你的所有的未读消息,一旦消息已读就会从消息盒子中去除
4. 好友盒子
好友盒子有如下这些部分组成:新的朋友,我的账号,朋友验证,好友列表
5. 好友列表
按照分组展示所有的好友,点击好友可以进入好友资料卡页面
6. 朋友验证
当你发送的请求别人已经处理完了或者别人向你发送了请求的话此处会有一个红点表示消息数量。点击进入之后进入验证消息模块
7. 我的账号
点击之后进入个人资料卡,在这里可以修改姓名,头像,性别,头像要求小于 30kb,年龄要求不能为负数,性别要求只能是男或者女,还可以在此处删除自己的标签,也可以退出登录。
8. 新的朋友
可以进行全局搜索,即不进行任何输入直接回车可以显示所有的好友,并且可以进行模糊搜索,只输入名字的部分也可搜索到。并且可以添加年龄和性别的限制条件。点击搜索结果可以进入好友资料卡。在这里可以填写验证消息,并且发送好友验证,自己不能添加自己,不能添加以及添加的好友,如果已经发送过依次请求对方为响应也不能发送。当这里发送之后对方的朋友验证会出现红点。
9. 验证消息
当我们点击朋友验证之后,进入验证消息页面,如果我们发送的消息被处理了,则会有一个红点标记,别人发送的请求我们可以选择拒绝和接受。如果我们进入了此页面的话,如果存在我们发送的消息被处理了且我们自己之前未读的,则会被设置为已读。对于别人发给自己的请求,则必须在处理完之后才会被设置为已读。
10. 好友资料卡
显示好友的基本信息,好友的标签,点击标签可以进行删除,并且可以在此页面点击发送消息进入聊天框进行聊天,此页面中点击右上角还可以进行删除好友,移动好友,添加标签。
11. 删除好友:将好友从列表中删除,删除后可以再次发送验证消息
12. 移动好友
输入要移动的分组如果不存在则创建分组,若某个分组内没有了用户则删除分组,所有用户默认在默认分组中
13. 添加标签
可以对一个用户添加一个标签,添加重复标签没有用
14. 聊天界面
聊天界面可以双方可以实时发送消息,显示的时候自己的消息在右侧,对方的消息在左侧,且按时间排序,点击下载按钮可以进行聊天记录下载,点击删除按钮可以删除云端数据
### 5. 系统的顶级用例图
![5c90c3f65c4096e3321894c5b70feb17.png](https://cdn.nlark.com/yuque/0/2024/png/2469055/1708481712676-a8353c01-8f7c-4965-b8f7-3c086245568b.png#averageHue=%23fcfbfb&clientId=u667f1dda-78fa-4&from=paste&height=812&id=udadf0a87&originHeight=1015&originWidth=831&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=3380413&status=done&style=none&taskId=u12ca5c40-0473-40c7-86fc-2b00d651406&title=&width=664.8)
### 6. 系统的原型图设计
原型图主要是用图片的形式站输出之前的功能模块,并且也是后面前端 UI 的主要依据
登陆界面,注册界面类似消息盒子界面
![a22c42f224f26b05d208aad76aa56a74.png](https://cdn.nlark.com/yuque/0/2024/png/2469055/1708481735712-ab5e5f8e-4dbc-488d-bd8a-65017f79d4c4.png#averageHue=%23fcfcfc&clientId=u667f1dda-78fa-4&from=paste&height=470&id=u056db6cf&originHeight=587&originWidth=370&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=25387&status=done&style=none&taskId=u120c327d-0d8d-4fd6-8f45-d6ecb92cadd&title=&width=296)
![161c1fa15aaf625b6ce91f69498f18a9.png](https://cdn.nlark.com/yuque/0/2024/png/2469055/1708481735711-0fcecf67-f5ba-4088-a227-15a48c343aaf.png#averageHue=%23f7f7f7&clientId=u667f1dda-78fa-4&from=paste&height=471&id=GKhBi&originHeight=589&originWidth=337&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=42236&status=done&style=none&taskId=u6a621f41-2fb3-4bae-80b8-d7c0402f8ff&title=&width=269.6)
搜索界面
![64a57fed445126d2b899d6c70103eb4
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
详情介绍:https://www.yuque.com/sxbn/ks/100010273 主要功能:登录、注册、消息盒子、好友盒子、好友列表、朋友验证、我的账号、新的朋友、验证消息、好友资料卡、删除好友、移动好友、添加标签、聊天界面。
资源推荐
资源详情
资源评论
收起资源包目录
基于Java+VUE+MySQL 实现聊天系统【100010273】 (138个子文件)
.babelrc 73B
mvnw.cmd 6KB
iconfont.css 8KB
demo.css 6KB
main.css 271B
index.css 94B
项目总文档.docx 1.78MB
iconfont.eot 8KB
chat2.html 2KB
chat.html 2KB
index.html 559B
favicon.icon 7KB
maven-wrapper.jar 50KB
UserServiceImpl.java 106KB
Message.java 6KB
User.java 5KB
MavenWrapperDownloader.java 5KB
ValidationServiceImpl.java 5KB
Auth.java 3KB
Socket.java 3KB
ValidationController.java 3KB
RelationshipServiceImpl.java 3KB
ImpressionServiceImpl.java 3KB
InformationController.java 2KB
AuthFilter.java 2KB
ShiroConfig.java 2KB
UserMessageImpl.java 2KB
UserInformationServiceImpl.java 2KB
ValidationMessage.java 2KB
UserInformation.java 2KB
Validation.java 2KB
TokenManager.java 2KB
RecordExtendRepositoryImpl.java 2KB
RelationController.java 2KB
InfoMessage.java 2KB
Record.java 2KB
GeneralResponse.java 1KB
ErrorHandler.java 1KB
Impression.java 1KB
TokenRealm.java 1KB
UserOnlineImpl.java 1KB
WhisperApplication.java 1KB
Friendship.java 1KB
ImpressionController.java 1KB
STOMPConnectEventListener.java 1KB
UserRepositoryImpl.java 1KB
ChatMessage.java 1KB
CORSConfig.java 1KB
HistoryMessage.java 1KB
ValidationMessageRepositoryImpl.java 1KB
AuthMessage.java 1KB
RedisConfig.java 1KB
RecordDto.java 833B
InformationMessage.java 811B
HttpException.java 808B
WebSocketConfig.java 792B
StatusMessage.java 701B
ValidationService.java 630B
UserService.java 578B
LinkMessage.java 547B
RelationshipService.java 538B
MyToken.java 531B
TokenCredentialsMatcher.java 524B
UserMessage.java 517B
ImpressionMessage.java 468B
ValidationMessageRepository.java 453B
ImpressionRepository.java 420B
RelationshipMessage.java 419B
UserInformationService.java 393B
UserRepository.java 340B
FriendshipRepository.java 333B
RecordExtendRepository.java 315B
ImpressionService.java 304B
RecordRepository.java 243B
UserSearch.java 227B
WhisperApplicationTests.java 222B
UserOnline.java 181B
CountValidationMessage.java 172B
ValidationException.java 91B
photo.jfif 95KB
index.js 2KB
app1.js 2KB
app.js 2KB
index.js 2KB
webpack.base.conf.js 2KB
webpack.prod.conf.js 534B
webpack.dev.conf.js 286B
package-lock.json 339KB
package.json 1KB
LICENSE 1KB
README.md 47KB
messageApi.md 4KB
validation.md 4KB
README.md 4KB
authApi.md 2KB
userInformationApi.md 2KB
relationship.md 2KB
impressionApi.md 1KB
SocketApi.md 847B
mvnw 10KB
共 138 条
- 1
- 2
资源评论
神仙别闹
- 粉丝: 2680
- 资源: 7667
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于图像的三维模型重建C++源代码+文档说明(高分课程设计)
- 基于聚焦法的工件立体测量方案,根据数据进行三维重建 使用HALCON处理图像,MATLAB拟合数据+源代码+数据集+效果图
- 锄战三国村 修改:货币使用不减 v1.10(2) 原创 (中文).apk
- 基于python实现的单目双目视觉三维重建+源代码+图像图片(高分课程设计)
- 基于C+++OPENCV的全景图像拼接源码(课程设计)
- 基于Python+OpenCV对多张图片进行全景图像拼接,消除鬼影,消除裂缝+源代码+文档说明+界面截图(高分课程设计)
- 基于C++实现的全景图像拼接源码(课程设计)
- 基于SIFT特征点提取和RASIC算法实现全景图像拼接python源码+文档说明+界面截图+详细注释(95分以上课程大作业)
- 基于matlab实现眼部判别的疲劳检测系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的异常姿势识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功