SpringBoot+Vue实现的在线聊天系统附带详细运行指导视频

项目描述：这是一个基于SpringBoot+Vue框架开发的在线聊天系统。首先，这是一个前后端分离的项目，代码简洁规范，注释说明详细，易于理解和学习。其次，这项目采用TS+Vue3.0+ElementUI-Plus搭建前端，项目大量使用Vue3.0新特性，对Vue3.0感兴趣的小伙伴可以了解下。项目功能：登录注册、添加好友，创建群聊、单聊群聊、发送表情、发送图片、发送视频、上传文件、下载文件、查看

这里是杨杨吖

4773人浏览 · 2022-04-11 15:39:58

这里是杨杨吖 · 2022-04-11 15:39:58 发布

项目描述：这是一个基于SpringBoot+Vue框架开发的在线聊天系统。首先，这是一个前后端分离的项目，代码简洁规范，注释说明详细，易于理解和学习。其次，这项目采用TS+Vue3.0+ElementUI-Plus搭建前端，项目大量使用Vue3.0新特性，对Vue3.0感兴趣的小伙伴可以了解下。

项目功能：登录注册、添加好友，创建群聊、单聊群聊、发送表情、发送图片、发送视频、上传文件、下载文件、查看好友群聊信息、删除会话、邀请加入群聊、管理个人信息、管理群聊信息、注销用户等等功能。

应用技术：SpringBoot + VueCli + Vue3.0 + MySQL + MyBatis + Redis + ElementUI-Plus + TypeScript + WebSocket

运行环境：IntelliJ IDEA2019.3.5 + MySQL5.7（项目压缩包中自带) + Redis5.0.5（项目压缩包中自带） + JDK1.8 + Maven3.6.3（项目压缩包中自带）+ Node14.16.1（项目压缩包中自带）

项目运行截图：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^