增加 spring websocket 用例

2018-12-27 21:33:02 +08:00
parent 71daa7857e
commit a80afab862
29 changed files with 655 additions and 51 deletions
--- a/spring/spring-websocket-annotation/src/main/webapp/WEB-INF/jsp/chat.jsp
+++ b/spring/spring-websocket-annotation/src/main/webapp/WEB-INF/jsp/chat.jsp
@ -0,0 +1,38 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>${sessionScope.get("username")}您好！欢迎进入群聊大厅！</title>
+</head>
+<body>
+<input id="message" type="text">
+<button id="btn">发送消息</button>
+<div id="show">
+
+</div>
+<script>
+    let btn = document.getElementById("btn");
+    let message = document.getElementById("message");
+    let show = document.getElementById("show");
+    let ws = new WebSocket("ws://localhost:8080/socket");
+    ws.onmessage = function (evt) {
+        let node = document.createElement("div");
+        node.innerHTML = "<h5>" + evt.data + "</h5>";
+        show.appendChild(node);
+    };
+    btn.addEventListener("click", function () {
+        let data = message.value;
+        console.log(data);
+        if (data) {
+            ws.send(encodeURI(data));
+        } else {
+            alert("请输入消息后发送");
+        }
+        message.value = "";
+    });
+    // 关闭页面时候关闭ws
+    window.addEventListener("beforeunload", function(event) {
+        ws.close();
+    });
+</script>
+</body>
+</html>
--- a/spring/spring-websocket-annotation/src/main/webapp/index.jsp
+++ b/spring/spring-websocket-annotation/src/main/webapp/index.jsp
@ -0,0 +1,12 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+<form action="${pageContext.request.contextPath}/login" method="post">
+    <input name="username" type="text">
+    <button id="btn">输入临时用户名后登录！</button>
+</form>
+</body>
+</html>