# 聊天功能实现-WebSocket-uniapp+springBoot 前端篇 源码+视频讲解

**Repository Path**: little-turtle-z/chat-front

## Basic Information

- **Project Name**: 聊天功能实现-WebSocket-uniapp+springBoot 前端篇 源码+视频讲解
- **Description**: 聊天功能实现-细致入微 源码分享+视频讲解 [功能介绍->实现思路->前后端代码]
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 2
- **Created**: 2023-01-03
- **Last Updated**: 2025-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: uni-app, SpringBoot, mybatis-plus, WebSocket

## README

# 聊天功能实现-WebSocket-uniapp+springBoot 前端篇 源码+视频讲解

#### 介绍
聊天功能实现-细致入微 源码分享+视频讲解 [功能介绍->实现思路->前后端代码]

#### 源码分享

| 前后端 | 项目地址  |
|---|---|
| 前端 | [代码地址](https://gitee.com/little-turtle-z/chat-front)  |
|  后端 | [代码地址](https://gitee.com/little-turtle-z/chat-back)  |


#### 项目展示效果
 

##### 用户页面(简单登录+搜索聊天用户)
 ![输入图片说明](https://foruda.gitee.com/images/1672744346344274405/0cbdd872_8992400.png "user1.png")
 ![输入图片说明](https://foruda.gitee.com/images/1672744364653276540/52e49efd_8992400.png "user2.png")
##### 聊天列表页面(聊天列表展示+删除列表功能)
 ![输入图片说明](https://foruda.gitee.com/images/1672744385461530856/fe39341e_8992400.png "list1.png")
 ![输入图片说明](https://foruda.gitee.com/images/1672744446097301206/7b428918_8992400.png "list2.png")
##### 聊天页面
 ![输入图片说明](https://foruda.gitee.com/images/1672744538263431314/899a57af_8992400.png "chat1.png")
 

#### 项目目录介绍
##### 前端篇
 ![输入图片说明](https://foruda.gitee.com/images/1672744570205790119/56248fdb_8992400.png "content1.png")
##### 后端篇
![输入图片说明](https://foruda.gitee.com/images/1672744800321948846/bdff8894_8992400.png "content2.png")
##### 数据库
![输入图片说明](https://foruda.gitee.com/images/1672748446091714753/0e07a639_8992400.png "data.png")

#### 框架版本

##### 前端
- uniapp(vue 3)
- uni-ui
##### 后端
- springboot 2.5.7
- mybatis-plus 3.5.2
- mysql 8.0.23
- hutool 5.8.2


#### 视频教程

> 关于功能的动态详讲解(功能介绍->实现思路->前后端代码)
>
> 我专门录制的一期B站视频 方便更好的学习
>
> 聊天项目分享-全面解析 [功能展示->实现思路分享->前后端代码详解]
>
> [B站视频链接](https://www.bilibili.com/video/BV1814y1g7eh)
>
> 🥰制作不易  感谢大家三连支持🥰