学生成绩管理系统 - 学生仪表�?/title> <link rel="stylesheet" href="/public/css/style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> </head> <body>  <nav class="navbar"> <div class="navbar-brand"> <i class="fas fa-graduation-cap"></i> <span>XX学校成绩管理系统</span> </div> <div class="navbar-menu"> <a href="/" class="btn btn-secondary"> <i class="fas fa-home"></i> 主页 </a> <div class="navbar-user"> <span class="user-name" id="userName">加载�?..</span> <button id="logoutBtn" class="btn btn-primary"> <i class="fas fa-sign-out-alt"></i> 退�? </button> </div> </div> </nav>  <div class="dashboard-container">  <aside class="sidebar"> <div class="sidebar-header"> <div class="user-info"> <div class="user-avatar"> <i class="fas fa-user-graduate"></i> </div> <div class="user-details"> <h3 id="studentName">加载�?..</h3> <p>学生 | 班级�?span id="studentClass">加载�?..</span></p> </div> </div> </div> <ul class="sidebar-menu"> <li> <a href="#" class="active"> <i class="fas fa-tachometer-alt"></i> <span>仪表�?/span> </a> </li> <li> <a href="#"> <i class="fas fa-chart-bar"></i> <span>成绩查询</span> </a> </li> <li> <a href="#"> <i class="fas fa-book"></i> <span>课程详情</span> </a> </li> <li> <a href="#"> <i class="fas fa-user"></i> <span>个人信息</span> </a> </li> <li> <a href="#"> <i class="fas fa-chart-line"></i> <span>成绩分析</span> </a> </li> <li> <a href="#"> <i class="fas fa-download"></i> <span>成绩导出</span> </a> </li> </ul> </aside>  <main class="main-content"> <div class="content-header"> <div> <h1 class="page-title">学生仪表�?/h1> <div class="breadcrumb"> <a href="/">主页</a> <i class="fas fa-chevron-right"></i> <span>学生仪表�?/span> </div> </div> <div class="current-time" id="currentTime"></div> </div>  <div class="stats-grid"> <div class="stat-card"> <div class="stat-icon gpa"> <i class="fas fa-star"></i> </div> <div class="stat-value" id="gpaValue">3.75</div> <div class="stat-label">平均绩点</div> </div> <div class="stat-card"> <div class="stat-icon courses"> <i class="fas fa-book"></i> </div> <div class="stat-value" id="courseCount">8</div> <div class="stat-label">已修课程</div> </div> <div class="stat-card"> <div class="stat-icon credits"> <i class="fas fa-certificate"></i> </div> <div class="stat-value" id="creditTotal">24</div> <div class="stat-label">总学�?/div> </div> <div class="stat-card"> <div class="stat-icon ranking"> <i class="fas fa-trophy"></i> </div> <div class="stat-value" id="classRank">5</div> <div class="stat-label">班级排名</div> </div> </div>  <div class="grades-table"> <div class="table-header"> <h2 class="table-title">本学期成�?/h2> <div class="table-actions"> <select class="form-select" style="width: 150px;"> <option value="all">所有学�?/option> <option value="2023-2" selected>2023-2024学年第二学期</option> <option value="2023-1">2023-2024学年第一学期</option> </select> <button class="btn btn-primary"> <i class="fas fa-download"></i> 导出成绩�? </button> </div> </div> <div class="table-container"> <table> <thead> <tr> <th>课程名称</th> <th>课程代码</th> <th>学分</th> <th>平时成绩</th> <th>期末成绩</th> <th>总成�?/th> <th>绩点</th> <th>操作</th> </tr> </thead> <tbody id="gradesTableBody">  </tbody> </table> </div> </div> </main> </div> <script src="/public/js/student.js"></script> <script src="/public/js/auth.js"></script> <script> // 更新当前时间 function updateCurrentTime() { const now = new Date(); const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' }; document.getElementById('currentTime').textContent = now.toLocaleString('zh-CN', options); } setInterval(updateCurrentTime, 1000); updateCurrentTime(); </script> </body> </html>