diff --git a/HomeWork-java/src/com/wetoband/template/action/ToolTemplateAction.java b/HomeWork-java/src/com/wetoband/template/action/ToolTemplateAction.java
index a06608f23887695c5bba024810cab79ccb07964d..e495234ec59e6ee6d4860f2c8863331d27cedc04 100644
--- a/HomeWork-java/src/com/wetoband/template/action/ToolTemplateAction.java
+++ b/HomeWork-java/src/com/wetoband/template/action/ToolTemplateAction.java
@@ -27,6 +27,7 @@ import java.util.*;
     QuestionService questionService = IOC.getBean(QuestionServiceImpl.class);
     NoticeService noticeService = IOC.getBean(NoticeServiceImpl.class);
     SubmitService submitService = IOC.getBean(SubmitServiceImpl.class);
+    GradeService gradeService = IOC.getBean(GradeServiceImpl.class);
 
     WordService wordService = IOC.getBean(WordServiceImpl.class);
 
@@ -251,4 +252,26 @@ import java.util.*;
         int count=submitService.getGradeCount(id,submitStatus);
         return R.ok().put("data", count);
     }
+
+    //教师端获取成绩
+    @Action
+    public R getScore(HttpServletRequest request) throws Exception {
+        Integer id = Integer.parseInt(request.getParameter("id"));
+        List<Grade> score = gradeService.getScore(id);
+        return R.ok().put("data", score);
+
+    }
+    @Action
+    public R getScoreCount(HttpServletRequest request) throws Exception{
+        Integer id = Integer.parseInt(request.getParameter("id"));
+        int count = gradeService.getScoreCount(id);
+        return R.ok().put("data",count);
+    }
+    @Action
+    public R getScoreByHomework(HttpServletRequest request) throws Exception{
+        Integer id = Integer.parseInt(request.getParameter("id"));
+        List<String> list = gradeService.getScoreByHomework(id);
+        return R.ok().put("data",list);
+    }
+
 }
