- {error}
+
+ ❌ {error}
)}
{/* 登录按钮 */}
diff --git a/frontend/src/librarian/LibrarianRegister.jsx b/frontend/src/librarian/LibrarianRegister.jsx
index e18a708..e27bb8f 100644
--- a/frontend/src/librarian/LibrarianRegister.jsx
+++ b/frontend/src/librarian/LibrarianRegister.jsx
@@ -1,6 +1,6 @@
import { useState } from 'react'
-const API_URL = 'http://localhost:3001/api'
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:3001/api'
export default function LibrarianRegister({ onRegister, onSwitchToLogin }) {
const [employeeId, setEmployeeId] = useState('')
@@ -13,58 +13,72 @@ export default function LibrarianRegister({ onRegister, onSwitchToLogin }) {
const [loading, setLoading] = useState(false)
const [fieldErrors, setFieldErrors] = useState({})
- // 实时验证工号
+ // 验证函数
const validateEmployeeId = (value) => {
if (!value.trim()) {
setFieldErrors(prev => ({ ...prev, employeeId: '请输入工号' }))
return false
}
if (value.length < 3) {
- setFieldErrors(prev => ({ ...prev, employeeId: '工号长度不能少于3位' }))
+ setFieldErrors(prev => ({ ...prev, employeeId: '工号至少3位' }))
return false
}
setFieldErrors(prev => ({ ...prev, employeeId: '' }))
return true
}
- // 实时验证姓名
const validateName = (value) => {
if (!value.trim()) {
setFieldErrors(prev => ({ ...prev, name: '请输入姓名' }))
return false
}
+ if (value.length < 2) {
+ setFieldErrors(prev => ({ ...prev, name: '姓名至少2位' }))
+ return false
+ }
setFieldErrors(prev => ({ ...prev, name: '' }))
return true
}
- // 实时验证密码
const validatePassword = (value) => {
if (!value) {
setFieldErrors(prev => ({ ...prev, password: '请输入密码' }))
return false
}
if (value.length < 6) {
- setFieldErrors(prev => ({ ...prev, password: '密码长度不能少于6位' }))
+ setFieldErrors(prev => ({ ...prev, password: '密码至少6位' }))
return false
}
setFieldErrors(prev => ({ ...prev, password: '' }))
return true
}
- // 实时验证确认密码
const validateConfirmPassword = (value) => {
if (value !== password) {
- setFieldErrors(prev => ({ ...prev, confirmPassword: '两次输入的密码不一致' }))
+ setFieldErrors(prev => ({ ...prev, confirmPassword: '两次密码不一致' }))
return false
}
setFieldErrors(prev => ({ ...prev, confirmPassword: '' }))
return true
}
+ const getPasswordStrength = () => {
+ if (!password) return 0
+ let strength = 0
+ if (password.length >= 6) strength++
+ if (password.length >= 8) strength++
+ if (/[A-Z]/.test(password)) strength++
+ if (/[0-9]/.test(password)) strength++
+ if (/[^A-Za-z0-9]/.test(password)) strength++
+ return Math.min(strength, 4)
+ }
+
+ const strengthLevels = ['弱', '一般', '中等', '强', '很强']
+ const strengthColors = ['bg-red-500', 'bg-orange-500', 'bg-yellow-500', 'bg-green-500', 'bg-green-600']
+
const handleSubmit = async (e) => {
e.preventDefault()
- // 表单验证
const isEmployeeIdValid = validateEmployeeId(employeeId)
const isNameValid = validateName(name)
const isPasswordValid = validatePassword(password)
@@ -80,7 +94,7 @@ export default function LibrarianRegister({ onRegister, onSwitchToLogin }) {
setLoading(true)
try {
- const res = await fetch(`${API_URL}/librarian/auth/register`, {
+ const res = await fetch(`${API_URL}/auth/register`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ employeeId, name, password })
@@ -89,59 +103,40 @@ export default function LibrarianRegister({ onRegister, onSwitchToLogin }) {
const data = await res.json()
if (!res.ok) {
- setError(data.error || '注册失败')
- setLoading(false)
- return
+ throw new Error(data.error || '注册失败')
}
- setSuccess('注册成功！2秒后跳转到登录页...')
+ setSuccess('注册成功！即将跳转到登录页...')
setTimeout(() => {
- if (onRegister) {
- onRegister()
- }
- }, 2000)
+ onRegister?.()
+ }, 1500)
} catch (err) {
- setError('网络错误，请确保后端已启动')
+ setError(err.message || '网络错误，请确保后端已启动')
+ } finally {
setLoading(false)
}
}
- // 密码强度检测
- const getPasswordStrength = () => {
- if (!password) return 0
- let strength = 0
- if (password.length >= 6) strength++
- if (password.length >= 8) strength++
- if (/[A-Z]/.test(password)) strength++
- if (/[0-9]/.test(password)) strength++
- if (/[^A-Za-z0-9]/.test(password)) strength++
- return Math.min(strength, 4)
- }
-
- const strengthLevels = ['极弱', '弱', '中等', '强', '非常强']
- const strengthColors = ['bg-red-500', 'bg-orange-500', 'bg-yellow-500', 'bg-green-500', 'bg-green-600']
-
return (
-
-
+
+
-
图书管理员注册
+
📚
+
图书管理员注册
创建您的管理员账号