diff --git a/src/api/upload.js b/src/api/upload.js
new file mode 100644
index 0000000000000000000000000000000000000000..07bdbe3f1151c71cf5afd1338a63f203607cfcd8
--- /dev/null
+++ b/src/api/upload.js
@@ -0,0 +1,25 @@
+import service from '@/utils/service';
+
+// 导入名单
+export function importStu(file) {
+    const data = {
+      file
+    }
+    return service({
+      url: '/student/import',
+      method: 'post',
+      data: data
+    })
+  }
+
+  export function getPage(page, pageSize){
+      const data = {
+        page,
+        pageSize
+      }
+      return service({
+        url:'/student/page',
+        method:'get',
+        data:data
+      })
+  }
\ No newline at end of file
diff --git a/src/utils/service.js b/src/utils/service.js
index e4382ef63d781bdbec5aa6d7d33bda32bad48190..6058aae4c4d1b5d6805f5cb30b5c8d41b5d42dd2 100644
--- a/src/utils/service.js
+++ b/src/utils/service.js
@@ -3,7 +3,7 @@ import { getToken } from '@/utils/token'
 import { Message } from 'element-ui' 
 
 const service = axios.create({
-  baseURL: '/api', // baseURL 会自动加在每次请求的最前面，然后被 vue.config.js 解析
+  baseURL: 'http://localhost:20235', // baseURL 会自动加在每次请求的最前面，然后被 vue.config.js 解析
   timeout: 3000
 })
 
diff --git a/src/views/admins/ImportListView.vue b/src/views/admins/ImportListView.vue
index cce7a258c55171701a001435f7db47929173308c..2ae15a6500198cbf52a12d52a50d76c0a77a1058 100644
--- a/src/views/admins/ImportListView.vue
+++ b/src/views/admins/ImportListView.vue
@@ -1,152 +1,120 @@
-<!-- 导入学生名单页面 -->
 <template>
   <div>
-    <h1>导入学生名单</h1>
     <el-container>
       <el-header
-        ><el-upload
-          class="upload-demo"
-          action="https://jsonplaceholder.typicode.com/posts/"
-          accept=".xlsx, .xls"
-          :on-preview="handlePreview"
-          :on-remove="handleRemove"
-          :before-remove="beforeRemove"
-          multiple
-          :limit="3"
-          :on-exceed="handleExceed"
-          :file-list="fileList"
+        ><el-button type="primary" @click="dialogVisible = true"
+          >导入学生</el-button
         >
-          <el-button type="primary">点击上传</el-button>
-        </el-upload></el-header
+
+        <el-dialog title="导入学生" :visible.sync="dialogVisible" width="40%">
+          <el-upload
+            ref="upload"
+            class="upload-demo"
+            drag
+            :action="uploadUrl"
+            :limit="1"
+            accept=".xlsx, .xls"
+            :auto-upload="false"
+            :on-change="handleFileChange"
+          >
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text">
+              将文件拖到此处，或<em>点击上传</em>
+            </div>
+            <div class="el-upload__tip text-center" slot="tip">
+              <span>仅允许导入xls、xlsx格式文件。</span>
+            </div>
+          </el-upload>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="uploadFile">上 传</el-button>
+          </div>
+        </el-dialog></el-header
       >
       <el-main
-        ><el-table
-          :data="
-            tableData.slice(
-              (currentPage - 1) * pageSize,
-              currentPage * pageSize
-            )
-          "
-          style="width: 100%"
-        >
-          <el-table-column
+        ><el-table v-if="studentList.length > 0" :data="studentList" border
+          ><el-table-column
             type="index"
             :index="indexMethod"
             align="center"
             label="序号"
             width="50"
           ></el-table-column>
-          <el-table-column prop="stuNum" label="学号"> </el-table-column>
-          <el-table-column prop="name" label="姓名"> </el-table-column>
-          <el-table-column prop="grade" label="年级"> </el-table-column>
-          <el-table-column prop="major" label="专业"> </el-table-column>
-        </el-table>
-      </el-main>
-
+          <el-table-column prop="card_id" label="学号"></el-table-column>
+          <el-table-column prop="name" label="姓名"></el-table-column>
+          <el-table-column prop="school" label="学院"></el-table-column>
+          <el-table-column prop="grade" label="年级"></el-table-column>
+          <el-table-column prop="stu_class" label="班级"></el-table-column>
+          <el-table-column
+            prop="major"
+            label="专业"
+          ></el-table-column> </el-table
+      ></el-main>
       <el-footer
-        ><div>
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[2, 5, 8, 10]"
-            :page-size="pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="tableData.length"
-          >
-          </el-pagination></div
+        ><el-pagination
+          v-if="studentList.length > 0"
+          background
+          :current-page="currentPage"
+          :page-size="pageSize"
+          :total="totalStudents"
+          :page-sizes="[10, 20, 30, 50]"
+          @current-change="handlePageChange"
+          @size-change="handleSizeChange"
+          layout="total, sizes, prev, pager, next, jumper"
+        >
+        </el-pagination
       ></el-footer>
     </el-container>
   </div>
 </template>
- 
+
 <script>