\ No newline at end of file
diff --git a/HomeWork-java/src/com/wetoband/template/dao/GradeDao.java b/HomeWork-java/src/com/wetoband/template/dao/GradeDao.java
new file mode 100644
index 0000000000000000000000000000000000000000..7adc1e861087a44d64cf66b8386d472ca5357e13
--- /dev/null
+++ b/HomeWork-java/src/com/wetoband/template/dao/GradeDao.java
@@ -0,0 +1,13 @@
+package com.wetoband.template.dao;
+
+import com.wetoband.template.entity.Grade;
+
+import java.sql.Connection;
+import java.sql.SQLException;
+import java.util.List;
+
+public interface GradeDao {
+    List<Grade> getScore(Connection connection, int id) throws SQLException;
+    int getScoreCount(Connection connection,int id)throws SQLException;
+    List<String> getScoreByHomework(Connection connection,int id) throws SQLException;
+}
diff --git a/HomeWork-java/src/com/wetoband/template/dao/impl/GradeDaoImpl.java b/HomeWork-java/src/com/wetoband/template/dao/impl/GradeDaoImpl.java
new file mode 100644
index 0000000000000000000000000000000000000000..df6c5ccd0c43a24f7de8abc70ef8437fb5b4ee41
--- /dev/null
+++ b/HomeWork-java/src/com/wetoband/template/dao/impl/GradeDaoImpl.java
@@ -0,0 +1,98 @@
+package com.wetoband.template.dao.impl;
+
+import com.wetoband.template.dao.GradeDao;
+import com.wetoband.template.entity.Grade;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import java.util.ArrayList;
+import java.util.List;
+
+@Repository
+public class GradeDaoImpl implements GradeDao {
+    @Override
+    public List<Grade> getScore(Connection connection, int id) throws SQLException {
+
+        // SQL语句
+        String sql = "SELECT student.sno,student.name,homework.homework_name," +
+                "submit.submitTime,submit.score,submit.submitStatus,submit.correct,homework.homework_id " +
+                "FROM submit JOIN student ON submit.student_id = student.id " +
+                "JOIN homework ON submit.homework_id = homework.homework_id " +
+                "WHERE submit.teacher_id = ?";
+
+        List<Grade> gradeList = new ArrayList<>();
+        try (PreparedStatement pstm = connection.prepareStatement(sql)) {
+            pstm.setInt(1, id);
+            try (ResultSet rs = pstm.executeQuery()) {
+                while (rs.next()) {
+                    Grade grade = new Grade();
+                    grade.setSno(rs.getString("sno"));
+                    grade.setName(rs.getString("name"));
+                    grade.setHomeworkName(rs.getString("homework_name"));
+                    grade.setHomeworkId(rs.getInt("homework_id"));
+                    if (rs.getInt("submitStatus") == 0) {
+                        grade.setSubmitTime("未提交");
+                    } else {
+                        grade.setSubmitTime(rs.getString("submitTime"));
+                    }
+                    if (rs.getInt("correct") == 0 && rs.getInt("submitStatus") != 0) {
+                        grade.setScore("未批改");
+                    } else {
+                        grade.setScore(String.valueOf(rs.getDouble("score")));
+                    }
+                    gradeList.add(grade);
+                }
+            } catch (SQLException e) {
+                // 处理异常，这里只是简单地让异常继续抛出，但实际应用中可能需要更详细的错误处理
+                throw e;
+            }
+            return gradeList;
+        }
+    }
+
+    @Override
+    public int getScoreCount(Connection connection,int id) throws SQLException{
+        String sql = "SELECT COUNT(DISTINCT submit.submit_id) " +
+                "FROM submit JOIN student ON submit.student_id = student.id " +
+                "JOIN homework ON submit.homework_id = homework.homework_id " +
+                "WHERE submit.teacher_id = ?";
+        int count = 0;
+        try (PreparedStatement pstm = connection.prepareStatement(sql)) {
+            pstm.setInt(1,id);
+            try (ResultSet rs = pstm.executeQuery()) {
+                while (rs.next()) {
+                    count = rs.getInt(1);
+                }
+            }
+        } catch (SQLException e) {
+            throw new RuntimeException(e);
+        }
+        return count;
+    }
+
+    @Override
+    public List<String> getScoreByHomework(Connection connection,int id) throws SQLException{
+        String sql = "SELECT submit.score,submit.correct,submit.submitStatus FROM submit where homework_id = ?";
+        List list = new ArrayList();
+        try (PreparedStatement pstm = connection.prepareStatement(sql)) {
+            pstm.setInt(1,id);
+            try (ResultSet rs = pstm.executeQuery()) {
+                while (rs.next()) {
+                    if(rs.getInt("submit.correct") == 0 && rs.getInt("submit.submitStatus") !=0){
+                        list.add("未批改");
+                    }
+                    else{
+                        list.add(String.valueOf(rs.getDouble("submit.score")));
+                    }
+                }
+            }
+        } catch (SQLException e) {
+            throw new RuntimeException(e);
+        }
+        return list;
+    }
+
+}
diff --git a/HomeWork-java/src/com/wetoband/template/entity/Grade.java b/HomeWork-java/src/com/wetoband/template/entity/Grade.java
new file mode 100644
index 0000000000000000000000000000000000000000..45ce064eb41279be17a280427cee8183b88f6a63
--- /dev/null
+++ b/HomeWork-java/src/com/wetoband/template/entity/Grade.java
@@ -0,0 +1,24 @@
+package com.wetoband.template.entity;
+
+import lombok.Data;
+
+import javax.persistence.Column;
+import javax.persistence.Table;
+
+@Data
+@Table(name = "grade")
+public class Grade {
+    @Column(name = "sno")
+    private String sno;
+    @Column(name = "homework_id")
+    private int homeworkId;
+    @Column(name = "name")
+    private String name;
+    @Column(name = "homework_name")
+    private String homeworkName;
+    @Column(name = "submit_time")
+    private String submitTime;
+    @Column(name = "score")
+    private String score;
+}
+
diff --git a/HomeWork-java/src/com/wetoband/template/service/GradeService.java b/HomeWork-java/src/com/wetoband/template/service/GradeService.java
new file mode 100644
index 0000000000000000000000000000000000000000..f899735c8c148e6169ebeb4dfade67329596b612
--- /dev/null
+++ b/HomeWork-java/src/com/wetoband/template/service/GradeService.java
@@ -0,0 +1,11 @@
+package com.wetoband.template.service;
+
+import com.wetoband.template.entity.Grade;
+
+import java.util.List;
+
+public interface GradeService {
+    public List<Grade> getScore(int id) throws Exception;
+    public int getScoreCount(int id) throws Exception;
+    public List<String> getScoreByHomework(int id) throws Exception;
+}
diff --git a/HomeWork-java/src/com/wetoband/template/service/impl/GradeServiceImpl.java b/HomeWork-java/src/com/wetoband/template/service/impl/GradeServiceImpl.java
new file mode 100644
index 0000000000000000000000000000000000000000..2295b5ab4fd6214890d88909c12a5494a8540bdc
--- /dev/null
+++ b/HomeWork-java/src/com/wetoband/template/service/impl/GradeServiceImpl.java
@@ -0,0 +1,34 @@
+package com.wetoband.template.service.impl;
+
+import com.fy.basejar.tool.ActionToolBase;
+import com.wetoband.template.dao.GradeDao;
+import com.wetoband.template.entity.Grade;
+import com.wetoband.template.service.GradeService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.sql.Connection;
+import java.util.List;
+
+@Service
+public class GradeServiceImpl implements GradeService {
+    @Autowired
+    private GradeDao gradeDao;
+
+    @Override
+    public List<Grade> getScore(int id) throws Exception {
+        final Connection connection = ActionToolBase.getDBConnection();
+        return  gradeDao.getScore(connection,id);
+    }
+
+    @Override
+    public int getScoreCount(int id) throws Exception{
+        final Connection connection = ActionToolBase.getDBConnection();
+        return  gradeDao.getScoreCount(connection,id);
+    }
+    @Override
+    public List<String> getScoreByHomework(int id) throws Exception{
+        final Connection connection = ActionToolBase.getDBConnection();
+        return gradeDao.getScoreByHomework(connection,id);
+    }
+}
diff --git a/TeacherHomeWork-vite/package-lock.json b/TeacherHomeWork-vite/package-lock.json
index 48f7493faab6f88b0c6e2bca4e7931e991946aae..7ca28aafd3fbb27732514ea931815c07285258c8 100644
--- a/TeacherHomeWork-vite/package-lock.json
+++ b/TeacherHomeWork-vite/package-lock.json
@@ -16,7 +16,8 @@
         "qs": "^6.11.2",
         "vue": "^3.3.11",
         "vue-echarts": "^7.0.3",
