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

最新推荐文章于 2024-07-23 10:11:56 发布

爱玛士

最新推荐文章于 2024-07-23 10:11:56 发布

阅读量1.2k

点赞数 1

分类专栏： Java 程序员编程文章标签： java mybatis spring spring boot mysql

本文链接：https://blog.csdn.net/python8989/article/details/108760019

版权

本文介绍了一个基于Springboot和WebSocket的在线聊天小程序的实现，利用vue前端，支持添加好友、发送消息（包括文字、图片和语音），并具有消息提醒功能。项目结构包含配置、实体类、Mapper、Service、Controller等组件，详细阐述了各部分的职责和关键接口。还涉及了静态资源引入、数据源配置和WebSocket通信设置。

摘要由CSDN通过智能技术生成

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

基于Springboot和WebScoket写的一个在线聊天小程序（附源码）

项目说明

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

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

基于Springboot和WebScoket写的一个在线聊天小程序（附源码）

一、先引入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?useUnicode=true&characterEncoding=utf8&autoReconnect=true&useSSL=false&serverTimezone&#