教师仪表板
成绩录入
为学生录入新的课程成绩,支持批量导入和单个录入。
成绩查询
查询学生成绩,支持按班级、课程、学期等多维度筛选。
成绩管理
修改或删除已录入的成绩,管理成绩记录和状态。
统计分析
查看成绩统计图表,分析教学效果和学生表现。
/* 仪表板布局 */ .dashboard-container { display: flex; min-height: calc(100vh - 80px); } /* 侧边栏 */ .sidebar { width: 250px; background: linear-gradient(180deg, #43e97b 0%, #38f9d7 100%); color: white; padding: 30px 0; position: sticky; top: 80px; height: calc(100vh - 80px); overflow-y: auto; } .sidebar-header { padding: 0 25px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 20px; } .user-info { display: flex; align-items: center; gap: 15px; } .user-avatar { width: 50px; height: 50px; border-radius: 50%; background: white; display: flex; align-items: center; justify-content: center; color: #43e97b; font-size: 20px; } .user-details h3 { margin: 0 0 5px; font-size: 1.1rem; } .user-details p { margin: 0; font-size: 0.9rem; opacity: 0.8; } .sidebar-menu { list-style: none; padding: 0; margin: 0; } .sidebar-menu li { margin: 5px 0; } .sidebar-menu a { display: flex; align-items: center; gap: 15px; padding: 15px 25px; color: white; text-decoration: none; transition: all 0.3s ease; border-left: 3px solid transparent; } .sidebar-menu a:hover { background: rgba(255, 255, 255, 0.1); border-left-color: white; } .sidebar-menu a.active { background: rgba(255, 255, 255, 0.2); border-left-color: white; } .sidebar-menu i { width: 20px; text-align: center; } /* 主内容区 */ .main-content { flex: 1; padding: 30px; background: #f8f9ff; } .content-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .page-title { font-size: 1.8rem; color: #333; margin: 0; } .breadcrumb { display: flex; align-items: center; gap: 10px; color: #666; font-size: 0.9rem; } .breadcrumb a { color: #43e97b; text-decoration: none; } .breadcrumb i { font-size: 0.8rem; } /* 功能卡片 */ .function-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 40px; } .function-card { background: white; border-radius: 15px; padding: 30px; text-align: center; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; cursor: pointer; border: 2px solid transparent; } .function-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); border-color: #43e97b; } .function-icon { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px; color: white; } .function-title { font-size: 1.3rem; color: #333; margin-bottom: 10px; } .function-description { color: #666; line-height: 1.5; margin-bottom: 20px; } /* 快速操作 */ .quick-actions { background: white; border-radius: 15px; padding: 25px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } .section-title { font-size: 1.4rem; color: #333; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .section-title i { color: #43e97b; } .action-buttons { display: flex; gap: 15px; flex-wrap: wrap; } .action-btn { padding: 12px 25px; background: #f8f9ff; border: 1px solid #e0e0e0; border-radius: 10px; color: #333; text-decoration: none; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease; } .action-btn:hover { background: #43e97b; color: white; border-color: #43e97b; } /* 最近活动 */ .recent-activities { background: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } .activity-list { list-style: none; padding: 0; margin: 0; } .activity-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #eee; } .activity-item:last-child { border-bottom: none; } .activity-icon { width: 40px; height: 40px; border-radius: 50%; background: #f8f9ff; display: flex; align-items: center; justify-content: center; color: #43e97b; } .activity-content { flex: 1; } .activity-title { font-weight: 600; color: #333; margin-bottom: 5px; } .activity-time { font-size: 0.9rem; color: #999; } /* 响应式设计 */ @media (max-width: 992px) { .dashboard-container { flex-direction: column; } .sidebar { width: 100%; height: auto; position: static; padding: 20px 0; } .sidebar-menu { display: flex; overflow-x: auto; padding: 0 20px; } .sidebar-menu li { flex-shrink: 0; } .sidebar-menu a { padding: 10px 15px; border-left: none; border-bottom: 3px solid transparent; } .sidebar-menu a:hover, .sidebar-menu a.active { border-left-color: transparent; border-bottom-color: white; } } @media (max-width: 768px) { .main-content { padding: 20px; } .content-header { flex-direction: column; align-items: flex-start; gap: 15px; } .function-grid { grid-template-columns: 1fr; } .action-buttons { flex-direction: column; } .action-btn { justify-content: center; } }
为学生录入新的课程成绩,支持批量导入和单个录入。
查询学生成绩,支持按班级、课程、学期等多维度筛选。
修改或删除已录入的成绩,管理成绩记录和状态。
查看成绩统计图表,分析教学效果和学生表现。