diff --git a/src/api/Requester.ts b/src/api/Requester.ts
index 09bc338..2cbfc96 100644
--- a/src/api/Requester.ts
+++ b/src/api/Requester.ts
@@ -1,6 +1,7 @@
 import axios from 'axios'
 import {md5Hex} from "./CryptoUtils";
 import {User} from "../entities/User.ts";
+import {Auth} from "../entities/Auth.ts";
 
 export const baseUrl = 'http://localhost:8081';
 
@@ -45,4 +46,12 @@ export const login = (username: string, password: string) => {
         name: username,
         password: md5Hex(password)
     })
+}
+export const register = (username: string, password: string, auth: Auth, verifyCode?: string) => {
+    return instance.post<Result<User>>("/api/user/register", {
+        name: username,
+        password: md5Hex(password),
+        auth: auth,
+        verifyCode: verifyCode,
+    })
 }
\ No newline at end of file
diff --git a/src/views/AppMobile.vue b/src/views/AppMobile.vue
index 5abfde4..26743c7 100644
--- a/src/views/AppMobile.vue
+++ b/src/views/AppMobile.vue
@@ -14,10 +14,19 @@
         </van-field>
       </van-cell-group>
 
-      <van-image class="UserAvatar" width="50" height="50" src="src/assets/UserAvatar.jpg" @click="toggleUserLogin"/>
+      <van-image class="UserAvatar"
+                 width="50"
+                 height="50"
+                 src="src/assets/UserAvatar.jpg"
+                 radius="5"
+                 @click="toggleUserLogin"/>
       <!-- 用户头像 -->
 
-      <van-popup v-model:show="UserAvatarLoginShow" round position="top" class="UserLoginBox">
+      <van-popup
+          v-model:show="UserAvatarLoginShow"
+          round
+          position="top"
+          class="UserLoginBox">
         <!-- 登录弹窗 -->
         <div class="login-content">
           <h2>登录/注册</h2>
@@ -37,6 +46,35 @@
         </div>
       </van-popup>
     </div>
+    <div class="FileLiteBox">
+      <el-table :data="TableDataFile" border style="width: 100%">
+        <el-table-column prop="id" label="ID" width="40"/>
+        <el-table-column prop="name" label="文件名" width="200"/>
+        <el-table-column prop="type" label="文件格式" width="180"/>
+        <el-table-column prop="size" label="文件大小" width="100"/>
+        <el-table-column prop="uploaderName" label="上传者" width="100"/>
+        <el-table-column fixed="right" label="操作" width="100">
+          <template #default="scope">
+            <el-button link type="primary" size="small" @click="handleShowDetail();">
+              <!-- scope.row.id, scope.row.fileName  是handleShowDetail的传参 -->
+              详细
+            </el-button>
+            <el-button link type="primary" size="small" @click="handleDownload();">下载</el-button>
+            <el-button link type="primary" size="small" @click="handleDelete();" v-if="isAdmin">删除
+              <!-- scope.row.id  是handleDelete和handleDownload的传参  -->
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+          background
+          layout="prev, pager, next"
+          :total="total"
+          v-model:current-page="currentPage"
+          :page-size="pageSize"
+          @update:current-page="handleCurrentChange"
+      />
+    </div>
   </div>
 </template>
 
@@ -44,14 +82,127 @@
 import {ref} from "vue";
 import {ElMessage} from "element-plus";
 import 'element-plus/es/components/message/style/css'
-import {login, Result} from '../api/Requester'
+import {login, register, Result} from '../api/Requester'
 import {User} from "../entities/User.ts";
 import {AxiosResponse} from "axios";
+import {Auth} from "../entities/Auth.ts";
 
 const InputFileName = ref('');
 const UserAvatarLoginShow = ref(false);
 const UserName = ref();
 const UserPassword = ref();
