<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>
成绩管理系统 .table-container { margin: 20px; } .form-container { margin: 20px; } .grade-A { color: #27ae60; font-weight: bold; } .grade-B { color: #2ecc71; font-weight: bold; } .grade-C { color: #f1c40f; font-weight: bold; } .grade-D { color: #e67e22; font-weight: bold; } .grade-F { color: #e74c3c; font-weight: bold; } .highlight { animation: highlight 2s ease; } @keyframes highlight { 0% { background-color: rgba(255, 255, 0, 0.8); } 100% { background-color: transparent; } }
成绩管理系统
<!-- 添加成绩表单 -->
<div class="form-container well">
<h3>录入成绩</h3>
<form id="addScoreForm">
<div class="form-group">
<label for="studentName">学生姓名:</label>
<input type="text" class="form-control" id="studentName" required>
</div>
<div class="form-group">
<label for="subject">科目:</label>
<input type="text" class="form-control" id="subject" required>
</div>
<div class="form-group">
<label for="score">成绩:</label>
<input type="number" class="form-control" id="score" min="0" max="100" step="0.1" required>
</div>
<button type="submit" class="btn btn-primary">添加成绩</button>
</form>
</div>
<!-- 成绩列表 -->
<div class="table-container">
<h3>成绩列表</h3>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>学生姓名</th>
<th>科目</th>
<th>成绩</th>
<th>等级</th>
<th>操作</th>
</tr>
</thead>
<tbody id="scoreList">
<tr>
<td colspan="5" class="text-center">正在加载数据...</td>
</tr>
</tbody>
</table>
</div>