校易淘实时私信聊天完整前后端代码实现

一、业务需求商品详情点击私信卖家自动建立双方聊天会话实时收发文字消息消息气泡区分发送方 / 接收方打开聊天窗口加载双方历史聊天记录关闭页面断开连接刷新页面自动重连历史消息永久保存。二、后端核心代码ChatServer 服务端点ConcurrentHashMap 保存在线用户会话历史消息查询接口根据双方用户 id 分页查询聊天记录三、前端聊天页面实现封装 ws 工具页面加载初始化连接携带当前登录用户 id聊天窗口左侧展示对方信息、关联商品右侧消息气泡输入框回车发送消息消息列表自动滚动到底部页面挂载时调用接口加载历史聊天记录。核心逻辑讲解点对点通讯通过用户 id 匹配接收人仅目标用户收到消息不会全员广播消息持久化无论用户是否在线消息全部存入数据库上线后可查看历史记录心跳重连解决页面刷新、网络波动导致的连接中断问题。