加入新增成員

2023-06-27 15:44:16 +08:00 · 2023-06-27 15:44:16 +08:00 · 8d6c97c7db
commit 8d6c97c7db
parent 7e9a130a11
2 changed files with 82 additions and 0 deletions
--- a/member/js/new.js
+++ b/member/js/new.js
@ -0,0 +1,31 @@
+document
+    .getElementById("member-form")
+    .addEventListener("submit", function (event) {
+        event.preventDefault(); // 阻止表单的默认提交行为
+
+        var nickName = document.getElementById("nick_name");
+        var playerName = document.getElementById("player_name");
+        var gameUid = document.getElementById("game_uid");
+        var discordId = document.getElementById("discord_id");
+
+        // 执行登录请求
+        newMember(nickName.value, playerName.value, gameUid.value, discordId.value);
+    });
+
+function newMember(nickName, playerName, gameUid, discordId) {
+    // 发送登录请求
+    axios.post("http://127.0.0.1:10001/api/member", {
+        playerName: playerName,
+        nickName: nickName,
+        discordID: discordId,
+        uid: gameUid
+    })
+        .then(function (response) {
+            window.location.href = "./index.html";
+        })
+        .catch(function (error) {
+            const message = error.response.data.message;
+            alert("新增失敗");
+            //console.error('登入失敗:', error);
+        });
+}
--- a/member/new.html
+++ b/member/new.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="zh-TW" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
+
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <title>新增成員</title>
+  <link rel="stylesheet" href="../css/style.css">
+</head>
+
+<body id="body">
+  <h1>新增成員</h1>
+  <hr>
+  <form id="member-form">
+    <table>
+        <tr>
+            <td>成員名稱</td>
+            <td>
+                <input type="text" id="nick_name" placeholder="請輸入成員 Discord 名稱" />
+            </td>
+        </tr>
+        <tr>
+            <td>遊戲角色名稱</td>
+            <td>
+                <input type="text" id="player_name" placeholder="請輸入遊戲主角名稱" />
+            </td>
+        </tr>
+        <tr>
+            <td>遊戲UID</td>
+            <td>
+                <input type="text" id="game_uid" placeholder="請輸入遊戲U ID" />
+            </td>
+        </tr>
+        <tr>
+            <td>DC ID</td>
+            <td>
+                <input type="text" id="discord_id" placeholder="請輸入 Discord user ID" />
+            </td>
+        </tr>
+    </table>
+    <hr />
+    <p><button type="submit">送出</button></p>
+</form>
+
+  <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
+  <script src="./js/new.js"></script>
+</body>
+
+</html>