# ws-system

**Repository Path**: ape-code/ws-system

## Basic Information

- **Project Name**: ws-system
- **Description**: 基于socket设计的心跳检测机制，用于服务端与客户端的实时状态检测
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-11-25
- **Last Updated**: 2024-10-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README




## 操作文档

* 代码链接

  git clone https://gitee.com/ape-code/ws-system.git

* 代码框架

  ![](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126195913158.png)

* 运行流程

  - 数据库：打开数据库，创建ws数据库，运行ws.sql文件

    ![image-20231126200331305](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126200331305.png)

  - 客户端：启动DemoApplication

    ![image-20231126195057073](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126195057073.png)

  - 服务端：更新jdbc配置信息，启动SpringbootWebsocketApplication

    ![image-20231126195224336](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126195224336.png)

  - 启动服务端管理界面

    - Vscode打开ws-ui文件夹
    - 终端输入：npm install （Node .js >= 14.0）
    - 终端输入：npm run serve，访问路径

  - 服务端登录界面（账号、密码：admin）

    ![image-20231126200616435](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126200616435.png)

    - 客户端登录（设备ID：纯数字，密码随便输入）

      http://localhost:1010/login

      ![](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126201416730.png)

    - 设备信息展示页面

      ![](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126201453925.png)

    - 管理后台首页实时显示

      ![image-20231126201541999](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126201541999.png)

    - 在线设备信息实时更新

      ![image-20231126201948141](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126201948141.png)

    - 系统日志同步记录

      ![image-20231126202026712](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126202026712.png)

    - 客户端定时向服务端发送心跳（默认同步间隔10s）

      ![image-20231126202149463](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126202149463.png)

    - 同时登录多个客户端，服务端界面同步更新数据

      ![image-20231126202239984](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126202239984.png)

    - 设置同步间隔（初始化为10s）（同步间隔更新后，心跳消息频率同步更新，设备界面同步更新）

      ![](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126202612504.png)

      ![image-20231126202633649](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126202633649.png)

    - 点击强退（设备界面状态为：连接中断）

      ![image-20231126202823173](C:\Users\Long\AppData\Roaming\Typora\typora-user-images\image-20231126202823173.png)

    - 关闭客户端页面（服务端管理后台数据实时更新，心跳报文停止发送）