diff --git a/HomeWork-vite/src/views/Home/AssignmentList.vue b/HomeWork-vite/src/views/Home/AssignmentList.vue
index d27880f430e28b3df01b5185eef65bf30bed8a5c..742b85b42cc600976040ce80362575ba2124d5c6 100644
--- a/HomeWork-vite/src/views/Home/AssignmentList.vue
+++ b/HomeWork-vite/src/views/Home/AssignmentList.vue
@@ -1,5 +1,5 @@
 <template>
-
+  <!-- 学生端作业列表 -->
   <el-table :data="tableData" style="width: 100% ; height: 100%;" :row-class-name="tableRowClassName">
     <el-table-column prop="date" label="日期" width="180" />
     <el-table-column prop="name" label="课程" width="180" />
@@ -140,4 +140,4 @@ const tableData: User[] = [
 .el-table .error-row {
   --el-table-tr-bg-color: rgb(247, 137.4, 137.4);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/HomeWork-vite/src/views/Home/MessageList.vue b/HomeWork-vite/src/views/Home/MessageList.vue
index f4a3b6f8282ed17ac9be3ce325d08cf6381b530f..e5c2017e7a251002005cfa9b7f1517e96efd9a81 100644
--- a/HomeWork-vite/src/views/Home/MessageList.vue
+++ b/HomeWork-vite/src/views/Home/MessageList.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 学生端消息栏 -->
   <div>
     <h2>我的消息</h2>
     <el-timeline>
@@ -9,29 +10,24 @@
   </div>
 </template>
 
-<script>
-export default {
-  name: "MessageList",
-  data() {
-    return {
-      messages: [
-        { type: "success", content: "成功提交一份作业" },
-        { type: "warning", content: "作业即将截止通知" },
-        { type: "error", content: "作业已截止" },
-        { type: "warning", content: "作业即将截止通知" },
-        { type: "success", content: "成功提交一份疑难点" },
-        { type: "success", content: "成功提交一份作业" },
-        { type: "warning", content: "作业即将截止通知" },
-        { type: "success", content: "你收到一条来自老师的回复" },
-        { type: "success", content: "成功提交一份疑难点" },
-        { type: "success", content: "成功提交一份作业" },
-        { type: "error", content: "作业已截止" },
-        { type: "error", content: "作业已截止" },
-        { type: "error", content: "作业已截止" },
-      ],
-    };
-  },
-};
+<script lang="ts" setup>
+import { ref } from 'vue';
+  const messages = ref([
+    { type: "success", content: "成功提交一份作业" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "error", content: "作业已截止" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "成功提交一份疑难点" },
+    { type: "success", content: "成功提交一份作业" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "你收到一条来自老师的回复" },
+    { type: "success", content: "成功提交一份疑难点" },
+    { type: "success", content: "成功提交一份作业" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+  ]);
+      
 </script>
 
 <style scoped>
diff --git a/HomeWork-vite/src/views/Home/index.vue b/HomeWork-vite/src/views/Home/index.vue
index f779ea1ac12169b1777c90688e16d351e6514740..65d2824cf635f916587908b992c8fc6d4100022f 100644
--- a/HomeWork-vite/src/views/Home/index.vue
+++ b/HomeWork-vite/src/views/Home/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 学生端首页 -->
   <div class="home">
     <div class="main-homework">
       <AssignmentList />
@@ -10,8 +11,8 @@
 </template>
 
 <script setup>
-import AssignmentList from '../Home/AssignmentList.vue';
-import MessageList from '../Home/MessageList.vue';
+import AssignmentList from './AssignmentList.vue';
+import MessageList from './MessageList.vue';
 
 
 </script>
diff --git a/TeacherHomeWork-vite/src/App.vue b/TeacherHomeWork-vite/src/App.vue
index ff0eddf18e70bde0ac2235cee90b195fa18dc7de..5f54e038d6008e14e70958300164dfa6c6d5e40d 100644
--- a/TeacherHomeWork-vite/src/App.vue
+++ b/TeacherHomeWork-vite/src/App.vue
@@ -10,6 +10,7 @@
           <Sidebar />
         </el-aside>
         <el-main>
+          <MyCourse />
           <RouterView />
         </el-main>
       </el-container>
@@ -18,6 +19,7 @@
 </template>
 <script setup>
 import Sidebar from './components/Sidebar.vue';
+import MyCourse from './components/MyCourse.vue';
 import { onBeforeMount, provide, ref } from 'vue';
 import { getRtParam } from './base/constant';
 import { RouterView } from 'vue-router';
diff --git a/TeacherHomeWork-vite/src/components/MyCourse.vue b/TeacherHomeWork-vite/src/components/MyCourse.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e768e2f7a81d54674522059775f4c62c969e1c99
--- /dev/null
+++ b/TeacherHomeWork-vite/src/components/MyCourse.vue
@@ -0,0 +1,59 @@
+<template>
+    <div class="container">
+        <h3 class="box">我的课程</h3>
+        <el-select class="box" v-model="value" placeholder="选择课程" style="width: 240px">
+            <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            />
+        </el-select>
+    </div>
+    <hr class="custom-hr">
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const value = ref('');
+
+const options = [
+    {
+        value: '高等数学A',
+        label: '高等数学A',
+    },
+    {
+        value: '线性代数C',
+        label: '线性代数C',
+    },
+    {
+        value: '大学生职业生涯规划',
+        label: '大学生职业生涯规划',
+    },
+];
+
+</script>
+
+<style scoped>
+.container{
+    display: flex;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    height: auto;
+}
+.box{
+    float: left;
+    margin-right: 10px;
+}
+.custom-hr {  
+    border: 0;
+    height: 1px;
+    background-color: gray;
+    width: 100%;
+    margin-top: 10px; 
+}  
+
+
+
+</style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/components/Sidebar.vue b/TeacherHomeWork-vite/src/components/Sidebar.vue
index 71da70934bfefa90db0483c46f14c25d82d87d6a..a4867b532948f23e66e1848bcd87641627c73487 100644
--- a/TeacherHomeWork-vite/src/components/Sidebar.vue
+++ b/TeacherHomeWork-vite/src/components/Sidebar.vue
@@ -24,7 +24,7 @@ const HomeWorkManager = () => {
 
 <style scoped>
 .sidebar {
-  height: 97vh;
+  height: 100%;
   width: 200px;
   border: 1px solid gray;  
 }
diff --git a/TeacherHomeWork-vite/src/views/Home/Dashboard.vue b/TeacherHomeWork-vite/src/views/Home/Dashboard.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a38b50656cdff9af603db0b9cf6aa22fccf52b48
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/Home/Dashboard.vue
@@ -0,0 +1,70 @@
+<template>
+    <!-- 教师端统计信息 -->
+    <el-card>
+        <div class="stats">
+            <div class="stat-box">
+                <el-icon class="el-icon"><user /></el-icon>
+                <span>班级人数: 56人</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><info-filled /></el-icon>
+                <span>未解答疑难点: 38个</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><document-checked /></el-icon>
+                <span>待批改作业: 18份</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><checked /></el-icon>
+                <span>整体作业完成率: 88.9%</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><reading /></el-icon>
+                <span>整体学习进度: 65%</span>
+            </div>
+
+        </div>
+    </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { User, InfoFilled, DocumentChecked, Checked, Reading } from '@element-plus/icons-vue';
+
+const selectedCourse = ref("高等数学A");
+
+</script>
+
+<style scoped>
+.stats {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.stat-box {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  gap: 5px;
+}
+.el-icon{
+    font-size: 30px;
+}
+.el-divider{
+  height: 50px;
+  border-left: 1px solid grey;
+}
+</style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/Home/HomeworkList.vue b/TeacherHomeWork-vite/src/views/Home/HomeworkList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7f9c2bce82a4bb2df0d3ae18128d0137207bd010
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/Home/HomeworkList.vue
@@ -0,0 +1,65 @@
+<template>
+    <el-card>
+      <h3 class="homework-title">作业提交情况</h3>
+      <!-- 滚动容器 -->
+      <el-scrollbar height="600px">
+        <div class="homework-list">
+          <el-card v-for="(homework, index) in homeworkList" :key="index" class="homework-item">
+            <div class="homework-header">
+              <span class="homework-title">{{ homework.name }}</span>
+              <span class="homework-time">{{ homework.time }}</span>
+            </div>
+            <!-- 进度条判断 -->
+            <el-progress :percentage="homework.progress" :color="homework.color" />
+          </el-card>
+        </div>
+      </el-scrollbar>
+    </el-card>
+  </template>
+  
+  <script setup>
+  import { ref } from 'vue';
+  
+  const homeworkList = ref([
+    { name: "第五次作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+    { name: "第四次作业", time: "2025.1.10 ~ 2025.1.23", progress: 80, color: "orange" },
+    { name: "第三次作业", time: "2025.1.10 ~ 2025.1.23", progress: 50, color: "red" },
+    { name: "第二次作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+    { name: "第一次作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+    { name: "预习作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+  ]);
+
+  
+
+  </script>
+  
+  <style scoped>
+  .homework-title{
+    padding-bottom: 20px;
+  }
+  .homework-list {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+  }
+  
+  .homework-item {
+    padding: 15px;
+    border-radius: 8px;
+    transition: 0.3s;
+  }
+  
+  .homework-item:hover {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  }
+  
+  .homework-header {
+    display: flex;
+    justify-content: space-between;
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+  </style>
+  
+  
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue b/TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..431dbb803f57dea260bf13c251ff339a58b1620b
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue
@@ -0,0 +1,37 @@
+<template>
+    <!-- 教师端端消息栏 -->
+    <div>
+      <h2>我的消息</h2>
+      <el-timeline>
+        <el-timeline-item v-for="(message, index) in messages" :key="index" :type="message.type">
+          {{ message.content }}
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+  </template>
+  
+  <script lang="ts" setup>
+  import { ref } from 'vue';
+  const messages = ref([
+    { type: "success", content: "成功解答一个疑难点" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "error", content: "作业已截止" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "成功解答一个疑难点" },
+    { type: "success", content: "成功发布一份作业" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "你收到一条来自学生的提问" },
+    { type: "success", content: "成功解答一个疑难点" },
+    { type: "success", content: "成功发布一份作业" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+  ]);
+        
+  </script>
+  
+  <style scoped>
+  h2 {
+    margin-bottom: 10px;
+  }
+  </style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/Home/index.vue b/TeacherHomeWork-vite/src/views/Home/index.vue
index 3a757dac2e7ddf6864dfeef26ffcdb09f1cf9aec..fc8c097d9669355fc935ec7ac68ec3197d7e6d49 100644
--- a/TeacherHomeWork-vite/src/views/Home/index.vue
+++ b/TeacherHomeWork-vite/src/views/Home/index.vue
@@ -1,12 +1,39 @@
 <template>
+    <el-container>
+        <!-- 主要内容区域 -->
+        <el-main>
+            <Dashboard />
+            <div class="homework">
+            <HomeworkList />
+            </div>
+        </el-main>
 
+        <!-- 右侧消息通知 -->
+        <el-aside class="main-message">
+            <TeacherMessageList />
+        </el-aside>
+    </el-container>
 </template>
 
-<script setup>
-
+<script lang="ts" setup>
+import Dashboard from './Dashboard.vue';
+import TeacherMessageList from './TeacherMessageList.vue';
+import HomeworkList from './HomeworkList.vue';
 
 </script>
 
 <style scoped>
-
+.homework{  
+    padding: 20px;
+}
+.main-message {
+  padding: 20px;
+  background-color: white;
+  margin: 10px;
+  border-radius: 10px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  flex:   auto;
+  height: 800px;
+  display: flex;
+}
 </style>