-        "vue-router": "^4.5.0"
+        "vue-router": "^4.5.0",
+        "xlsx": "^0.18.5"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.5.2",
@@ -880,6 +881,15 @@
         }
       }
     },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
@@ -953,6 +963,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
@@ -981,6 +1004,15 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -993,6 +1025,18 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
@@ -1158,6 +1202,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@@ -1590,6 +1643,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -1743,6 +1808,45 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/zrender": {
       "version": "5.6.1",
       "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
diff --git a/TeacherHomeWork-vite/package.json b/TeacherHomeWork-vite/package.json
index c384ba9593491958e191afbdec38b62300772052..552e1d1b10b8cd765881d732a4b24f2a4d59f221 100644
--- a/TeacherHomeWork-vite/package.json
+++ b/TeacherHomeWork-vite/package.json
@@ -17,7 +17,8 @@
     "qs": "^6.11.2",
     "vue": "^3.3.11",
     "vue-echarts": "^7.0.3",
-    "vue-router": "^4.5.0"
+    "vue-router": "^4.5.0",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
diff --git a/TeacherHomeWork-vite/src/router/index.js b/TeacherHomeWork-vite/src/router/index.js
index ee439ab2e1639cdd52d1b2567d6d08d492492ef0..31769efc0723a0ab8c0607784b6161c959b36cb0 100644
--- a/TeacherHomeWork-vite/src/router/index.js
+++ b/TeacherHomeWork-vite/src/router/index.js
@@ -5,6 +5,7 @@ import GradeManger from '@/views/GradeManager/index.vue';
 import LearningProgress from '@/views/LearningProgress/index.vue';
 import GradeHomework from '@/views/GradeHomework/index.vue';
 import correct from '@/views/GradeHomework/correct.vue';
