ray650128/PcReDiveClanRecordFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

加入新增成員

Browse Source
This commit is contained in:
Raymond Yang 2023-06-27 15:44:16 +08:00
parent 7e9a130a11
commit 8d6c97c7db
2 changed files with 82 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
member/js/new.js Normal file
View File

@ -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);
});
}

51
member/new.html Normal file
View File

@ -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>