This commit is contained in:
nopy 2024-06-26 19:27:10 +08:00
commit 29c15e93d3
7 changed files with 180 additions and 136 deletions

View File

@ -1,4 +1,4 @@
import './trainmanage.css'
import './Trainmanage.css'
import { Link } from 'react-router-dom';
// import React, { useEffect, useState } from 'react';
// import axios from 'axios';

View File

@ -8,18 +8,28 @@ import './classid.css'
function TeacherPage() {
const [selectedSubject, setSelectedSubject] = useState();
const [ID,setID]=useState(null)
const[TestScore,setTestScore]=useState([])
const { key } = useParams();
const [isclick,setisclick]=useState(false)
const [classdata,setClassData]=useState([])
const [studentScores, setStudentScores] = useState([])
const [name,setname]=useState('')
const click=()=>{
console.log(TestScore);
console.log(selectedSubject);
console.log(ID);
console.log(studentScores);
}
const teacher_ID=localStorage.getItem('islogin')
if(teacher_ID==null){
alert('登录过期,请重新登录')
window.location.href='http://36.138.114.105:30294/'
}
const { key } = useParams();
const [isclick,setisclick]=useState(false)
//
const [classdata,setClassData]=useState([])
const class_succeed = async () => {
try{
const class_scr=await axios.post('/api/teacher/find_student',{key})
@ -34,18 +44,32 @@ function TeacherPage() {
class_succeed();
},[])
//
const [studentScores, setStudentScores] = useState([]);
useEffect(() => {
class_succeed().then(() => {
const scores = classdata.map(student => ({
name: 11.26, //
score:10, //
}));
const scores = [];
// TestScore
for (const studentId in TestScore) {
//
if (TestScore.hasOwnProperty(studentId)) {
const studentInfo = TestScore[studentId];
//
if (studentInfo[2] === selectedSubject) {
// 3"Chinese" scores
scores.push({
name: studentInfo[3], // 4
score: studentInfo[5], // 6
});
// scores
if (scores.length > 3) {
scores.shift();
}
}
}
}
setStudentScores(scores);
});
}, [isclick]);
}, [selectedSubject]);
function formatDate(dateString) {
// Date
@ -59,17 +83,35 @@ function TeacherPage() {
const formattedDate = `${year}-${(monthIndex + 1).toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
return formattedDate;
}
const[TestScore,setTestScore]=useState()
const Find_details=async (ID)=>{
const Find_details= async ()=>{
if(ID!==null){
try{
const Find_details_Src=await axios.post('api/Find_details',{
const Find_details_Src = await axios.post('/api/teacher/Find_details',{
ID
})
setTestScore(Find_details_Src.data)
setTestScore(Find_details_Src.data['TestScore'])
setStudentScores([])
setSelectedSubject()
}catch{
alert('Find_details出错')
alert('Find_details')
}
}
}
useEffect(()=>{
Find_details()
const sltvalue=document.getElementById('selectvalue')
sltvalue.value=''
},[ID])
function handleSubjectChange(event) {
setSelectedSubject(event.target.value);
}
const handleClick = (item) => {
setID(classdata[item][1]);
setname(classdata[item][0]);
};
return(
<div className='body-right-classId'>
@ -98,7 +140,7 @@ function TeacherPage() {
<td className='box-content'>{classdata[item][3]}</td>
<td className='box-content'>{classdata[item][5]}</td>
<td className='box-content'>{formatDate(classdata[item][4])}</td>
<td className='box-content'><button onClick={()=>Find_details(classdata[item][1])} style={{border:'none'}}>查看详情</button></td>
<td className='box-content'><button onClick={(e)=>handleClick(item)} style={{border:'none'}}>查看详情</button></td>
</tr>
))}
</tbody>
@ -109,17 +151,17 @@ function TeacherPage() {
<div className='body-test-score'>
<h3>成绩</h3>
<div className='body-test-score-bar'>
<div className='studentName'>名字</div>
{name&&<div className='studentName'>已选中{name}</div>}
<button onClick={click}>测试</button>
<select>
<select onChange={handleSubjectChange} id='selectvalue'>
<option value="">请选择科目</option>
<option value="china">语文</option>
<option value="math">数学</option>
<option value="english">英语</option>
<option value="test">实训</option>
<option value="Chinese">语文</option>
<option value="Math">数学</option>
<option value="English">英语</option>
<option value="Train">实训</option>
</select>
<div className='table-bar'>
<BarChart width={600} height={350} data={studentScores} barSize={90} className='bar' >
<BarChart width={600} height={350} data={studentScores} barSize={80} className='bar' >
<CartesianGrid strokeDasharray="3 3" />
<XAxis dataKey="name" />
<YAxis dataKey="score"/>

View File

@ -102,7 +102,5 @@
.studentName{
margin-top: 20px;
font-size: 18px;
width: 72px;
margin-left: 50px;
border: 1px solid black;
}

View File

@ -3,3 +3,4 @@ function List_pods(){
<div></div>
)
}
export default List_pods

View File

@ -23,8 +23,8 @@ import ClassID from '../TeacherPages/classlistpages/classId';
import ManageTest from '../TeacherPages/TestManage/ManageTest';
import SendTest from '../TeacherPages/TestManage/SendTest';
import Marking from '../TeacherPages/MarkingPages/Marking';
import SendTrain from '../TeacherPages/TrainManage/SendTrain';
import TrainManage from '../TeacherPages/TrainManage/trainmanage';
import SendTrain from '../TeacherPages/Trainmanage/SendTrain';
import TrainManage from '../TeacherPages/Trainmanage/Trainmanage';
import StudentLink from '../TeacherPages/MarkingPages/StudentLink';
// (exam)使

View File

@ -231,10 +231,13 @@ def SendTrainTest():
return '发布成功'
@app.route('/api/Find_details',methods=["POST"])
@app.route('/api/teacher/Find_details',methods=["POST"])
def Find_details():
id=request.json['student_ID']
return Find_details(id)
data=request.json
ID=data['ID']
result=Find_details_Func(ID)
print(result)
return jsonify({'TestScore':result})
@app.route('/')

View File

@ -269,7 +269,7 @@ def SendTrainTestFunc(TrainChoice,TrainCompletion,TrainJudge,Hour,Min,StopTime,C
# return dic_last_three # 返回一个新字典,该字典仅包含排序后的最后三个键及其对应的值
def Find_details(ID):
def Find_details_Func(ID):
dic = {}
cursor = db.cursor()
cursor.execute(f"SELECT * FROM STUDENT_TEST WHERE STUDENT_ID=? AND TF='true' ", (ID))