+import GradeAnalysis from '@/views/GradeManager/GradeAnalysis.vue';
 
 
 const routes = [
@@ -39,6 +40,11 @@ const routes = [
     name: 'correct',
     component: correct,
   },
+  {
+    path: '/GradeManager/GradeAnalysis',
+    name: 'GradeAnalysis',
+    component: GradeAnalysis,
+  },
   // {
   //   path: '/:pathMatch(.*)*',
   //   name: 'NotFound',
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/GradeAnalysis.vue b/TeacherHomeWork-vite/src/views/GradeManager/GradeAnalysis.vue
new file mode 100644
index 0000000000000000000000000000000000000000..742611fb8cd983421d38bbdc8f8ad0dd94ddf166
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/GradeManager/GradeAnalysis.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="manage">
+    <div align="left" style="margin: 10px 0">
+      <el-input v-model="search" placeholder="请输入关键字" style="width: 30%"></el-input>
+      <el-button style="margin-left: 10px" type="primary" @click="list">查询</el-button>
+    </div>
+
+    <el-table :data="paginatedTableData" style="width: 100%">
+      <el-table-column prop="homeworkName" label="作业名称"></el-table-column>
+      <el-table-column prop="excellent" label="优秀"></el-table-column>
+      <el-table-column prop="good" label="良好"></el-table-column>
+      <el-table-column prop="pass" label="及格"></el-table-column>
+      <el-table-column prop="fail" label="不及格"></el-table-column>
+      <el-table-column prop="unCorrect" label="未批改"></el-table-column>
+
+
+      <el-table-column label="操作">
+        <template #default="scope">
+          <el-button class="small-button" @click="handleEdit(scope.row)" type="info">分析</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="final" style="float: right;">
+          <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10,15]"
+            :small="true" background layout="total, sizes, prev, pager, next, jumper" :total="totalItems"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange">
+            <template #jumper>
+              <span class="el-pagination__jump">
+                前往
+                <el-input v-model.number="jumpPage" class="jump-input" @keyup.enter="handleJumpTo" />
+                页
+              </span>
+            </template>
+          </el-pagination>
+        </div>
+
+         <el-dialog  v-model="dialogVisible" width="50%">
+             <div ref="chartContainer" style="width: 100%; height: 400px;"></div>
+                <template #footer>
+                <el-button @click="dialogVisible = false">关闭</el-button>
+                </template>
+         </el-dialog>
+
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted, watch} from 'vue';
+import { useRouter } from 'vue-router';
+import { HttpClient } from '../../network/HttpClient';  
+// @ts-ignore
+import * as echarts from 'echarts';
+
+
+const dialogVisible = ref(false);
+
+
+const search = ref('');
+const currentPage = ref(1)
+const pageSize = ref(10)
+const totalItems = ref(100)
+const jumpPage = ref('')
+const router=useRouter();
+
+const selectedRow = ref(null); // 用于存储选中的作业行数据
+const chartContainer = ref(null); // 饼图容器引用
+let chartInstance = null; // ECharts 实例
+
+const tableData = ref([]);
+
+// 每页条数变化时触发
+const handleSizeChange = (val: number) => {
+  pageSize.value = val
+  getGrade()
+}
+// 当前页变化时触发
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val
+  getGrade()
+}
+
+
+
+
+interface ValueItem {
+  value: number;
+  percentage?: string;  // 可选属性，表示百分比
+}
+
+const chartData = ref<ValueItem[]>([]); // 用于存储饼图数据
+
+// 当对话框打开时，加载并显示饼图
+watch(dialogVisible, (newVal) => {
+  if (newVal && selectedRow.value) {
+    loadChartData(selectedRow.value);
+  } else if (!newVal) {
+    // 对话框关闭时，可以选择销毁图表实例以释放资源
+    if (chartInstance) {
+      chartInstance.dispose();
+      chartInstance = null;
+    }
+  }
+});
+ 
+// 加载并显示饼图数据
+const loadChartData = async (row) => {
+  try {
+    const response = await HttpClient.get('getScoreByHomework', { id: row.homeworkId });
+    const scores = response.data.data;
+    // 准备饼图数据
+    const categories = ['优秀', '良好', '及格', '不及格', '未批改'];
+    const values = scores.reduce((acc, score) => {
+      let category;
+      if (score === '未批改' || score === null || score === undefined) {
+        category = '未批改';
+      } else if (score >= 90) {
+        category = '优秀';
+      } else if (score >= 75) {
+        category = '良好';
+      } else if (score >= 60) {
+        category = '及格';
+      } else {
+        category = '不及格';
+      }
+      acc[category] = (acc[category] || 0) + 1;
+      return acc;
+    }, {} as Record<string, number>);
+ 
+    const sortedValues = categories.map(category => ({
+      value: values[category] || 0,
+      name: category
+    }));
+ 
+    // 确保总和正确，以处理可能的浮点数精度问题
+    const total = sortedValues.reduce((sum, item) => sum + item.value, 0);
+    sortedValues.forEach(item => {
+      item.percentage = ((item.value / total) * 100).toFixed(2); // 保留两位小数
+    });
+ 
+    // 渲染饼图
+    if (chartContainer.value && !chartInstance) {
+      chartInstance = echarts.init(chartContainer.value);
+    }
+    chartInstance.setOption({
+      title: {
+        text: `作业 ${row.homeworkName} 成绩分布`,
+        left: 'center'
+      },
+      tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b} : {c} ({d}%)' // 显示百分比
+      },
+      legend: {
+        orient: 'vertical',
+        left: 'left'
+      },
+      series: [
+        {
+          name: '成绩',
+          type: 'pie',
+          radius: '50%',
+          label: {
+            show: true,
+            formatter: '{b}: {@2012}%\n{c}' 
+          },
+          emphasis: {
+            itemStyle: {
+              shadowBlur: 10,
+              shadowOffsetX: 0,
+              shadowColor: 'rgba(0, 0, 0, 0.5)'
+            }
+          },
+          data: sortedValues
+        }
+      ]
+    });
+  } catch (error) {
+    console.error('加载饼图数据失败:', error);
+  }
+};
+
+
+
+ 
+// 处理行点击事件，打开对话框并加载饼图数据
+const handleEdit = (row) => {
+  selectedRow.value = row;
+  dialogVisible.value = true;
+};
+
+//获取作业总数
+const getScoreCount = async () => {
+  await HttpClient.get('getTHomeWorkCount', {
+    id: 1
+  }).then(res => {
+    totalItems.value = res.data.data
+    console.log(res)
+  }).catch(err => {
+    console.log(err)
+  })
+}
+
+//获取各个层段的成绩数
+const getGrade = async () => {
+  await HttpClient.get('getScore', {
+    id: 1,
+  }).then(res => {
+   //升序
+    const sortedData = res.data.data.sort((a, b) => a.homeworkId - b.homeworkId);
+    const transformedData = [];
+        sortedData.forEach(score => {
+      const existingHomework = transformedData.find(item => item.homeworkId === score.homeworkId);
+      if (existingHomework) {
+        // 更新现有作业的成绩统计
+        existingHomework.excellent += (score.score >= 90) ? 1 : 0;
+        existingHomework.good += (score.score >= 75 && score.score < 90) ? 1 : 0;
+        existingHomework.pass += (score.score >= 60 && score.score < 75) ? 1 : 0;
+        existingHomework.fail += (score.score < 60) ? 1 : 0;
+        // 未批改的情况在这里可能需要特别处理，因为score可能是null或undefined
+      } else {
+        // 添加新作业条目
+        transformedData.push({
+          homeworkId: score.homeworkId,
+          homeworkName: score.homeworkName, 
+          excellent: (score.score >= 90) ? 1 : 0,
+          good: (score.score >= 75 && score.score < 90) ? 1 : 0,
+          pass: (score.score >= 60 && score.score < 75) ? 1 : 0,
+          fail: (score.score < 60) ? 1 : 0,
+          unCorrect: (score.score === "未批改") ? 1 : 0 
+        });
+      }
+    });
+ 
+    tableData.value = transformedData; 
+    console.log(res);
+  }).catch(err => {
+    console.log(err)
+  })
+}
+
+onMounted(() => {
+  getScoreCount()
+  getGrade()
+})
+
+
+const filteredTableData = computed(() => {
+  let data = tableData.value;
+  if (search.value) {
+    const searchValueLowerCase = search.value.toLowerCase();
+    data = data.filter(row => 
+      String(row.homeworkName).toLowerCase().includes(searchValueLowerCase)
+    );
+  }
+  return data;
+});
+
+const paginatedTableData = computed(() => {
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = start + pageSize.value;
+  return filteredTableData.value.slice(start, end);
+});
+
+
+const list = () => console.log('进行搜索查询');
+
+
+const handlePageChange = page => {
+  currentPage.value = page;
+};
+
+
+</script>
+
+<style scoped>
+/* 自定义样式 */
+
+</style>
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue b/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue
index 5c5a9babfab41d24cb7bcca131e67e76ad02cd45..77365eaad369271a65a4b5c4e2e988f6f0a9db66 100644
--- a/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue
+++ b/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue
@@ -3,54 +3,50 @@
     <div align="left" style="margin: 10px 0">
       <el-input v-model="search" placeholder="请输入关键字" style="width: 30%"></el-input>
       <el-button style="margin-left: 10px" type="primary" @click="list">查询</el-button>