+const currentPage = ref(1); // 当前页码
+const pageSize = ref(5); // 每页显示的记录数
+const total = ref(99999); // 总记录数，这里可以根据你的需求动态获取
+const isAdmin = ref(false); // 是否是管理员
+
+const TableDataFile = [
+  {
+    "downloadCount": 0,
+    "hash": "80bd1104e15f52c1e3acab6ab2a0c0a9548f7d2f6310d37817be1d68c973a2ecb90a10630c8f403a5770caf1060f5a161a0ce1760900b2d9149ae484179f6c5b",
+    "id": 3,
+    "name": "orztqriypljbbqdhggcz",
+    "size": 785,
+    "type": "tj",
+    "uploadTime": "2023-11-19 14:38:24",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "6ab4a3a84f37a4b41bacdf604fea06107c835a9f4d42c43f09d964fa70b0ea8766feacf70bf734447cf981d5e5b27df0ac04ef3c32233fbd5354ddaafa2808ca",
+    "id": 4,
+    "name": "mnmvapdgquwqocbiwtdkzl",
+    "size": 880,
+    "type": "gxtog",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "36b90ac358b56f4ff25b4506a76cbc656fa1cceaed47e6f5f8bbdb1b3a612df66edb85e11f4057252011565147c1ee9b5d41e50070dc36ae6eee08f5e6d34dc9",
+    "id": 5,
+    "name": "jlzkunryl",
+    "size": 543,
+    "type": "zrv",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "1a37c0298eabe1c2bc0414ba9b33ebcc487e5e6fc879f07ade56ec4c74bc5555ced1ff78dbeca637cd1941cd7cd4ce5c8089f241c5cbfd56eddd284b76ac1ef7",
+    "id": 6,
+    "name": "dswqhfqskdagcbfckwpndfatd",
+    "size": 526,
+    "type": "esjvu",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "ce5658a5607b9789183628a270cf07218f34a892eb1cba7eb6bd4a7975e00f2610109b34c1dcac997557e13e75fcf3ae13b7975fe368203f5f68490ee591b94a",
+    "id": 7,
+    "name": "piocnpmktwxbb",
+    "size": 898,
+    "type": "vcggc",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "9b7e885939e62cfc5826ed91503fb6416996ea1508453cb750355d6c70256d3a95b9122c7da8daec659d72ef3e3e98b6f770c4c54effd33f34a915260a25a72f",
+    "id": 8,
+    "name": "wxmnzwfbk",
+    "size": 609,
+    "type": "cm",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "045a8e81558d7d7f14fd06c52ac4055eeaea5aee6fb3f8dbd320fe25a389784e1349ba5d9c4ca63b7de957d86a21412716db72723ac12d1f0a276f7f3c862e8e",
+    "id": 9,
+    "name": "zqrnpauhvwzbavicgej",
+    "size": 656,
+    "type": "kt",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "7f288c84ca711e79d50bf4286f88f6e73ff49248c8285d93b52077e921bf414e0fd98f98a396422c15ade33bafedbf0e1cffa78ce63caa93d200f015609d8aea",
+    "id": 10,
+    "name": "zxblkv",
+    "size": 593,
+    "type": "q",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "73371bf6b11cb599e63047ced75d141908158ec386f403a7cfd9cf75116b2543e7248f5fe83dac61d076e5e59a82b4f352fdc19cebaa12566b0a2d467bd1f885",
+    "id": 11,
+    "name": "wdhdrvnphlqpxptnsn",
+    "size": 883,
+    "type": "vno",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  },
+  {
+    "downloadCount": 0,
+    "hash": "a387498ffd84522c954fe1bcde7b0f98212bfbda59fb785b482345b59bf3f17da8c5595378564e3cd5e187f4ae99558b0ac624bfa5c3f147e6412c9797c45cc4",
+    "id": 12,
+    "name": "ccyqhcbggcgeoarmxydndshw",
+    "size": 579,
+    "type": "zu",
+    "uploadTime": "2023-11-19 14:38:47",
+    "uploaderName": "wzp"
+  }
+]
+const handleCurrentChange = (newPage: number) => {
+  currentPage.value = newPage;
+  // 此处添加获取数据的逻辑，例如调用 API
+};
+
 
 const toggleUserLogin = () => {
   UserAvatarLoginShow.value = !UserAvatarLoginShow.value;
@@ -61,60 +212,52 @@ const toggleUserLogin = () => {
 const UserLogin = () => {
   // 用户登录函数
   if (UserName.value == "" || UserPassword.value == "") {
-    ElMessage({
-      type: 'error',
-      message: `用户名或密码为空`,
-      // 弹出错误消息
-    })
-    return
+    ElMessage.error("用户名密码不能为空");
+    return;
   }
   login(UserName.value, UserPassword.value).then((res: AxiosResponse<Result<User>>) => {
     // 发送登录请求
-    console.log(res.data.data.name);
     if (res.data.status == 200) {
       ElMessage.success("登录成功!")
-      // 登录成功消息
       toggleUserLogin()
-      // 关闭登录弹窗
     } else {
       ElMessage.error("登录失败,用户名密码错误!")
-      // 登录失败消息
     }
   }).catch(() => {
     ElMessage.error("登录失败,用户名密码错误!")
-    // 登录失败消息
   })
 };
 
 const UserEnroll = () => {
   // 用户注册函数
-  if (UserName.value != '' && UserPassword.value != '') {
-    console.log('账号:' + UserName.value + '密码:' + UserPassword.value)
-    ElMessage({
-      type: 'success',
-      message: `注册成功`,
-      // 弹出成功消息
-    })
-  } else if (UserName.value == '') {
-    ElMessage({
-      type: 'error',
-      message: `用户名为空`,
-      // 弹出错误消息
-    })
-  } else if (UserPassword.value == '') {
-    ElMessage({
-      type: 'error',
-      message: `密码为空`,
-      // 弹出错误消息
-    })
-  } else {
-    ElMessage({
-      type: 'error',
-      message: `当前页面加载错误`,
-      // 弹出错误消息
-    })
+  if (UserName.value == '' || UserPassword.value == '') {
+    ElMessage.error("用户名密码不能为空")
+    return;
   }
-};
+  register(UserName.value, UserPassword.value, Auth.user).then((res) => {
+    switch (res.data.status){
+      case 251:
+        ElMessage.error("邀请码错误！");
+        break;
+      case 501:
+        ElMessage.error("存在同名用户！");
+        break;
+      default:
+        ElMessage.error("无法注册！");
+    }});
+}
+
+const handleShowDetail = () => {
+  console.log("detail");
+}
+
+const handleDownload = () => {
+  console.log("download");
+}
+
+const handleDelete = () => {
+  console.log("delete");
+}
 </script>
 
 <style scoped>
@@ -133,9 +276,11 @@ const UserEnroll = () => {
 }
 
 .UserAvatar {
-  border-radius: 50%;
   margin: 10px;
-  /* 用户头像样式，圆形 */
+}
+
+.UserAvatar img {
+  border-radius: 50px;
 }
 
 .UserLoginBox {
@@ -170,4 +315,8 @@ const UserEnroll = () => {
   width: 120px;
   /* 登录注册按钮样式 */
 }
+
+.FileLiteBox {
+  margin-top: 10px;
+}
 </style>
\ No newline at end of file