spring boot + mybatis + websocket + js实战-Toy模板网

这篇具有很好参考价值的文章主要介绍了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);

代码截图如下：

spring boot + mybatis + websocket + js实战,Spring Boot,spring boot,mybatis,websocket

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

spring boot + mybatis + websocket + js实战,Spring Boot,spring boot,mybatis,websocket 3、然后启动服务做验证

3.1、插入数据

spring boot + mybatis + websocket + js实战,Spring Boot,spring boot,mybatis,websocket

3.2、查看各个页面的console

user-1页面截图如下：

spring boot + mybatis + websocket + js实战,Spring Boot,spring boot,mybatis,websocket

user-2 页面截图如下：

spring boot + mybatis + websocket + js实战,Spring Boot,spring boot,mybatis,websocket

user-3页面截图如下：

spring boot + mybatis + websocket + js实战,Spring Boot,spring boot,mybatis,websocket 文章来源地址https://www.toymoban.com/news/detail-823447.html

到了这里，关于spring boot + mybatis + websocket + js实战的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

spring boot + mybatis + websocket + js实战