初版登录界面

2023-09-18 20:49:08 +08:00 · 2023-09-18 20:49:08 +08:00 · a2f0c2af1d
parent e4a3241772
commit a2f0c2af1d
1 changed files with 51 additions and 0 deletions
--- a/www/login.html
+++ b/www/login.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="author" content="zifan">
+    <meta name="keywords" content="物联网">
+    <title>登录页面</title>
+</head>
+
+<body>
+    <form onsubmit="return login(this)">
+        <div>
+            <label>用户名</label>
+            <input name="name">
+        </div>
+        <div>
+            <label>口&nbsp;&nbsp;&nbsp;令</label>
+            <input name="pwd" type="password">
+        </div>
+        <div>
+            <button>登录</button>
+        </div>
+    </form>
+    <script>
+        function login(form) {
+            let login_data = {
+                name: form.name.value.trim(),
+                pwd: form.pwd.value.trim()
+            };
+            fetch("/cgi-bin/login.cgi", {
+                method: "POST",
+                body: JSON.stringify(login_data),
+                headers: {
+                    "Content-Type": "application/json;charset=utf-8"
+                }
+            }).then(resp => resp.json()).then(data => {
+                console.log(data);
+                if (data.code == 0) {
+                    open("/index.html", "_self");
+                } else {
+                    alert(data.msg);
+                }
+
+            })
+            return false;
+        }
+    </script>
+</body>
+
+</html>