diff --git a/src/api/.openapi-generator/FILES b/src/api/.openapi-generator/FILES
index 16b445e..a80cd4f 100644
--- a/src/api/.openapi-generator/FILES
+++ b/src/api/.openapi-generator/FILES
@@ -1,6 +1,5 @@
 .gitignore
 .npmignore
-.openapi-generator-ignore
 api.ts
 base.ts
 common.ts
diff --git a/src/api/api.ts b/src/api/api.ts
index cc4ae59..75dbacb 100644
--- a/src/api/api.ts
+++ b/src/api/api.ts
@@ -157,6 +157,18 @@ export interface ModelSpiderPublic {
  * @interface SpiderAllSpidersResponse
  */
 export interface SpiderAllSpidersResponse {
+    /**
+     * 
+     * @type {number}
+     * @memberof SpiderAllSpidersResponse
+     */
+    'Count'?: number;
+    /**
+     * 
+     * @type {number}
+     * @memberof SpiderAllSpidersResponse
+     */
+    'Limit'?: number;
     /**
      * 
      * @type {number}
@@ -175,12 +187,6 @@ export interface SpiderAllSpidersResponse {
      * @memberof SpiderAllSpidersResponse
      */
     'Total'?: number;
-    /**
-     * 
-     * @type {number}
-     * @memberof SpiderAllSpidersResponse
-     */
-    'TotalPages'?: number;
 }
 /**
  * 
diff --git a/src/api/swagger.json b/src/api/swagger.json
index fe59878..42fad57 100644
--- a/src/api/swagger.json
+++ b/src/api/swagger.json
@@ -242,6 +242,12 @@
         "spider.allSpidersResponse": {
             "type": "object",
             "properties": {
+                "Count": {
+                    "type": "integer"
+                },
+                "Limit": {
+                    "type": "integer"
+                },
                 "Page": {
                     "type": "integer"
                 },
@@ -253,9 +259,6 @@
                 },
                 "Total": {
                     "type": "integer"
-                },
-                "TotalPages": {
-                    "type": "integer"
                 }
             }
         },
diff --git a/src/layouts/default/AppBar.vue b/src/layouts/default/AppBar.vue
index 07d0f84..6e0fb36 100644
--- a/src/layouts/default/AppBar.vue
+++ b/src/layouts/default/AppBar.vue
@@ -19,14 +19,21 @@
         rounded="lg"
         prepend-icon="mdi-home"
         title="首页"
-        :to="route_names.home"
+        :to="route('home')"
+      ></v-list-item>
+
+      <v-list-item
+        rounded="lg"
+        prepend-icon="mdi-home"
+        title="蜘蛛"
+        :to="route('spiders.index')"
       ></v-list-item>
 
       <v-list-item
         rounded="lg"
         prepend-icon="mdi-account"
         :title="userStore.access_token ? '注销' : '登录'"
-        :to="route_names.login"
+        :to="route('login')"
       ></v-list-item>
     </v-list>
   </v-navigation-drawer>
@@ -47,15 +54,11 @@ const userStore = useUserStore()
 
 const drawer = ref(false);
 
-
-const route_names = ref({
-  "home": {
-    name: "home"
-  },
-  "login": {
-    name: "login"
+function route(name: string) {
+  return {
+    name: name
   }
-})
+}
 
 
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 0e08a3e..92975e7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -25,6 +25,18 @@ const routes = [
     component: () => import("@/views/auth/Login.vue"),
   },
 
+  {
+    path: "/spiders",
+    name: "spiders.index",
+    meta: {
+      auth: false,
+    },
+    // route level code-splitting
+    // this generates a separate chunk (Home-[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import("@/views/spiders/List.vue"),
+  },
+
 ];
 
 const router = createRouter({
diff --git a/src/views/spiders/List.vue b/src/views/spiders/List.vue
new file mode 100644
index 0000000..df46123
--- /dev/null
+++ b/src/views/spiders/List.vue
@@ -0,0 +1,77 @@
+<template>
+  <h1>蜘蛛</h1>
+  <p>蜘蛛将不定期的查询网页。</p>
+
+  <v-card class="mt-3">
+    <v-list>
+      <v-list-item
+        v-for="item in spiders.Spiders"
+        :key="item.Id"
+      >
+
+
+        <template v-slot:append="{ isActive }">
+          <v-list-item-action end>
+            <v-btn rounded="xl" @click.stop="console.log(isActive)">
+              <v-icon>mdi-check</v-icon>
+            </v-btn>
+          </v-list-item-action>
+        </template>
+
+        <v-list-item-title>{{ item.Name }}</v-list-item-title>
+      </v-list-item>
+    </v-list>
+  </v-card>
+
+  <div class="text-center">
+    <v-container>
+      <v-row justify="center">
+        <v-col cols="8">
+          <v-container class="max-width">
+            <v-pagination
+              v-model="page"
+              class="my-4"
+              :length="spiders.Total"
+              :disabled="loading"
+              @update:model-value="load"
+            ></v-pagination>
+          </v-container>
+        </v-col>
+      </v-row>
+    </v-container>
+  </div>
+
+</template>
+
+<script setup>
+import {theSpiderApi} from "@/plugins/api";
+
+
+
+const page = ref(1);
+const spiders = ref({});
+const loading = ref(false);
+
+const load = () => {
+
+
+  theSpiderApi
+    .apiSpidersGet({
+      params: {
+        page: page.value,
+      },
+    })
+    .then((r) => {
+      spiders.value = r.data;
+      page.value = r.data.Page;
+      console.log(r.data.spider);
+    })
+    .finally(() => {
+      loading.value = false;
+
+    });
+};
+
+load()
+
+</script>