【F106】在线聊天室小程序 | Springboot3 | Vue3

项目描述 基于 uni-app、Web 管理后台与 Spring Boot 的在线聊天系统。用户建立好友关系、创建群聊,通过 WebSocket 收发消息,并发布朋友圈内容;管理员维护用户、角色菜单、轮播和反馈,聊天记录与社交数据持久化到 MySQL。 主要角色:普通用户、系统管理员。 核心功能:普通用户:好友申请、…

#### 项目描述
基于 uni-app、Web 管理后台与 Spring Boot 的在线聊天系统。用户建立好友关系、创建群聊,通过 WebSocket 收发消息,并发布朋友圈内容;管理员维护用户、角色菜单、轮播和反馈,聊天记录与社交数据持久化到 MySQL。
主要角色:普通用户、系统管理员。
核心功能:普通用户:好友申请、私聊群聊、多媒体消息、群管理、朋友圈与反馈;系统管理员:用户、角色菜单、轮播、反馈与统计管理,也可参与聊天。

#### 技术栈
前端:admin-web:Vue 3 + Element Plus + Axios + Pinia + ECharts;miniapp:uni-app + Vue 3
后端:Java + Spring Boot 3.2.5 + MyBatis-Plus + Spring MVC 
数据库:MySQL

#### 项目截图
1.登录与会话
![](https://img.yidaima.cn/01_登录与会话-5b46a5b583e148f4a24d965a65b12d61)

2.聊天与通讯录
![](https://img.yidaima.cn/02_聊天与通讯录-a65251a6ce0c456cb9469a7bc23700db)

3.好友与动态
![](https://img.yidaima.cn/03_好友与动态-dfb8513023d64b42ab9e738c491187d8)

4.个人中心
![](https://img.yidaima.cn/04_个人中心-fa85235e25e2469ea78ea59e2c2ebe59)

5.后台登录页
![](https://img.yidaima.cn/01_后台登录页-add90dbac05540e883f380738dec0b24)

6.数据看板
![](https://img.yidaima.cn/02_数据看板-732d73aa366c45c4afad099cd7239617)

7.角色管理
![](https://img.yidaima.cn/03_角色管理-0a8883d23f77458286d5d116315f68e1)

8.角色权限分配
![](https://img.yidaima.cn/04_角色权限分配-d0dcad9f45804dc088a62db15e58037e)

9.文件管理
![](https://img.yidaima.cn/05_文件管理-d8e8ca64ccd14f0699045bddcba0285d)

10.轮播图管理
![](https://img.yidaima.cn/06_轮播图管理-960bd316d28a4476a8abfb54e4383626)

11.菜单管理
![](https://img.yidaima.cn/07_菜单管理-c54dbf0afba1475dbffedc18befd5946)

12.用户管理
![](https://img.yidaima.cn/08_用户管理-4cf3899269914dd2b216d299b224b47b)

13.意见反馈
![](https://img.yidaima.cn/09_意见反馈-d3965c97bc68428c933d8afbeff1eabd)

14.个人设置
![](https://img.yidaima.cn/10_个人设置-c2c986aa4b4e4bd086b973c3740fca0f)



#### 资源下载
![](https://img.yidaima.cn/qrcode.jpg)

请打开微信扫描上面小程序码,打开小程序搜索 "**F106**" 即可下载资源
查看完整页面