项目描述：这是一个基于<strong>SpringBoot+Vue框架</strong>开发的在线聊天系统。首先，这是一个<strong>前后端分离</strong>的项目，代码简洁规范，注释说明详细，易于理解和学习。其次，这项目采用TS+Vue3.0+ElementUI-Plus搭建前端，项目大量使用<strong>Vue3.0</strong>新特性，对Vue3.0感兴趣的小伙伴可以了解下。<br /> 项目功能：登录注册、添加好友，创建群聊、单聊群聊、<strong>发送表情、</strong><strong>发送图片、发送视频、</strong><strong>上传文件</strong>、下载文件、查看好友群聊信息、删除会话、邀请加入群聊、管理个人信息、管理群聊信息、注销用户等等功能。<br /> 应用技术：SpringBoot + VueCli + Vue3.0 + MySQL + MyBatis + Redis + ElementUI-Plus + TypeScript + WebSocket<br /> 运行环境：IntelliJ IDEA2019.3.5 + MySQL5.7（项目压缩包中自带) + Redis5.0.5（项目压缩包中自带） + JDK1.8 + Maven3.6.3（项目压缩包中自带）+ Node14.16.1（项目压缩包中自带）<br /> <p> <strong>项目在运行过程中，遇到任何问题务必私聊作者QQ:823208782（包运行！！！！）</strong> </p> <p> 项目演示地址：<a href="https://www.bilibili.com/video/BV1Q3411J7rg" target="_blank">https://www.bilibili.com/video/BV1Q3411J7rg</a> </p> <p> <span>此项目已有配套讲解视频，如有需要，请移步至：</span><a href="https://www.bilibili.com/video/BV1N94y1d7tr" target="_blank">https://www.bilibili.com/video/BV1N94y1d7tr</a> </p> <p> <span style="color:#404040;font-family:" font-size:13px;font-weight:700;background-color:#ffffff;"=""><strong>目前此项目已有配套的详细开发文档，如有需要请移步至：</strong><a href="https://www.yuanlrc.com/product/details.html?pid=1036" target="_blank">SpringBoot+Vue实现的在线聊天系统 详细开发文档</a></span> </p> <p> 项目运行截图： </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-B9281AEED2364EDB990BC5BD53C8DBC9.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-9F9C7D50B9E14B68A036E6CFE14B28BD.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-F7C9DCFEC0854208A9EB27B1D8B42542.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-8A78AFC0D438488198CA227CF137F567.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-9BF60F94837649C39CD314E7C061681D.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-7C283E4785EF4016AD76C82671EA1178.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-E97E21AC277348ED812DD1EB0F899EBB.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-68FCFC48689B4291B0FE2527D8DAE0B2.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-1EEE90369C97458D97CD0F0C770C346A.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-F16C30E60A524DCCA3F3A06725138FFC.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-06D513CBE55B47A8A329668B0C2C7A5A.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-8E6F592A96DA49E5BF57B6E48AAC0341.png" alt="" /> </p> <p> <img src="https://product-img.yuanlrc.com/uid-379-product-detail-65296B94D4CA4B39A7812ACE77226ACA.png" alt="" /> </p>