shuguang/poem_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): 修复用户表单提交时缺少user_id字段的问题

Browse Source 
在saveUser函数中添加user_id字段，确保提交的用户数据包含user_id。同时，更新HTML表单元素的name属性，使其与后端API字段匹配，避免数据提交时出现字段缺失或不匹配的问题。
This commit is contained in:
Shu Guang 2025-05-24 17:45:43 +08:00
parent 8d68332cea
commit 5eede46d2d
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
admin/index.html
View File

@ -242,18 +242,19 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="userForm"> <form id="userForm">
<input type="hidden" id="userId"> <input type="hidden" id="userId" name="user_id">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">用户名</label> <label class="form-label">用户名</label>
<input type="text" class="form-control" id="username" required> <input type="text" class="form-control" id="username" name="username" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">邮箱</label> <label class="form-label">邮箱</label>
<input type="email" class="form-control" id="email" required> <input type="email" class="form-control" id="email" name="email" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">密码</label> <label class="form-label">密码</label>
<input type="password" class="form-control" id="password" required> <input type="password" class="form-control" id="password" name="password">
<small class="text-muted">编辑时留空表示不修改密码</small>
</div> </div>
</form> </form>
</div> </div>
@ -275,27 +276,27 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="poemForm"> <form id="poemForm">
<input type="hidden" id="poemId"> <input type="hidden" id="poemId" name="poem_id">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">标题</label> <label class="form-label">标题</label>
<input type="text" class="form-control" id="title" required> <input type="text" class="form-control" id="title" name="poem_name" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">作者</label> <label class="form-label">作者</label>
<input type="text" class="form-control" id="author" required> <input type="text" class="form-control" id="author" name="author_name" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">内容</label> <label class="form-label">内容</label>
<textarea class="form-control" id="content" rows="6" required></textarea> <textarea class="form-control" id="content" name="poem_information" rows="6" required></textarea>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">注释</label> <label class="form-label">注释</label>
<textarea class="form-control" id="explain" rows="3"></textarea> <textarea class="form-control" id="explain" name="poem_explain" rows="3"></textarea>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="savePoem">保存</button> <button type="button" class="btn btn-primary" id="savePoem">保存</button>
</div> </div>
</div> </div>

3
admin/js/admin.js
View File

@ -204,6 +204,7 @@ function loadUsers() {
function saveUser() { function saveUser() {
const userId = $('#userId').val(); const userId = $('#userId').val();
const userData = { const userData = {
user_id: userId, // 添加user_id字段
username: $('#username').val().trim(), username: $('#username').val().trim(),
email: $('#email').val().trim(), email: $('#email').val().trim(),
password: $('#password').val() password: $('#password').val()
@ -220,7 +221,7 @@ function saveUser() {
} }
const url = userId ? const url = userId ?
`${API_BASE_URL}/users/profile/${userId}` : // 更新为正确的API路径 `${API_BASE_URL}/users/profile/${userId}` :
`${API_BASE_URL}/users/register`; `${API_BASE_URL}/users/register`;
const method = userId ? 'PUT' : 'POST'; const method = userId ? 'PUT' : 'POST';