查看原文
其他

用SpringBoot搞了一个聊天室项目(附源码),支持单聊、群聊及邮件发送等

点击关注 👉 Java面试那些事儿 2021-12-16

大家好,我是D哥

点击关注下方公众号,Java面试资料 都在这里

#项目介绍


微言聊天室是基于前后端分离,采用SpringBoot+Vue框架开发的网页版聊天室。使用了Spring Security安全框架进行密码的加密存储和登录登出等逻辑的处理,以WebSocket+Socket.js+Stomp.js实现消息的发送与接收,监听。搭建FastDFS文件服务器用于保存图片,使用EasyExcel导出数据,使用Vue.js结合Element UI进行显示弹窗和数据表格分页等功能,以及整个系统的界面进行UI设计,并且使用MyBatis结合数据库MySQL进行开发。最后使用了Nginx进行部署前后端分离项目。


功能实现:群聊,单聊,邮件发送,emoji表情发送,图片发送,用户管理,群聊记录管理,Excel的导出。


#项目技术栈


后端技术栈


  1. Spring Boot

  2. Spring Security

  3. MyBatis

  4. MySQL

  5. WebSocket

  6. RabbitMQ

  7. Redis


前端技术栈


  1. Vue

  2. ElementUI

  3. axios

  4. vue-router

  5. Vuex

  6. WebSocket

  7. vue-cli4 ...


#项目预览图


客户端界面-群聊主界面 


客户端界面-私聊界面 



管理端界面-用户管理 



管理端界面-群聊消息管理 



#部署流程


  1. clone 项目到本地

  2. 在本地 MySQL 中创建一个空的数据库 subtlechat,在该数据库中运行提供的数据库脚本subtlechat.sql,完成表的创建和数据的导入。

  3. 提前准备好Redis,在项目中的mail模块的 application.yml 文件中,将 Redis 配置改为自己的。

  4. 提前准备好RabbitMQ,在项目中的mail模块的 application.yml 文件中和web模块中的 application-dev.properties,将 RabbitMQ 的配置改为自己的。

  5. 注册邮箱的授权码,在项目中的mail模块的 application.yml 文件中填入

  1. 搭建fastdfs服务器,fastdfs-client.properties文件改成自己的。

  2. 在 IntelliJ IDEA 中打开subtlechat项目,先启动 mail模块,再启动web模块。

  3. 启动vue项目。


前端工程源码地址:https://github.com/JustCoding-Hai/subtlechat-vue

后端工程源码地址:https://github.com/JustCoding-Hai/subtlechat

简化版的后端项目地址(不使用RabbitMQ和Redis): https://github.com/JustCoding-Hai/subtlechat-mini



技术交流群


最后,D哥也建了一个技术群,主要探讨一些新的技术和开源项目值不值得去研究及IDEA使用的“骚操作”,有兴趣入群的同学,可长按扫描下方二维码,一定要备注:城市+昵称+技术方向,根据格式备注,可更快被通过且邀请进群。


▲长按扫描


热门推荐:

: . Video Mini Program Like ,轻点两下取消赞 Wow ,轻点两下取消在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存