diff --git a/static/login_shuidi.html b/static/login_shuidi.html
index 706ef2a..2956855 100644
--- a/static/login_shuidi.html
+++ b/static/login_shuidi.html
@@ -22,13 +22,13 @@
     <div class="content">
         <h2>登录</h2>
         <div>
-            <input type="text" placeholder="请输入用户名">
+            <input id="myAccount" type="text" placeholder="请输入用户名">
         </div>
         <div>
-            <input type="password" placeholder="请输入密码">
+            <input id="myPwd" type="password" placeholder="请输入密码">
         </div>
         <div>
-            <input type="submit" value="登录">
+            <input type="submit" value="登录" onclick="toLogin()">
         </div>
     </div>
     <a href="#" class="btns">忘记密码</a>
@@ -41,5 +41,32 @@
     </p>
 </footer>
 </body>
+<script>
+    async function toLogin() {
+        try {
+            let response = await fetch('/v1/user/login', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json;charset=utf-8'
+                },
+                body: JSON.stringify({
+                    account: document.getElementById('myAccount').value,
+                    password: document.getElementById('myPwd').value
+                })
+            });
 
+            let result = await response.json()
+            console.log(result)
+            if (result.code === 0 && result.data !== undefined) {
+                console.log('登录成功');
+                localStorage.setItem("token", result.data.token);
+                // alert(localStorage.getItem("token"))
+            }
+        } catch (error) {
+            console.log('Request Failed', error);
+            alert("系统异常，请稍后再试");
+        }
+    }
+
+</script>
 </html>
\ No newline at end of file