all

2023-03-24 22:51:53 +08:00
parent 4668571cbc
commit 2cf484cdf1
7 changed files with 541 additions and 2 deletions
--- a/online/index.html
+++ b/online/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>在线人数统计</title>
+</head>
+
+<body>
+    <div id="app">
+        <p>当前在线人数：{{ onlineCount }}</p>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+    <script>
+        let ws = new WebSocket("ws://localhost:8080/ws");
+
+        let app = new Vue({
+            el: '#app',
+            data: {
+                onlineCount: 1,
+            },
+            mounted() {
+                let self = this;
+                ws.addEventListener('message', function(event) {
+                    self.onlineCount = event.data;
+                });
+            },
+        });
+    </script>
+</body>
+
+</html>