当前位置:   article > 正文

Springboot+Vue实现在线聊天室项目-目录_java+vue实现客服在线聊天功能

java+vue实现客服在线聊天功能

Springboot+Vue实现在线聊天室项目目录

该聊天室为大二上学期计算机网络大作业,并且是本人第一次使用vue实现前后端分离的项目,前端架构尚未熟悉可能会出现一些不妥之处,还请大佬们指出。(本文章写于项目整体完成上线之后,所以一些细节并未写出)

github地址:https://github.com/griii/Myqq-Server

后端(springBoot集成spring+mybatis+springMVC+springSecurity+spring-web-Socket)

1.springBoot整体架构
2.集成springSecurity配置实现登录的权限控制
3.登录、注册接口的实现
4.修改头像、添加好友接口的实现
5.集成spring-WebSocket配置实现聊天室的消息推送
6.webSocket实现的消息转发
7.推送好友请求消息接口
8.聊天室获取房间信息、分页获取消息的接口
9.后端整体架构及总结反思

前端(Vue集成router+axios+html2canvas+cropper+socketJs+stomp)

1.Vue整体架构
2.vue-router路由的使用(嵌套路由实现home页、导航守卫实现登录权限检测)
3.App.vue主页跳转路由到第一个页面login登录页面(login页可路由跳转到register注册页面)
4.登录完成后路由跳转到home主页面
5.主页面房间信息的加载及更改头像、添加好友、接收好友信息子组件的实现(组件之间传值)
6.主页面子路由聊天框页面的跳转及加载
7.主页面及聊天框页面webSocket的消息推送
8.聊天框页面的截图功能实现

其他

1.nginx后端代理服务器部署

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号