Springboot+Vue实现在线聊天室项目-webSocket实现的消息转发

本文介绍Springboot+Vue实现在线聊天室项目,这是大二上计算机网络大作业,也是作者首次用Vue实现前后端分离项目。文中提及消息推送的实现,如配置Controller类,还在好友请求中运用消息推送,让接收方实时收消息,前端会对消息转发请求特殊处理。

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

Springboot+Vue实现在线聊天室项目

该聊天室为大二上学期计算机网络大作业,并且是本人第一次使用vue实现前后端分离的项目,前端架构尚未熟悉可能会出现一些不妥之处,还请大佬们指出。(本文章写于项目整体完成上线之后,所以一些细节并未写出)

# Springboot+Vue实现在线聊天室项目目录

消息推送的实现

配置Controller类
@MessageMapping("/test")
    public void test(WebSocketMessage message){
        message.setTimeStamp(new Date().getTime());
        if (!message.getContent().equals("窗口抖动"))
        userService.insertMsg(Integer.parseInt(message.getRoomId()),Integer.parseInt(message.getUid()),message.getContent(),message.getImg(),message.getName());
        String auth = userDao.getRoomAuth(Integer.parseInt(message.getRoomId()));
        String[] allUsers = auth.substring(1,auth.length()-1).split("\\|");
        for(int obj: WebSocketConfig.users){
            for (String user:allUsers){
                if (Integer.parseInt(user) == obj){
                    messagingTemplate.convertAndSend("/topic/" + Integer.parseInt(user),message);
                }
            }
        }
    }

其中, messagingTemplate用于将消息转发给监听某一socket接口的用户,以依赖注入的方式导入在Controller类中

    @Autowired
    SimpMessagingTemplate messagingTemplate;

除此之外,在Service中的好友请求中也运用到消息推送,实现发送好友请求的时候接收方可以实时收到消息并查看
        message.setTimeStamp(System.currentTimeMillis());
        message.setContent("我同意了你的好友请求");
        message.setImg(userDao.getMyImg(toUid));
        message.setName(userDao.getMyName(toUid));
        message.setRoomId(roomId+"");
        message.setUid(toUid+"");
        messagingTemplate.convertAndSend("/topic/" + toUid,message);
        messagingTemplate.convertAndSend("/topic/" + fromUid,message);
        message.setTimeStamp(System.currentTimeMillis());
        message.setContent("请求加为好友");
        message.setUid(fromUid+"");
        message.setName(userDao.getMyName(fromUid));
        messagingTemplate.convertAndSend("/topic/" + toUid,message);

这两个消息转发的请求将在前端进行特殊处理(这里应该设置message的一个type选项,之前没有考虑,所以前端通过content判断)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值