用Springboot＆WebScoket再造一个类似微信的聊天小程序（附源码）

基于Springboot和WebScoket写的一个在线聊天小程序

 

项目说明

• 此项目为一个聊天的小demo，采用springboot+websocket+vue开发。
• 其中有一个接口为添加好友接口，添加好友会判断是否已经是好友。
• 聊天的时候：A给B发送消息如果B的聊天窗口不是A，则B处会提醒A发来一条消息。
• 聊天内容的输入框采用layui的富文本编辑器，目前不支持回车发送内容。
• 聊天可以发送图片，图片默认存储在D:/chat/目录下。
• 点击聊天内容中的图片会弹出预览，这个预览弹出此条消息中的所有图片。
• 在发送语音的时候，语音默认发送给当前聊天窗口的用户，所以录制语音的时候务必保证当前聊天窗口有选择的用户。
• 知道用户的账号可以添加好友，目前是如果账号存在，可以直接添加成功

老规矩，还是先看看项目的目录结构：

 

一、先引入pom文件

这里就只放了一点点代码（代码太长了）

<dependency>            <groupId>commons-io</groupId>            <artifactId>commons-io</artifactId>            <version>2.4</version>        </dependency>        <dependency>            <groupId>org.projectlombok</groupId>            <artifactId>lombok</artifactId>        </dependency>        <dependency>            <groupId>net.sf.json-lib</groupId>            <artifactId>json-lib</artifactId>            <version>2.4</version>            <classifier>jdk15</classifier>        </dependency>        <!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-thymeleaf -->        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-thymeleaf</artifactId>            <version>2.2.4.RELEASE</version>        </dependency>        <dependency>            <groupId>com.alibaba</groupId>            <artifactId>fastjson</artifactId>            <version>1.2.60</version>        </dependency>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-test</artifactId>            <scope>test</scope>        </dependency>

二、创建对应的yml配置文件

spring:
  profiles:
    active: prod

spring:
  datasource:    username: root    password: root    url: jdbc:mysql://localhost:3306/chat?useUnicod