+import { getPage } from "@/api/upload";
+
 export default {
   data() {
     return {
-      tableData: [
-        {
-          stuNum: "123456",
-          name: "王小虎",
-          grade: "2022",
-          major: "软件工程",
-        },
-        {
-          stuNum: "123456",
-          name: "王小虎",
-          grade: "2022",
-          major: "软件工程",
-        },
-        {
-          stuNum: "123456",
-          name: "王小虎",
-          grade: "2022",
-          major: "软件工程",
-        },
-        {
-          stuNum: "123456",
-          name: "王小虎",
-          grade: "2022",
-          major: "软件工程",
-        },
-        {
-          stuNum: "123456",
-          name: "王小虎",
-          grade: "2022",
-          major: "软件工程",
-        },
-        {
-          stuNum: "123456",
-          name: "王小虎",
-          grade: "2022",
-          major: "软件工程",
-        },
-      ],
-      fileList: [],
+      dialogVisible: false,
+      uploadUrl: "http://localhost:20235/student/import",
+      file: null,
       currentPage: 1,
-      pageSize: 2,
+      pageSize: 10,
+      studentList: [], // 学生列表数据
+      totalStudents: 0, // 总学生数
     };
   },
+  mounted() {
+    this.fetchStudentList();
+  },
   methods: {
-    handleRemove(file, fileList) {
-      console.log(file, fileList);
+    indexMethod(index) {
+      return index + 1 + (this.currentPage - 1) * this.pageSize; // 返回表格序号
     },
-    handlePreview(file) {
-      console.log(file);
+    async fetchStudentList() {
+      const response = await getPage(this.currentPage, this.pageSize);
+      this.studentList = response.data.data.rows; // 将数据赋值给studentList
+      this.totalStudents = response.data.data.total; // 设置总学生数
     },
-    handleExceed(files, fileList) {
-      this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
-          files.length + fileList.length
-        } 个文件`
-      );
+    handleFileChange(file) {
+      this.file = file;
     },
-    beforeRemove(file, fileList) {
-      console.log(fileList);
-      return this.$confirm(`确定移除 ${file.name}？`);
+    uploadFile() {
+      if (this.file) {
+        this.$refs.upload.submit();
+        this.dialogVisible = false;
+      } else {
+        // 处理未选择文件的情况
+        // 可以显示提示信息或进行其他操作
+      }
     },
-
-    handleSizeChange(val) {
-      console.log(`每页 ${val} 条`);
-      this.pageSize = val;
+    handlePageChange(currentPage) {
+      this.currentPage = currentPage;
+      this.fetchStudentList();
     },
-    handleCurrentChange(val) {
-      console.log(`当前页: ${val}`);
-      this.currentPage = val;
-    },
-
-    //方法写在methods里面
-    indexMethod(index) {
-      return index + 1 + (this.currentPage - 1) * this.pageSize; // 返回表格序号
+    handleSizeChange(pageSize) {
+      this.pageSize = pageSize;
+      this.fetchStudentList();
     },
   },
 };
 </script>
- 
-<style>
-.el-header {
-  color: #333;
-  text-align: center;
-  line-height: 60px;
-}
-</style>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index cb525619f0da702d2c2bea20c51e926ac8c17328..cfe2c3536c708f3b391e3bb643e39b2ff59b70fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2038,10 +2038,48 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
+<<<<<<< HEAD
+"axios@^1.4.0":
+  "integrity" "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA=="
+  "resolved" "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz"
+  "version" "1.4.0"
+  dependencies:
+    "follow-redirects" "^1.15.0"
+    "form-data" "^4.0.0"
+    "proxy-from-env" "^1.1.0"
+
+"babel-helper-vue-jsx-merge-props@^2.0.0":
+  "integrity" "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+  "resolved" "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz"
+  "version" "2.0.3"
+
+"babel-loader@^8.2.2":
+  "integrity" "sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q=="
+  "resolved" "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz"
+  "version" "8.3.0"
+  dependencies:
+    "find-cache-dir" "^3.3.1"
+    "loader-utils" "^2.0.0"
+    "make-dir" "^3.1.0"
+    "schema-utils" "^2.6.5"
+
+"babel-plugin-dynamic-import-node@^2.3.3":
+  "integrity" "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ=="
+  "resolved" "https://registry.npmmirror.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz"
+  "version" "2.3.3"
+  dependencies:
+    "object.assign" "^4.1.0"
+
+"babel-plugin-polyfill-corejs2@^0.3.3":
+  "integrity" "sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q=="
+  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz"
+  "version" "0.3.3"
+=======
 babel-plugin-polyfill-corejs2@^0.3.3:
   version "0.3.3"
   resolved "https://registry.npmmirror.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz"
   integrity sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==
+>>>>>>> master
   dependencies:
     "@babel/compat-data" "^7.17.7"
     "@babel/helper-define-polyfill-provider" "^0.3.3"
@@ -3564,10 +3602,17 @@ fraction.js@^4.2.0:
   resolved "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.2.0.tgz"
   integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
 
+<<<<<<< HEAD
+"follow-redirects@^1.0.0", "follow-redirects@^1.15.0":
+  "integrity" "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+  "resolved" "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz"
+  "version" "1.15.2"
+=======
 fresh@0.5.2:
   version "0.5.2"
   resolved "https://registry.npmmirror.com/fresh/-/fresh-0.5.2.tgz"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+>>>>>>> master
 
 fs-extra@^9.1.0:
   version "9.1.0"
@@ -5541,10 +5586,22 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+<<<<<<< HEAD
+"proxy-from-env@^1.1.0":
+  "integrity" "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+  "resolved" "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
+  "version" "1.1.0"
+
+"prr@~1.0.1":
+  "integrity" "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw=="
+  "resolved" "https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz"
+  "version" "1.0.1"
+=======
 proxy-from-env@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
   integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+>>>>>>> master
 
 prr@~1.0.1:
   version "1.0.1"