WebSocket实现前台实时显示数据库数据

最新推荐文章于 2025-06-19 10:53:20 发布

原创

最新推荐文章于 2025-06-19 10:53:20 发布 · 1.8w 阅读

74 ·

CC 4.0 BY-SA版权

文章标签：

#数据库实时显示 #WebSocket

该博客介绍了如何使用WebSocket实现浏览器与服务器之间的双向通信，以实时显示数据库中传感器数据的变化。通过启动线程，持续比较数据库数据修改时间和私有变量，一旦发现更新即向前端推送消息，前端通过ajax响应更新数据。依赖于WebSocket和日期处理库，并提供了前后端关键代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

业务逻辑：
在浏览器和服务器之间建立WebSocket双工连接，启动一个线程，设置私有变量数据修改时间，循环读取数据库实时表中某个传感器的数据修改时间，与私有变量进行对比，如果相同则不做任何改动，若不同，则把查询到的时间赋值给私有变量，同时向浏览器发送推送消息，前端通过ajax发送请求更新数据。
添加依赖：
用之前需查询依赖版本是否与spring版本兼容
WebSocket依赖：

 <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>

日期比较依赖：

 <dependency>
            <groupId>joda-time</groupId>
            <artifactId>joda-time</artifactId>
            <version>2.9.2</version>
        </dependency>

前端功能代码及作用：