• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

subtlechat: 微言聊天室是基于前后端分离,采用SpringBoot+Vue开发的网页版聊天室 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

subtlechat

开源软件地址:

https://gitee.com/huangjinhai/subtlechat

开源软件介绍:

项目介绍

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

文档

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

最后

本人QQ:1912737955,期待与你交流!

如果该项目对你有帮助,跪求star!!!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap