websockets实现实时数据更新的前后端交互
1、UI01.HTML页面采用echarts图表展示后台发送的数据,包括折线图、柱状图、饼图、仪表盘等形式;
2、使用javascript文件websocket.js实现前端与后端的websocket交互,定义了.onopen、onmessage、onclose、onerror函数,html页面通过调用openSocket(userId)函数与后台建立websocket链接,确保每个userId唯一;
3、后端代码WebSocketServer.java和WebSocketConfig.java定义了后台的onopen、onmessage、onclose、onerror函数以及信息发送函数,为websocket功能提供支持。
用户评论