8

GitHub - JustCoding-Hai/subtlechat: 微言聊天室是基于前后端分离，采用SpringBoot+V...

 3 years ago
source link: https://github.com/JustCoding-Hai/subtlechat
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

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

项目预览地址：http://www.javahai.top/index.html

演示视频：https://www.bilibili.com/video/BV1qa4y1s7sg/

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

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

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

项目技术栈

后端技术栈

  1. Spring Boot
  2. Spring Security
  3. MyBatis
  4. MySQL
  5. WebSocket
  6. RabbitMQ
  7. Redis

前端技术栈

  1. ElementUI
  2. axios
  3. vue-router
  4. WebSocket
  5. 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项目。

请点击这个查看wiki的文档. 项目文档

本人QQ：1912737955,期待与你交流！

如果该项目对你有帮助，跪求star！！！


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK