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

相关推荐
源码方舟3 小时前
SpringBoot + Shiro + JWT 实现认证与授权完整方案实现
java·spring boot·后端
热河暖男6 小时前
【实战解决方案】Spring Boot+Redisson构建高并发Excel导出服务,彻底解决系统阻塞难题
spring boot·后端·excel
0吉光片羽09 小时前
【SpringBoot】集成kafka之生产者、消费者、幂等性处理和消息积压
spring boot·kafka·linq
2501_915909069 小时前
我用 Appuploader绕过 Mac,成功把 iOS 应用上线了 App Store
websocket·网络协议·tcp/ip·http·网络安全·https·udp
Ryan-Joee9 小时前
Spring Boot三层架构设计模式
java·spring boot
dkmilk10 小时前
Tomcat发布websocket
java·websocket·tomcat
工一木子10 小时前
【Java项目脚手架系列】第七篇:Spring Boot + Redis项目脚手架
java·spring boot·redis
源码云商13 小时前
【带文档】网上点餐系统 springboot + vue 全栈项目实战(源码+数据库+万字说明文档)
数据库·vue.js·spring boot
zy happy14 小时前
搭建运行若依微服务版本ruoyi-cloud最新教程
java·spring boot·spring cloud·微服务·ruoyi
芯眼14 小时前
STM32启动文件详解(重点)
java·开发语言·c++·stm32·单片机·mybatis