yanxulong/AIEC-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
闫旭隆
2025-10-17 09:31:28 +08:00
commit 4698145045
589 changed files with 196795 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
AIEC-server/auth/components/auth-form.css Normal file
View File

@ -0,0 +1,231 @@
/* 认证表单专用样式 */
.auth-container {
animation: slideInUp 0.6s ease-out;
}
.auth-form-wrapper {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(20px);
box-shadow:
0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.form-group {
position: relative;
}
.form-group input {
transition: all 0.3s ease;
}
.form-group input:focus {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(37, 99, 235, 0.15);
}
.form-group input:valid {
border-color: #10b981;
}
.form-group input.error {
border-color: #ef4444;
background-color: rgba(239, 68, 68, 0.05);
}
.error-message {
animation: slideDown 0.3s ease-out;
font-size: 0.875rem;
}
.error-message.show {
display: block !important;
}
/* 发送验证码按钮状态 */
#sendCodeBtn:disabled {
background-color: #9ca3af;
cursor: not-allowed;
}
#sendCodeBtn.countdown {
background-color: #6b7280;
}
/* 登录/注册按钮动画 */
#loginBtn, #registerBtn {
position: relative;
overflow: hidden;
transform: translateZ(0);
}
#loginBtn:hover, #registerBtn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);
}
#loginBtn:active, #registerBtn:active {
transform: translateY(0);
}
/* 状态消息样式 */
#statusMessage {
border-left: 4px solid currentColor;
animation: slideInLeft 0.4s ease-out;
}
#statusMessage.success {
background-color: rgba(16, 185, 129, 0.1);
color: #059669;
border-color: #10b981;
}
#statusMessage.error {
background-color: rgba(239, 68, 68, 0.1);
color: #dc2626;
border-color: #ef4444;
}
#statusMessage.info {
background-color: rgba(59, 130, 246, 0.1);
color: #2563eb;
border-color: #3b82f6;
}
#statusMessage.warning {
background-color: rgba(245, 158, 11, 0.1);
color: #d97706;
border-color: #f59e0b;
}
/* 动画定义 */
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
max-height: 0;
}
to {
opacity: 1;
transform: translateY(0);
max-height: 50px;
}
}
@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* 输入框聚焦效果 */
.form-group label {
transition: all 0.3s ease;
}
.form-group input:focus + .absolute i {
color: #2563eb;
transform: scale(1.1);
}
/* 响应式设计 */
@media (max-width: 640px) {
.auth-form-wrapper {
margin: 1rem;
padding: 1.5rem;
}
.form-group {
margin-bottom: 1rem;
}
#sendCodeBtn {
padding: 0.75rem 1rem;
font-size: 0.875rem;
}
}
/* 加载状态 */
.loading {
position: relative;
pointer-events: none;
}
.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid #ffffff;
border-top: 2px solid transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 表单验证提示 */
.form-group .valid-feedback {
color: #10b981;
font-size: 0.875rem;
margin-top: 0.25rem;
}
.form-group .valid-feedback::before {
content: '✓ ';
font-weight: bold;
}
/* 密码强度指示器（预留） */
.password-strength {
height: 4px;
background-color: #e5e7eb;
border-radius: 2px;
margin-top: 0.5rem;
overflow: hidden;
}
.password-strength-bar {
height: 100%;
transition: all 0.3s ease;
border-radius: 2px;
}
.password-strength.weak .password-strength-bar {
width: 33%;
background-color: #ef4444;
}
.password-strength.medium .password-strength-bar {
width: 66%;
background-color: #f59e0b;
}
.password-strength.strong .password-strength-bar {
width: 100%;
background-color: #10b981;
}

2
AIEC-server/auth/components/auth-form.cssZone.Identifier Normal file
View File

@ -0,0 +1,2 @@
[ZoneTransfer]
ZoneId=3

404
AIEC-server/auth/components/auth-handler.js Normal file
View File

