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页面截图如下:

相关推荐
Java&Develop1 小时前
onloyoffice历史版本功能实现,版本恢复功能,编辑器功能实现 springboot+vue2
前端·spring boot·编辑器
颇有几分姿色2 小时前
Spring Boot 读取配置文件的几种方式
java·spring boot·后端
@淡 定3 小时前
Spring Boot 的配置加载顺序
java·spring boot·后端
java1234_小锋3 小时前
什么是WebSocket?NGINX如何支持WebSocket协议?
websocket·网络协议·nginx
MaCa .BaKa4 小时前
35-疫苗预约管理系统(微服务)
spring boot·redis·微服务·云原生·架构·springcloud
你熬夜了吗?4 小时前
spring中使用netty-socketio部署到服务器(SSL、nginx转发)
服务器·websocket·spring·netty·ssl
秋野酱4 小时前
基于 Spring Boot 的银行柜台管理系统设计与实现(源码+文档+部署讲解)
java·spring boot·后端
獨枭5 小时前
Spring Boot 连接 Microsoft SQL Server 实现登录验证
spring boot·后端·microsoft
Hello.Reader5 小时前
基于 Nginx 的 WebSocket 反向代理实践
运维·websocket·nginx
shanzhizi5 小时前
springboot入门-controller层
java·spring boot·后端