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

相关推荐
白仑色7 小时前
Spring Boot 全局异常处理
java·spring boot·后端·全局异常处理·统一返回格式
Monly217 小时前
RabbitMQ:SpringAMQP 入门案例
spring boot·rabbitmq·java-rabbitmq
Monly217 小时前
RabbitMQ:SpringAMQP Fanout Exchange(扇型交换机)
spring boot·rabbitmq·java-rabbitmq
每天学习一丢丢8 小时前
Spring Boot + Vue 项目用宝塔面板部署指南
vue.js·spring boot·后端
杨DaB9 小时前
【SpringBoot】Dubbo、Zookeeper
spring boot·后端·zookeeper·dubbo·java-zookeeper
柯南二号9 小时前
【后端】SpringBoot中HttpServletRequest参数为啥不需要前端透传
前端·spring boot·后端
盖世英雄酱5813610 小时前
第一个RAG项目遇到的问题
java·spring boot
RainbowSea13 小时前
伙伴匹配系统(移动端 H5 网站(APP 风格)基于Spring Boot 后端 + Vue3 - 06
java·spring boot·后端
RainbowSea13 小时前
伙伴匹配系统(移动端 H5 网站(APP 风格)基于Spring Boot 后端 + Vue3 - 05
vue.js·spring boot·后端
华仔啊14 小时前
3行注解干掉30行日志代码!Spring AOP实战全程复盘
java·spring boot·后端