🎉 完成基本的演示和样例

2024-10-23 17:46:15 +08:00
commit aefc004e33
56 changed files with 2648 additions and 0 deletions
--- a/internal/serve/handler/serve_registry.html
+++ b/internal/serve/handler/serve_registry.html
@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link
+            rel="stylesheet"
+            href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.jade.min.css"
+    >
+    <title>Server Login</title>
+    <style>
+        body {
+            height: 100vh;
+            width: 100vw;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <h3>欢迎注册 UAuth</h3>
+    <form action="/api/oauth/v2/registry/user" method="POST" id="form">
+        <fieldset>
+            <label>
+                用户名
+                <input id="username" name="username" autocomplete="given-name"/>
+            </label>
+            <label>
+                昵称
+                <input id="nickname" name="nickname" autocomplete="given-name"/>
+            </label>
+            <label>
+                密码
+                <input id="password" type="password" name="password" autocomplete="password"/>
+            </label>
+            <label>
+                重复密码
+                <input id="confirm_password" type="password" name="confirm_password" autocomplete="password"/>
+            </label>
+            <button type="button" style="flex: 1;width: 100%;" onclick="registry()">注册</button>
+        </fieldset>
+    </form>
+</div>
+<script type="text/javascript">
+    function registry() {
+        let user = {
+            username: document.querySelector("#username").value,
+            nickname: document.querySelector("#nickname").value,
+            password: document.querySelector("#password").value,
+            confirm_password: document.querySelector("#confirm_password").value,
+        }
+
+        console.log('[D] user = ', user)
+
+        if (!user.username || !user.password || !user.nickname) {
+           window.alert("参数均不能为空")
+            return
+        }
+
+        if (user.password !== user.confirm_password) {
+            window.alert("两次密码不一致")
+            return
+        }
+
+        document.querySelector("#form").submit()
+    }
+</script>
+</body>
+</html>