spring boot + mybatis + websocket + js实战

项目技术:spring boot + mybatis + websocket + js

需求背景:当添加一个女孩时,页面的socket收到消息,打印最新的所有女生list,这样可以进一步在react/vue前端框架下,实现当A用户新增了某业务数据后,B用户的该业务list页面能自动将最新的业务数据list清单刷新出来,而不是需要点击刷新按钮才能刷出最新业务数据list。

准入条件:先学习如下二篇文档

SpringBoot 集成WebSocket详解-CSDN博客

spring boot学习第三篇:spring boot与mybatis plus结合-CSDN博客

然后在这2篇文档的基础上继续学习。

1、在GirlController.java文件中添加如下代码:

复制代码
@Autowired
private WebSocketServer webSocketServer;

然后在addGirl方法中添加如下代码:

复制代码
List<Girl> list = girlService.findAll();
String str = JSON.toJSONString(list);
webSocketServer.sendToAll(str);

代码截图如下:

2、然后,WebSocketServer.java的sendToAll方法要做如下改动:

3、然后启动服务做验证

3.1、插入数据

3.2、查看各个页面的console

user-1页面截图如下:

user-2 页面截图如下:

user-3页面截图如下:

相关推荐
不懂的浪漫22 分钟前
mqtt-plus 架构解析(九):测试体系,为什么要同时有 MqttTestTemplate 和 EmbeddedBroker
spring boot·物联网·mqtt·架构
小哇66614 小时前
MybatisPlus-JSON类型处理器 存取 数据库的JSON 字段数据
mybatis
递归尽头是星辰14 小时前
Spring Boot 配置排除失效深度解析:时序与机制核心
spring boot·自动配置·bean 加载·exclude失效·组件扫描
小锋java123416 小时前
SpringBoot 4 + Spring Security 7 + Vue3 前后端分离项目设计最佳实践
java·vue.js·spring boot
一 乐16 小时前
校园线上招聘|基于springboot + vue校园线上招聘系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·校园线上招聘系统
不懂的浪漫16 小时前
mqtt-plus 架构解析(四):MqttMessageInterceptor 的扩展点设计
java·spring boot·物联网·mqtt
宠友信息17 小时前
一套基于uniapp+springboot完整社区系统是如何实现的?友猫社区源码级功能解析
java·spring boot·后端·微服务·微信·uni-app
難釋懷17 小时前
缓存同步
spring·缓存·mybatis
阿丰资源18 小时前
SpringBoot+MySQL+MyBatis-Plus+Vue前后端分离仓库管理系统 (附资料)
spring boot·mysql·mybatis
小信丶18 小时前
Spring Cloud Stream EnableBinding注解详解:定义、应用场景与示例代码
java·spring boot·后端·spring