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

:2021年08月04日 Java面试那些事儿
分享到:

#项目介绍微言聊天室是基于前后端分离,采用SpringBoot+Vue框架开发的网页版聊天室。使用了Spring Security安全框架进行密码的加密存储和登录登出等逻辑的处理,以WebSocket+Socket.js+Stomp.js实现消息...

#项目介绍

微言聊天室是基于前后端分离,采用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 ...

#项目预览图

客户端界面-群聊主界面 

640.png

点击添加图片描述(最多60个字)编辑

客户端界面-私聊界面 

640-2.png

管理端界面-用户管理 

640-3.png

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

640-4.png

#部署流程

  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 文件中填入

  6. 640-5.png

  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

宋聪乔
关键词: 项目 介绍 微言 聊天室 基于

来源:本文内容搜集或转自各大网络平台,并已注明来源、出处,如果转载侵犯您的版权或非授权发布,请联系小编,我们会及时审核处理。
声明:江苏教育黄页对文中观点保持中立,对所包含内容的准确性、可靠性或者完整性不提供任何明示或暗示的保证,不对文章观点负责,仅作分享之用,文章版权及插图属于原作者。

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

Copyright©2013-2021 JSedu114 All Rights Reserved. 江苏教育信息综合发布查询平台保留所有权利

苏公网安备32010402000125苏ICP备14051488号-3南京思必达教育科技有限公司版权所有

技术支持:南京博盛蓝睿网络科技有限公司  百度统计

最热文章
最新文章
  • 卡尔蔡司镜片优惠店,镜片价格低
  • 苹果原装手机壳