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.