加载中......
输入验证码,即可复制
微信扫码下载好向圈APP, 登陆后即可进入消息页面查看验证码
只需要3秒时间
若依是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。

  • 前端采用Vue、Element UI。
  • 后端采用Spring Boot、Spring Security、Redis & Jwt。
  • 权限认证使用Jwt,支持多终端认证系统。
  • 支持加载动态权限菜单,多方式轻松权限控制。
  • 高效率开发,使用代码生成器可以一键生成前后端代码。
内置功能


  • 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
  • 部门管理: 配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。关注Java项目分享
  • 岗位管理: 配置系统用户所属担任职务。
  • 菜单管理: 配置系统菜单,操作权限,按钮权限标识等。
  • 角色管理: 角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  • 字典管理: 对系统中经常使用的一些较为固定的数据进行维护。
  • 参数管理: 对系统动态配置常用参数。
  • 通知公告: 系统通知公告信息发布维护。
  • 操作日志: 系统正常操作日志记录和查询;系统异常信息日志记录和查询。
  • 登录日志: 系统登录日志记录查询包含登录异常。
  • 在线用户: 当前系统中活跃用户状态监控。
  • 定时任务: 在线(添加、修改、删除)任务调度包含执行结果日志。
  • 代码生成: 前后端代码的生成(java、html、xml、sql)支持CRUD下载 。
  • 系统接口: 根据业务代码自动生成相关的api接口文档。
  • 服务监控: 监视当前系统CPU、内存、磁盘、堆栈等相关信息。
  • 缓存监控: 对系统的缓存信息查询,命令统计等。
  • 在线构建器: 拖动表单元素生成相应的HTML代码。
  • 连接池监视: 监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。
项目介绍

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

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

项目技术栈

后端技术栈


  • Spring Boot
  • Spring Security
  • MyBatis
  • MySQL
  • WebSocket
  • RabbitMQ
  • Redis
前端技术栈


  • Vue
  • ElementUI
  • axios
  • vue-router
  • Vuex
  • WebSocket
  • vue-cli4 ...
项目预览图

客户端界面-群聊主界面


基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-1.jpg

客户端界面-私聊界面


基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-2.jpg

管理端界面-用户管理


基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-3.jpg

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


基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-4.jpg

部署流程


  • clone 项目到本地
  • 在本地 MySQL 中创建一个空的数据库 subtlechat,在该数据库中运行提供的数据库脚本subtlechat.sql,完成表的创建和数据的导入。
  • 提前准备好Redis,在项目中的mail模块的 application.yml 文件中,将 Redis 配置改为自己的。关注Java项目分享
  • 提前准备好RabbitMQ,在项目中的mail模块的 application.yml 文件中和web模块中的 application-dev.properties,将 RabbitMQ 的配置改为自己的。
  • 注册邮箱的授权码,在项目中的mail模块的 application.yml 文件中填入

基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-5.jpg


  • 搭建fastdfs服务器,fastdfs-client.properties文件改成自己的。
  • 在 IntelliJ IDEA 中打开subtlechat项目,先启动 mail模块,再启动web模块。
  • 启动vue项目。
源码和操作视频

点赞转发本文后私信【0724】四个数字即可获取前后端代码和操作教学视频

基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-6.jpg

前端代码


基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-7.jpg

后端代码


基于 SpringBoot + Vue 框架开发的网页版聊天室项目(有视频教程)-8.jpg

操作视频
广告圈
12398 查看 13 0 反对

说说我的看法高级模式

您需要登录后才可以回帖 登录|立即注册

  • 笑看落花残

    2022-7-26 14:07:13 使用道具

    来自: 天津来自: 天津来自: 天津来自: 天津
    转发了
  • 银针掌门桂嬷嬷

    2022-7-26 14:07:23 使用道具

    来自: 中国来自: 中国来自: 中国来自: 中国
    转发了
  • ssyanubis

    2022-7-26 14:08:15 使用道具

    来自: 中国来自: 中国来自: 中国来自: 中国
    转发了
  • 希腊神话之神

    2022-7-26 14:08:28 使用道具

    来自: 北京来自: 北京来自: 北京来自: 北京
    转发了
  • anani

    2022-7-26 14:08:58 使用道具

    来自: 北京来自: 北京来自: 北京来自: 北京
    转发了
  • 魅力海丰

    2022-7-26 14:09:11 使用道具

    来自: 重庆来自: 重庆来自: 重庆来自: 重庆
    转发了
  • 老婆大人在哪里

    2022-7-26 14:09:56 使用道具

    来自: 湖北来自: 湖北来自: 湖北来自: 湖北
    转发了
  • 记忆的痛苦啊

    2022-7-26 14:10:35 使用道具

    来自: 北京来自: 北京来自: 北京来自: 北京
    转发了
  • 海阔天空332603

    2022-7-26 14:10:48 使用道具

    来自: 甘肃来自: 甘肃来自: 甘肃来自: 甘肃
    转发了
  • 蔚海思蓝

    2022-7-26 14:10:54 使用道具

    来自: 北京来自: 北京来自: 北京来自: 北京
    转发了

相关阅读