diff --git a/src/api/generator.ts b/src/api/generator.ts
new file mode 100644
index 00000000..f1876e2a
--- /dev/null
+++ b/src/api/generator.ts
@@ -0,0 +1,20 @@
+import request from "@/utils/request";
+
+const USER_BASE_URL = "/api/v1/generators";
+
+class GeneratorAPI {
+  /**
+   * 获取代码生成预览数据
+   */
+  static getPreviewData(tableName: string) {
+    return request<any, GeneratorPreviewVO>({
+      url: `${USER_BASE_URL}/preview/${tableName}`,
+      method: "get",
+    });
+  }
+}
+
+export default GeneratorAPI;
+
+/** 代码生成预览对象 */
+export interface GeneratorPreviewVO {}
diff --git a/src/assets/icons/code.svg b/src/assets/icons/code.svg
new file mode 100644
index 00000000..d8b546ca
--- /dev/null
+++ b/src/assets/icons/code.svg
@@ -0,0 +1 @@
+<svg t="1720831003829" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5159" width="200" height="200"><path d="M438.4 849.1l222.7-646.7c0.2-0.5 0.3-1.1 0.4-1.6L438.4 849.1z" opacity=".224" p-id="5160"></path><path d="M661.2 168.7h-67.5c-3.4 0-6.5 2.2-7.6 5.4L354.7 846c-0.3 0.8-0.4 1.7-0.4 2.6 0 4.4 3.6 8 8 8h67.8c3.4 0 6.5-2.2 7.6-5.4l0.7-2.1 223.1-648.3 7.4-21.4c0.3-0.8 0.4-1.7 0.4-2.6-0.1-4.5-3.6-8.1-8.1-8.1zM954.6 502.1c-0.8-1-1.7-1.9-2.7-2.7l-219-171.3c-3.5-2.7-8.5-2.1-11.2 1.4-1.1 1.4-1.7 3.1-1.7 4.9v81.3c0 2.5 1.1 4.8 3.1 6.3l115 90-115 90c-1.9 1.5-3.1 3.8-3.1 6.3v81.3c0 4.4 3.6 8 8 8 1.8 0 3.5-0.6 4.9-1.7l219-171.3c6.9-5.4 8.2-15.5 2.7-22.5zM291.1 328.1l-219 171.3c-1 0.8-1.9 1.7-2.7 2.7-5.4 7-4.2 17 2.7 22.5l219 171.3c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8v-81.3c0-2.5-1.1-4.8-3.1-6.3l-115-90 115-90c1.9-1.5 3.1-3.8 3.1-6.3v-81.3c0-1.8-0.6-3.5-1.7-4.9-2.7-3.5-7.7-4.1-11.2-1.4z" p-id="5161"></path></svg>
diff --git a/src/views/generator/index.vue b/src/views/generator/index.vue
new file mode 100644
index 00000000..4aef9e2e
--- /dev/null
+++ b/src/views/generator/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="app-container">
+    <el-alert type="info" show-icon class="text-lg font-bold">
+      前后端代码生成器开发中，敬请期待...
+    </el-alert>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "Generator",
+});
+</script>
+
+<style lang="scss" scoped></style>