chat function done

.classpath

@@ -17,11 +17,17 @@
 			<attribute name="org.eclipse.jst.component.dependency" value="/WEB-INF/lib"/>
 		</attributes>
 	</classpathentry>
-	<classpathentry exported="true" kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8">
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8">
 		<attributes>
-			<attribute name="module" value="true"/>
 			<attribute name="maven.pomderived" value="true"/>
 		</attributes>
 	</classpathentry>
+	<classpathentry kind="src" output="target/test-classes" path="src/test/java">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="test" value="true"/>
+		</attributes>
+	</classpathentry>
 	<classpathentry kind="output" path="target/classes"/>
 </classpath>

src/main/java/websocket/handler/WebSocketHandshakeInterceptor.java

@@ -31,6 +31,7 @@ public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse res
 
 				// 获取到httpsession后，可以根据自身业务，操作其中的信息，这里只是单纯的和websocket进行关联
 				attributes.put("HTTP_SESSION", httpSession);
+				System.out.println("handshake complete");
 				return true;
 			} else {
 				return false;

src/main/webapp/WEB-INF/views/css/websocket.css

@@ -1,99 +1,5 @@
-.scrollbar-deep-purple::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-color: #F5F5F5;
-	border-radius: 10px;
+.toast {
+  position: fixed;
+  top: 20vh;
+  right: 0;
 }
-
-.scrollbar-deep-purple::-webkit-scrollbar {
-	width: 12px;
-	background-color: #F5F5F5;
-}
-
-.scrollbar-deep-purple::-webkit-scrollbar-thumb {
-	border-radius: 10px;
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-color: #512da8;
-}
-
-.scrollbar-cyan::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-color: #F5F5F5;
-	border-radius: 10px;
-}
-
-.scrollbar-cyan::-webkit-scrollbar {
-	width: 12px;
-	background-color: #F5F5F5;
-}
-
-.scrollbar-cyan::-webkit-scrollbar-thumb {
-	border-radius: 10px;
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-color: #00bcd4;
-}
-
-.scrollbar-dusty-grass::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-color: #F5F5F5;
-	border-radius: 10px;
-}
-
-.scrollbar-dusty-grass::-webkit-scrollbar {
-	width: 12px;
-	background-color: #F5F5F5;
-}
-
-.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
-	border-radius: 10px;
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
-	background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
-}
-
-.scrollbar-ripe-malinka::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-color: #F5F5F5;
-	border-radius: 10px;
-}
-
-.scrollbar-ripe-malinka::-webkit-scrollbar {
-	width: 12px;
-	background-color: #F5F5F5;
-}
-
-.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
-	border-radius: 10px;
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-	background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%);
-	background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
-}
-
-.bordered-deep-purple::-webkit-scrollbar-track {
-	-webkit-box-shadow: none;
-	border: 1px solid #512da8;
-}
-
-.bordered-deep-purple::-webkit-scrollbar-thumb {
-	-webkit-box-shadow: none;
-}
-
-.bordered-cyan::-webkit-scrollbar-track {
-	-webkit-box-shadow: none;
-	border: 1px solid #00bcd4;
-}
-
-.bordered-cyan::-webkit-scrollbar-thumb {
-	-webkit-box-shadow: none;
-}
-
-.square::-webkit-scrollbar-track {
-	border-radius: 0 !important;
-}
-
-.square::-webkit-scrollbar-thumb {
-	border-radius: 0 !important;
-}
-
-.thin::-webkit-scrollbar {
-	width: 6px;
-}