查看原文
其他

看看人家那网页版聊天室系统,那叫一个优雅

关注Java就该这么学带你全面认识Java
Java就该这么学后台回复 1024 有特别礼包

责编:Java就该这么学 | 来源:GitHub猿 整理

上一篇精彩:SpringBoot 生产中 16 条最佳实践
大家好,我是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 ...

项目预览图


客户端界面-群聊主界面 


客户端界面-私聊界面 


管理端界面-用户管理 

另外,搜索公众号Linux中文社区回复“私房菜”,送你一份惊喜礼包。

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

部署流程


  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项目。

项目源码,怎么领取?

源码获取

扫码下方二维码,后台回复【聊天】即可获取所有系统

欢迎有需要的同学试试,如果本文对您有帮助,也请帮忙点个 赞 + 在看 啦!❤️

在 GitHub猿 还有更多优质项目系统学习资源,欢迎分享给其他同学吧!



公众号后台回复 Java 或者 面试 有惊喜礼包!Java就该这么学交流群

 「Java就该这么学」建立了读者Java交流群,大家可以添加小编微信进行加群。欢迎有想法、乐于分享的朋友们一起交流学习。

扫描添加好友邀你进Java群,加我时注明姓名+公司+职位】


版权申明:内容来源网络,版权归原作者所有。如有侵权烦请告知,我们会立即删除并表示歉意。谢谢。

往日文章:

想了解Java后端学习路线?看完这篇就够了!
Java这个高级特性,很多人还没用过!
Maven 最全教程,看了必懂,99% 的人都收藏了!
Fluent Mybatis 牛逼!
一款神仙儿企业级 ERP系统!
Java8中一个极其强悍的新接口,炸裂!很多人没用过(非常实用)
你见过哪些目瞪口呆的 Java 代码技巧?
泛型中的 T、E、K、V,还记得嘛?
一套牛逼哄哄的微信商城系统
Spring Boot 实现万能文件在线预览
后端技术大全!建议收藏

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

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