基于 SpringBoot + Vue 框架开发的网页版聊天室项目 - Go语言中文社区

基于 SpringBoot + Vue 框架开发的网页版聊天室项目


‍简介

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

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

技术栈

后端

  • Spring Boot

  • Spring Security

  • MyBatis

  • MySQL

  • WebSocket

  • RabbitMQ

  • Redis

前端

  • Vue

  • ElementUI

  • axios

  • vue-router

  • Vuex

  • WebSocket

  • vue-cli4 …

项目预览图

部署流程

  • clone 项目到本地

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

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

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

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

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

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

  • 启动vue项目

推荐一个超级简单 Java 图形验证码模块

分享一个支付大屏实时监控数据平台

推荐一款清爽的实时监控大屏附安装教程

大屏监控 Metabase 集成到 Java 项目

一个超牛逼的 Java 文件在线预览项目

如何保障消息100%投递成功、消息幂等性

技术人,做的越多你才能走的更远

传统功夫,点到为止,这次不搞偷袭!

小清新前后端分离后台管理系统

一个开源免费的车牌识别训练实战项目

霸气分享 74 款绚丽的监控大屏

一个基于 Vue3.x 的数据可视化大屏项目

推荐一款基于 Vue 的电商级海报生成器

SpringBoot 的接口快速开发框架

基于 SpringBoot + Vue 的智能停车场管理平台

后台回复「聊天室」即可获取

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/zhulin2012/article/details/118715628
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2021-12-12 00:13:18
  • 阅读 ( 1100 )
  • 分类:前端

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