-      <el-button style="margin-left: 10px" type="primary" @click="filterAll">全部学生</el-button>
-      <el-button style="margin-left: 10px" type="success" @click="filterQualified">合格学生</el-button>
-      <el-button style="margin-left: 10px" type="warning" @click="filterUnqualified">挂科学生</el-button>
+      <el-button style="margin-left: 10px" type="primary" @click="analysis">统计</el-button>
+      <el-button style="margin-left: 10px" type="success" @click="exportToExcel">导出成绩表</el-button>
     </div>
 
-    <el-table :data="filteredTableData" style="width: 100%">
-      <el-table-column prop="username" label="学号"></el-table-column>
+    <el-table :data="paginatedTableData" style="width: 100%">
+      <el-table-column prop="sno" label="学号"></el-table-column>
       <el-table-column prop="name" label="姓名"></el-table-column>
-      <el-table-column prop="midscore" label="期中成绩(40%)"></el-table-column>
-      <el-table-column prop="finalscore" label="期末成绩(40%)"></el-table-column>
-      <el-table-column prop="dailyscore" label="平时成绩(20%)"></el-table-column>
-      <el-table-column sortable prop="totalscore" label="最终成绩"></el-table-column>
-      <el-table-column label="成绩等级">
-        <template #default="scope">
-          <span :class="getTagClass(scope.row.totalscore)">
-            {{ getTagText(scope.row.totalscore) }}
-          </span>
-        </template>
-      </el-table-column>
+      <el-table-column prop="homeworkName" label="作业名称"></el-table-column>
+      <el-table-column prop="submitTime" label="提交时间"></el-table-column>
+       <el-table-column prop="score" label="成绩"></el-table-column>
+
       <el-table-column label="操作">
         <template #default="scope">
           <el-button class="small-button" @click="handleEdit(scope.row)" type="info">编辑</el-button>
