用户登录功能

This commit is contained in:
2025-12-30 09:39:40 +00:00
parent 9edc0ae2ca
commit 8c3200829a
13 changed files with 539 additions and 23 deletions

View File

@@ -8,11 +8,44 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- 登录页面 -->
<div id="loginPage" class="login-page">
<div class="login-container">
<div class="login-header">
<i class="fas fa-tasks"></i>
<h1>工作任务管理系统</h1>
</div>
<form id="loginForm" class="login-form">
<div class="form-group">
<label for="loginUsername">
<i class="fas fa-user"></i> 用户名
</label>
<input type="text" id="loginUsername" name="username" required autofocus>
</div>
<div class="form-group">
<label for="loginPassword">
<i class="fas fa-lock"></i> 密码
</label>
<input type="password" id="loginPassword" name="password" required>
</div>
<div id="loginError" class="error-message" style="display: none;"></div>
<button type="submit" class="btn btn-primary btn-block">
<i class="fas fa-sign-in-alt"></i> 登录
</button>
</form>
</div>
</div>
<!-- 主应用页面 -->
<div id="mainApp" class="container" style="display: none;">
<!-- 头部 -->
<header class="header">
<h1><i class="fas fa-tasks"></i> 工作任务管理系统</h1>
<div class="header-actions">
<span class="user-info">
<i class="fas fa-user-circle"></i>
<span id="currentUsername"></span>
</span>
<button id="addTaskBtn" class="btn btn-primary">
<i class="fas fa-plus"></i> 添加任务
</button>
@@ -22,6 +55,9 @@
<button id="timeHistoryBtn" class="btn btn-secondary">
<i class="fas fa-history"></i> 时间历史
</button>
<button id="logoutBtn" class="btn btn-outline">
<i class="fas fa-sign-out-alt"></i> 退出
</button>
</div>
</header>