@ -0,0 +1,404 @@
/**
* 认证处理器 - 处理登录/注册页面的交互逻辑
*/
class AuthHandler {
constructor() {
this.countdownTimer = null;
this.countdownSeconds = 60;
this.init();
}
/**
* 初始化
*/
init() {
this.setupEventListeners();
this.setupFormValidation();
this.checkPageType();
}
/**
* 检查页面类型并设置相应逻辑
*/
checkPageType() {
const loginForm = document.getElementById('loginForm');
const registerForm = document.getElementById('registerForm');
if (loginForm) {
this.setupLoginForm();
}
if (registerForm) {
this.setupRegisterForm();
}
}
/**
* 设置事件监听器
*/
setupEventListeners() {
// 发送验证码按钮
const sendCodeBtn = document.getElementById('sendCodeBtn');
if (sendCodeBtn) {
sendCodeBtn.addEventListener('click', (e) => {
e.preventDefault();
this.handleSendCode();
});
}
// 页面加载时检查登录状态
this.checkAuthStatus();
}
/**
* 设置表单验证
*/
setupFormValidation() {
// 账号字段实时验证
FormValidator.setupRealTimeValidation('account', (value) => FormValidator.validateAccount(value));
// 验证码字段实时验证
FormValidator.setupRealTimeValidation('verifyCode', (value) => FormValidator.validateVerifyCode(value));
// 用户名字段实时验证（仅注册页面）
const usernameField = document.getElementById('username');
if (usernameField) {
FormValidator.setupRealTimeValidation('username', (value) => FormValidator.validateUsername(value));
}
}
/**
* 设置登录表单
*/
setupLoginForm() {
const loginForm = document.getElementById('loginForm');
loginForm.addEventListener('submit', async (e) => {
e.preventDefault();
await this.handleLogin();
});
}
/**
* 设置注册表单
*/
setupRegisterForm() {
const registerForm = document.getElementById('registerForm');
registerForm.addEventListener('submit', async (e) => {
e.preventDefault();
await this.handleRegister();
});
}
/**
* 处理发送验证码
*/
async handleSendCode() {
const accountField = document.getElementById('account');
const sendCodeBtn = document.getElementById('sendCodeBtn');
if (!accountField || !sendCodeBtn) return;
const account = accountField.value.trim();
// 验证账号格式
const accountValidation = FormValidator.validateAccount(account);
if (!accountValidation.valid) {
FormValidator.showError('account', accountValidation.message);
this.showStatus('error', accountValidation.message);
return;
}
// 清除账号错误信息
FormValidator.clearError('account');
// 禁用按钮并显示加载状态
sendCodeBtn.disabled = true;
sendCodeBtn.classList.add('loading');
sendCodeBtn.textContent = '发送中...';
try {
// 判断是登录还是注册页面
const isRegisterPage = window.location.pathname.includes('register');
const type = isRegisterPage ? 'register' : 'login';
const result = await AuthService.sendVerifyCode(account, type);
if (result.success) {
this.showStatus('success', result.message);
this.startCountdown();
} else {
this.showStatus('error', result.message);
// 恢复按钮状态
sendCodeBtn.disabled = false;
sendCodeBtn.classList.remove('loading');
sendCodeBtn.textContent = '发送验证码';
}
} catch (error) {
console.error('Send code error:', error);
this.showStatus('error', '发送失败，请稍后重试');
// 恢复按钮状态
sendCodeBtn.disabled = false;
sendCodeBtn.classList.remove('loading');
sendCodeBtn.textContent = '发送验证码';
}
}
/**
* 处理登录
*/
async handleLogin() {
const accountField = document.getElementById('account');
const codeField = document.getElementById('verifyCode');
const loginBtn = document.getElementById('loginBtn');
if (!accountField || !codeField || !loginBtn) return;
const account = accountField.value.trim();
const verifyCode = codeField.value.trim();
// 验证表单
const accountValidation = FormValidator.validateAccount(account);
const codeValidation = FormValidator.validateVerifyCode(verifyCode);
let hasError = false;
if (!accountValidation.valid) {
FormValidator.showError('account', accountValidation.message);
hasError = true;
} else {
FormValidator.clearError('account');
}
if (!codeValidation.valid) {
FormValidator.showError('verifyCode', codeValidation.message);
hasError = true;
} else {
FormValidator.clearError('verifyCode');
}
if (hasError) {
this.showStatus('error', '请检查输入信息');
return;
}
// 显示加载状态
loginBtn.disabled = true;
loginBtn.classList.add('loading');
loginBtn.textContent = '登录中...';
try {
const result = await AuthService.login(account, verifyCode);
if (result.success) {
this.showStatus('success', result.message);
// 登录成功，延迟跳转
setTimeout(() => {
this.redirectAfterLogin();
}, 1000);
} else {
this.showStatus('error', result.message);
// 恢复按钮状态
loginBtn.disabled = false;
loginBtn.classList.remove('loading');
loginBtn.textContent = '登录';
}
} catch (error) {
console.error('Login error:', error);
this.showStatus('error', '登录失败，请稍后重试');
// 恢复按钮状态
loginBtn.disabled = false;
loginBtn.classList.remove('loading');
loginBtn.textContent = '登录';
}
}
/**
* 处理注册
*/
async handleRegister() {
const usernameField = document.getElementById('username');
const accountField = document.getElementById('account');
const codeField = document.getElementById('verifyCode');
const registerBtn = document.getElementById('registerBtn');
if (!usernameField || !accountField || !codeField || !registerBtn) return;
const username = usernameField.value.trim();
const account = accountField.value.trim();
const verifyCode = codeField.value.trim();
// 验证表单
const usernameValidation = FormValidator.validateUsername(username);
const accountValidation = FormValidator.validateAccount(account);
const codeValidation = FormValidator.validateVerifyCode(verifyCode);
let hasError = false;
if (!usernameValidation.valid) {
FormValidator.showError('username', usernameValidation.message);
hasError = true;
} else {
FormValidator.clearError('username');
}
if (!accountValidation.valid) {
FormValidator.showError('account', accountValidation.message);
hasError = true;
} else {
FormValidator.clearError('account');
}
if (!codeValidation.valid) {
FormValidator.showError('verifyCode', codeValidation.message);
hasError = true;
} else {
FormValidator.clearError('verifyCode');
}
if (hasError) {
this.showStatus('error', '请检查输入信息');
return;
}
// 显示加载状态
registerBtn.disabled = true;
registerBtn.classList.add('loading');
registerBtn.textContent = '注册中...';
try {
const result = await AuthService.register(username, account, verifyCode);
if (result.success) {
this.showStatus('success', result.message);
// 注册成功，延迟跳转
setTimeout(() => {
this.redirectAfterLogin();
}, 1000);
} else {
this.showStatus('error', result.message);
// 恢复按钮状态
registerBtn.disabled = false;
registerBtn.classList.remove('loading');
registerBtn.textContent = '注册';
}
} catch (error) {
console.error('Register error:', error);
this.showStatus('error', '注册失败，请稍后重试');
// 恢复按钮状态
registerBtn.disabled = false;
registerBtn.classList.remove('loading');
registerBtn.textContent = '注册';
}
}
/**
* 开始倒计时
*/
startCountdown() {
const sendCodeBtn = document.getElementById('sendCodeBtn');
if (!sendCodeBtn) return;
let seconds = this.countdownSeconds;
const updateButton = () => {
sendCodeBtn.textContent = `${seconds}秒后重试`;
sendCodeBtn.disabled = true;
sendCodeBtn.classList.add('countdown');
};
updateButton();
this.countdownTimer = setInterval(() => {
seconds--;
if (seconds > 0) {
updateButton();
} else {
// 倒计时结束
clearInterval(this.countdownTimer);
sendCodeBtn.textContent = '发送验证码';
sendCodeBtn.disabled = false;
sendCodeBtn.classList.remove('loading', 'countdown');
}
}, 1000);
}
/**
* 显示状态消息
* @param {string} type - 消息类型：success/error/info/warning
* @param {string} message - 消息内容
*/
showStatus(type, message) {
const statusElement = document.getElementById('statusMessage');
const statusText = document.getElementById('statusText');
if (!statusElement || !statusText) return;
// 清除之前的类
statusElement.className = 'mt-4 p-3 rounded-lg';
statusElement.classList.add(type);
statusText.textContent = message;
statusElement.classList.remove('hidden');
// 成功消息3秒后自动隐藏
if (type === 'success') {
setTimeout(() => {
statusElement.classList.add('hidden');
}, 3000);
}
}
/**
* 检查认证状态
*/
async checkAuthStatus() {
try {
const authStatus = await AuthService.checkAuthStatus();
if (authStatus.isAuthenticated) {
// 已登录，重定向到首页
this.redirectAfterLogin();
}
} catch (error) {
console.error('Check auth status error:', error);
}
}
/**
* 登录后重定向
*/
redirectAfterLogin() {
// 获取跳转目标，默认为首页
const urlParams = new URLSearchParams(window.location.search);
const redirectUrl = urlParams.get('redirect') || '../../index.html';
window.location.href = redirectUrl;
}
/**
* 销毁实例
*/
destroy() {
if (this.countdownTimer) {
clearInterval(this.countdownTimer);
}
}
}
// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', () => {
window.authHandler = new AuthHandler();
});
// 页面卸载时清理
window.addEventListener('beforeunload', () => {
if (window.authHandler) {
window.authHandler.destroy();
}
});

2
AIEC-server/auth/components/auth-handler.jsZone.Identifier Normal file
View File

@ -0,0 +1,2 @@
[ZoneTransfer]
ZoneId=3