-          <el-popconfirm title="确认删除吗?" @confirm="handleDelete(scope.row.username)">
-            <template #reference>
-              <el-button type="danger" class="delete-button">删除</el-button>
-            </template>
-          </el-popconfirm>
         </template>
       </el-table-column>
     </el-table>
+
+    <div class="final" style="float: right;">
+          <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10,15]"
+            :small="true" background layout="total, sizes, prev, pager, next, jumper" :total="totalItems"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange">
+            <template #jumper>
+              <span class="el-pagination__jump">
+                前往
+                <el-input v-model.number="jumpPage" class="jump-input" @keyup.enter="handleJumpTo" />
+                页
+              </span>
+            </template>
+          </el-pagination>
+        </div>
+
   </div>
 
   <el-dialog title="编辑学生成绩" v-model="dialogVisible" width="30%">
     <el-form :model="form" label-width="120px">
       <el-form-item label="学号">
-        <el-input v-model="form.username" disabled></el-input>
+        <el-input v-model="form.sno" disabled></el-input>
       </el-form-item>
       <el-form-item label="姓名">
-        <el-input v-model="form.name"></el-input>
-      </el-form-item>
-      <el-form-item label="期中成绩(40%)">
-        <el-input v-model="form.midscore"></el-input>
+        <el-input v-model="form.name" disabled></el-input>
       </el-form-item>
-      <el-form-item label="期末成绩(40%)">
-        <el-input v-model="form.finalscore"></el-input>
-      </el-form-item>
-      <el-form-item label="平时成绩(20%)">
-        <el-input v-model="form.dailyscore"></el-input>
+      <el-form-item label="分数">
+        <el-input v-model="form.score"></el-input>
       </el-form-item>
     </el-form>
     <template #footer>
@@ -60,105 +56,107 @@
   </el-dialog>
 </template>
 
-<script setup>
-import { ref, computed } from 'vue';
+<script lang="ts" setup>
+import {ref,computed,onMounted} from 'vue';
+import {useRouter} from 'vue-router';
+import { HttpClient } from '../../network/HttpClient'; 
+import * as XLSX from 'xlsx';
+
 
 const dialogVisible = ref(false);
 const form = ref({
   username: '',
   name: '',
-  midscore: '',
-  finalscore: '',
-  dailyscore: ''
+  homeworkName: '',
+  submitTime: '',
+  score: ''
 });
 
 const search = ref('');
