springboot+websocket开发简单的在线群聊聊天web版本

发布于:2024-04-30 ⋅ 阅读:(29) ⋅ 点赞:(0)

springboot+websocket开发简单的在线群聊聊天web版本!近期在测试websocket插件的群聊功能。下面是一个简单的demo。分享给大家,亲测可以使用的。


1:首先是一个chat.html页面。代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>群聊</title>
    <script src="/webjars/jquery/jquery.min.js"></script>
    <script src="/webjars/sockjs-client/sockjs.min.js"></script>
    <script src="/webjars/stomp-websocket/stomp.min.js"></script>
    <script src="/app.js"></script>
</head>
<body>
<div>
    <label for="name">请输入用户名:</label>
    <input type="text" id="name" placeholder="用户名">
</div>
<div>
    <button type="button" id="connect">链接</button>
    <button type="button" disabled="disabled" id="disconnect">断开链接</button>
</div>
<div id="chat" style="display: none;">

</div>
<div>
    <label for="name">请输入聊天内容:</label>
    <input type="text" id="content" placeholder="聊天内容">
</div>
<button type="button" id="send">发送消息</button>
<div id="greetings">
    <div id="conversation" style="display: none;">
        群聊进行中...
    </div>
</div>
</body>
</html>

2:其次是,关于springboot项目的pom.xml依赖项配置。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.

网站公告

今日签到

点亮在社区的每一天
去签到