WebSocket 实时更新mysql数据到页面

本文介绍了如何使用WebSocket实现实时从MySQL数据库更新报警信息到Web页面。通过编写WebSocket服务器端和JavaScript客户端,实现了数据的实时推送和展示。虽然作者自评代码质量不高,但功能已成功实现。
摘要由CSDN通过智能技术生成

使用websocket的初衷是,要实时更新mysql中的报警信息到web页面显示
没怎么碰过web,代码写的是真烂,不过也算是功能实现了,放在这里也是鞭策自己,web也要多下些功夫

准备

引入依赖

    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.38</version>
    </dependency>
    <dependency>
      <groupId>javax</groupId>
      <artifactId>javaee-api</artifactId>
      <version>7.0</version>
      <scope>provided</scope>
    </dependency>

先看看mysql中数据的格式

这里写图片描述

数据封装

public class AlarmMessage {
    private String fanNo;
    private String time;
    private String description;

    public AlarmMessage(String fanNo, String time, String description) {
        this.fanNo = fanNo;
        this.time = time;
        this.description = description;
    }

    public String getFanNo() {
        return fanNo;
    }

    public String getTime() {
        return time;
    }

    public String getDescription() {
        return description;
    }
}

jdbc从数据库中读取数据

public class DBUtil {

    public 
  • 3
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
websocket可以实现实时更新树结构的功能。下面是一个简单的示例代码: ```javascript // 前端代码 var socket = new WebSocket("ws://localhost:8080/tree"); // 连接到websocket服务器 socket.onmessage = function(event) { var treeData = JSON.parse(event.data); // 接收到服务器发送的数据 // 更新树结构的代码逻辑 }; // 后端代码(使用Java和Spring Boot) @ServerEndpoint("/tree") public class TreeWebSocket { @OnOpen public void onOpen(Session session) { // 客户端连接时的逻辑 } @OnMessage public void onMessage(String message, Session session) { // 接收到客户端发送的消息的逻辑 } @OnClose public void onClose(Session session) { // 客户端断开连接时的逻辑 } @OnError public void onError(Session session, Throwable error) { // 发生错误时的逻辑 } } ``` 在上面的示例中,前端代码通过WebSocket连接到后端的`/tree`路径,并监听`onmessage`事件来接收服务器发送的数据。后端代码使用Java和Spring Boot创建了一个WebSocket服务器,并通过`@ServerEndpoint("/tree")`注解指定了WebSocket的路径。在`onMessage`方法中,可以处理客户端发送的消息,并根据需要更新树结构的数据。当有新的数据需要更新时,后端可以通过调用`session.getBasicRemote().sendText(data)`方法将数据发送给前端。 请注意,以上代码只是一个简单的示例,实际应用中可能需要根据具体需求进行适当的修改和扩展。
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值