-const filterTag = ref('');
-
-const tableData = ref([
-  { username: '202301', name: '张三', midscore: 35, finalscore: 38, dailyscore: 18 },
-  { username: '202302', name: '李四', midscore: 28, finalscore: 30, dailyscore: 15 },
-  { username: '202303', name: '王五', midscore: 90, finalscore: 88, dailyscore: 85 },
-  { username: '202304', name: '赵六', midscore: 75, finalscore: 78, dailyscore: 70 },
-  { username: '202305', name: '孙七', midscore: 60, finalscore: 65, dailyscore: 58 },
-  { username: '202306', name: '周八', midscore: 50, finalscore: 55, dailyscore: 40 },
-  { username: '202307', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 30 },
-  { username: '202308', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 80 },
-  { username: '202309', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 70 },
-  { username: '202310', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 60 },
-  { username: '202311', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 50 },
-  { username: '202312', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 50 },
-  { username: '202313', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 40 },
-  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
-  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
-  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
-  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
-  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
-]);
-
-const computedTableData = computed(() =>
-  tableData.value.map(row => ({
-    ...row,
-    /*totalscore: row.midscore * 0.4 + row.finalscore * 0.4 + row.dailyscore * 0.2*/
-     totalscore: parseFloat((row.midscore * 0.4 + row.finalscore * 0.4 + row.dailyscore * 0.2).toFixed(1))
-  }))
-);
+//const filterTag = ref('');
+const currentPage = ref(1)
+const pageSize = ref(10)
+const totalItems = ref(100)
+const jumpPage = ref('')
+const router=useRouter();
+
+const tableData = ref([]);
+
+// 每页条数变化时触发
+const handleSizeChange = (val: number) => {
+  pageSize.value = val
+  getScore()
+}
+// 当前页变化时触发
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val
+  getScore()
+}
+
+//获取学生作业总数
+const getScoreCount = async () => {
+  await HttpClient.get('getScoreCount', {
+    id: 1
+  }).then(res => {
+    totalItems.value = res.data.data
+    console.log(res)
+  }).catch(err => {
+    console.log(err)
+  })
+}
+
+//获取所有学生成绩
+const getScore = async () => {
+  await HttpClient.get('getScore', {
+    id: 1,
+  }).then(res => {
+   // 添加排序逻辑（按 homework_id 升序）
+    const sortedData = res.data.data.sort((a, b) => a.homeworkId - b.homeworkId);
+    tableData.value = sortedData;
+    console.log(res);
+  }).catch(err => {
+    console.log(err)
+  })
+}
+
+onMounted(() => {
+  getScoreCount()
+  getScore()
+})
+
+const analysis = () => {
+  router.push('/GradeManager/GradeAnalysis'); 
+};
 
 const filteredTableData = computed(() => {
-  let data = computedTableData.value;
+  let data = tableData.value;
   if (search.value) {
-    data = data.filter(row => 
-      Object.values(row).some(val => 
-        String(val).toLowerCase().includes(search.value.toLowerCase())
-      )
+     const searchValueLowerCase = search.value.toLowerCase();
+     data = data.filter(row => 
+      row.name.toLowerCase().includes(searchValueLowerCase) ||
+      String(row.homeworkName).toLowerCase().includes(searchValueLowerCase)
     );
   }
-  if (filterTag.value) {
-    data = data.filter(row => {
-      switch (filterTag.value) {
-        case 'all':
-          return true;
-        case 'qualified':
-          return row.totalscore >= 60;
-        case 'unqualified':
-          return row.totalscore < 60;
-        default:
-          return true;
-      }
-    });
-  }
   return data;
 });
 
+
+const paginatedTableData = computed(() => {
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = start + pageSize.value;
+  return filteredTableData.value.slice(start, end);
+});
+
 const handleEdit = (student) => {
   dialogVisible.value = true;
   Object.assign(form.value, student); // 将选中学生的数据复制到表单中
   //console.log('编辑学生：', student.username);
 };
 
-const handleDelete = (username) => {
-  tableData.value = tableData.value.filter(student => student.username !== username);
-  console.log('删除学生：', username);
-};
 
-const list = () => console.log('进行搜索查询');
-const filterAll = () => filterTag.value = 'all';
-const filterQualified = () => filterTag.value = 'qualified';
-const filterUnqualified = () => filterTag.value = 'unqualified';
-
-const getTagClass = (totalScore) => {
-  if (totalScore >= 85) return 'excellent-tag';
-  if (totalScore >= 75) return 'good-tag';
-  if (totalScore >= 60) return 'pass-tag';
-  return 'fail-tag';
-};
 
-const getTagText = (totalScore) => {
-  if (totalScore >= 85) return '优秀';
-  if (totalScore >= 75) return '良好';
-  if (totalScore >= 60) return '及格';
-  return '不及格';
-};
+
+const list = () => console.log('进行搜索查询');
 
 const save = () => {
   const index = tableData.value.findIndex(student => student.username === form.value.username);
@@ -167,64 +165,37 @@ const save = () => {
   }
   dialogVisible.value = false; // 关闭弹窗
 };
+const handlePageChange = page => {
+  currentPage.value = page;
+};
+
+// 导出 Excel 功能
+const exportToExcel = () => {
+  // 准备导出数据
+  const exportData = filteredTableData.value.map(item => ({
+    学号: item.sno,
+    姓名: item.name,
+    作业名称: item.homeworkName,
+    分数: item.score
+  }));
+ 
+  // 创建工作簿和工作表
+  const worksheet = XLSX.utils.json_to_sheet(exportData);
+  const workbook = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(workbook, worksheet, '成绩表');
+ 
+  // 导出为 Excel 文件
+  XLSX.writeFile(workbook, '成绩表.xlsx');
+};
+
 </script>
 
 <style scoped>
 /* 自定义样式 */
-.excellent-tag {
-  background-color: #85ce61;
-  color: white;
-  padding: 4px 9px;
-  border-radius: 4px;
-  font-size: 14px; 
-}
-
-.good-tag {
-  background-color: #409eff;
-  color: white;
-  padding: 4px 9px;
-  border-radius: 4px;
-  font-size: 14px; 
+.custom-card {
+  padding: 20px;
 }
-
-.pass-tag {
-  background-color: #eba465;
-  color: white;
-  padding: 4px 9px;
-  border-radius: 4px;
-  font-size: 14px; 
-}
-
-.fail-tag {
-  background-color: #f56c6c;
-  color: white;
-  padding: 4px 9px;
-  border-radius: 4px;
-  font-size: 14px; 
-}
-
-.small-button {
-    padding: 2px 6px; 
-    font-size: 13px; 
-  }
-
-.delete-button {
-  background-color: #f44336;
-  border-color: #d32f2f;
-  color: white;
-  /*font-weight: bold;*/
-  text-transform: uppercase;
-  padding: 2px 6px; 
-  font-size: 13px;
-}
-
-.delete-button:hover {
-  background-color: #d32f2f; /* hover 状态下颜色变暗 */
-  border-color: #c2185b; /* 较暗的红色边框 */
-}
-
-.delete-button:active {
-  background-color: #c2185b;/* active 状态颜色 */
-  border-color: #c2185b;
+.manage{
+   padding: 20px;
 }
 </style>
diff --git a/TeacherHomeWork-vite/yarn.lock b/TeacherHomeWork-vite/yarn.lock
index a605530752ab9bcf540ec6b00db6c4c24a952782..ecdaee4c17035975ebf383ef1271296b2d01498f 100644
--- a/TeacherHomeWork-vite/yarn.lock
+++ b/TeacherHomeWork-vite/yarn.lock
@@ -196,6 +196,11 @@
   dependencies:
     vue-demi "*"
 
+adler-32@~1.3.0:
+  version "1.3.1"
+  resolved "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz"
+  integrity sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==
+
 anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz"
@@ -244,6 +249,14 @@ call-bind@^1.0.0:
     get-intrinsic "^1.2.1"
     set-function-length "^1.1.1"
 
+cfb@~1.2.1:
+  version "1.2.2"
+  resolved "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz"
+  integrity sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==
+  dependencies:
+    adler-32 "~1.3.0"
+    crc-32 "~1.2.0"
+
 "chokidar@>=3.0.0 <4.0.0":
   version "3.5.3"
   resolved "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz"
@@ -259,6 +272,11 @@ call-bind@^1.0.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+codepage@~1.15.0:
+  version "1.15.0"
+  resolved "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz"
+  integrity sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==
+
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz"
@@ -266,6 +284,11 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+crc-32@~1.2.0, crc-32@~1.2.1:
+  version "1.2.2"
+  resolved "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz"
+  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
+
 csstype@^3.1.2:
   version "3.1.3"
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz"
@@ -378,6 +401,11 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+frac@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz"
+  integrity sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==
+
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz"
@@ -610,6 +638,13 @@ source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
   resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+ssf@~0.11.2:
+  version "0.11.2"
+  resolved "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz"
+  integrity sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==
+  dependencies:
+    frac "~1.1.2"
+
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz"
@@ -668,6 +703,29 @@ vue-router@^4.5.0:
     "@vue/server-renderer" "3.3.11"
     "@vue/shared" "3.3.11"
 
+wmf@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz"
+  integrity sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==
+
+word@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmmirror.com/word/-/word-0.3.0.tgz"
+  integrity sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==
+
+xlsx@^0.18.5:
+  version "0.18.5"
+  resolved "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz"
+  integrity sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==
+  dependencies:
+    adler-32 "~1.3.0"
+    cfb "~1.2.1"
+    codepage "~1.15.0"
+    crc-32 "~1.2.1"
+    ssf "~0.11.2"
+    wmf "~1.0.1"
+    word "~0.3.0"
+
 zrender@5.6.1:
   version "5.6.1"
   resolved "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz"