diff --git a/ruoyi-generator/src/main/resources/vm/js/api.js.vm b/ruoyi-generator/src/main/resources/vm/js/api.js.vm
deleted file mode 100644
index cd2403cc6..000000000
--- a/ruoyi-generator/src/main/resources/vm/js/api.js.vm
+++ /dev/null
@@ -1,53 +0,0 @@
-import request from '@/utils/request'
-
-// 查询${functionName}列表
-export function list${BusinessName}(query) {
-  return request({
-    url: '/${moduleName}/${businessName}/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询${functionName}详细
-export function get${BusinessName}(${pkColumn.javaField}) {
-  return request({
-    url: '/${moduleName}/${businessName}/' + ${pkColumn.javaField},
-    method: 'get'
-  })
-}
-
-// 新增${functionName}
-export function add${BusinessName}(data) {
-  return request({
-    url: '/${moduleName}/${businessName}',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改${functionName}
-export function update${BusinessName}(data) {
-  return request({
-    url: '/${moduleName}/${businessName}',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除${functionName}
-export function del${BusinessName}(${pkColumn.javaField}) {
-  return request({
-    url: '/${moduleName}/${businessName}/' + ${pkColumn.javaField},
-    method: 'delete'
-  })
-}
-
-// 导出${functionName}
-export function export${BusinessName}(query) {
-  return request({
-    url: '/${moduleName}/${businessName}/export',
-    method: 'get',
-    params: query
-  })
-}
\ No newline at end of file
diff --git a/ruoyi-ui/src/api/tool/testDemo.js b/ruoyi-ui/src/api/tool/testDemo.js
new file mode 100644
index 000000000..c4a5117ca
--- /dev/null
+++ b/ruoyi-ui/src/api/tool/testDemo.js
@@ -0,0 +1,55 @@
+import request from '@/utils/request'
+
+// 创建字典类型
+export function createTestDemo(data) {
+  return request({
+    url: '/tool/test-demo/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新字典类型
+export function updateTestDemo(data) {
+  return request({
+    url: '/tool/test-demo/update',
+    method: 'put',
+    data: data
+  })
+}
+
+
+// 删除字典类型
+export function deleteTestDemo(id) {
+  return request({
+    url: '/tool/test-demo/delelte?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得字典类型
+export function getTestDemo(id) {
+  return request({
+    url: '/tool/test-demo/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得字典类型分页
+export function getTestDemoPage(query) {
+  return request({
+    url: '/tool/test-demo/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出字典类型 Excel
+export function exportTestDemoExcel(query) {
+  return request({
+    url: '/tool/test-demo/export-excel',
+    method: 'get',
+    params: query,
+    reponseBody: 'blob'
+  })
+}
diff --git a/src/main/java/cn/iocoder/dashboard/modules/tool/service/codegen/impl/ToolCodegenEngine.java b/src/main/java/cn/iocoder/dashboard/modules/tool/service/codegen/impl/ToolCodegenEngine.java
index 809387cfd..548884ec8 100644
--- a/src/main/java/cn/iocoder/dashboard/modules/tool/service/codegen/impl/ToolCodegenEngine.java
+++ b/src/main/java/cn/iocoder/dashboard/modules/tool/service/codegen/impl/ToolCodegenEngine.java
@@ -81,6 +81,8 @@ public class ToolCodegenEngine {
             // Vue
             .put(vueTemplatePath("views/index.vue"),
                     vueFilePath("views/${table.moduleName}/${table.businessName}/index.vue"))
+            .put(vueTemplatePath("api/api.js"),
+                    vueFilePath("api/${table.moduleName}/${classNameVar}.js"))
             // SQL
             .build();
 
@@ -163,6 +165,7 @@ public class ToolCodegenEngine {
         filePath = StrUtil.replace(filePath, "${table.moduleName}", table.getModuleName());
         filePath = StrUtil.replace(filePath, "${table.businessName}", table.getBusinessName());
         filePath = StrUtil.replace(filePath, "${table.className}", table.getClassName());
+        filePath = StrUtil.replace(filePath, "${classNameVar}", (String) bindingMap.get("classNameVar"));
         return filePath;
     }
 
diff --git a/src/main/resources/codegen/vue/api/api.js.vm b/src/main/resources/codegen/vue/api/api.js.vm
index 296d41aed..9dc2bd211 100644
--- a/src/main/resources/codegen/vue/api/api.js.vm
+++ b/src/main/resources/codegen/vue/api/api.js.vm
@@ -1,53 +1,56 @@
 import request from '@/utils/request'
+#set ($baseURL = "/${table.moduleName}/${simpleClassName_strikeCase}")
 
-// 查询${functionName}列表
-export function list${BusinessName}(query) {
+// 创建${table.classComment}
+export function create${simpleClassName}(data) {
   return request({
-    url: '/${moduleName}/${businessName}/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询${functionName}详细
-export function get${BusinessName}(${pkColumn.javaField}) {
-  return request({
-    url: '/${moduleName}/${businessName}/' + ${pkColumn.javaField},
-    method: 'get'
-  })
-}
-
-// 新增${functionName}
-export function add${BusinessName}(data) {
-  return request({
-    url: '/${moduleName}/${businessName}',
+    url: '${baseURL}/create',
     method: 'post',
     data: data
   })
 }
 
-// 修改${functionName}
-export function update${BusinessName}(data) {
+// 更新${table.classComment}
+export function update${simpleClassName}(data) {
   return request({
-    url: '/${moduleName}/${businessName}',
+    url: '${baseURL}/update',
     method: 'put',
     data: data
   })
 }
 
-// 删除${functionName}
-export function del${BusinessName}(${pkColumn.javaField}) {
+
+// 删除${table.classComment}
+export function delete${simpleClassName}(id) {
   return request({
-    url: '/${moduleName}/${businessName}/' + ${pkColumn.javaField},
+    url: '${baseURL}/delelte?id=' + id,
     method: 'delete'
   })
 }
 
-// 导出${functionName}
-export function export${BusinessName}(query) {
+// 获得${table.classComment}
+export function get${simpleClassName}(id) {
   return request({
-    url: '/${moduleName}/${businessName}/export',
+    url: '${baseURL}/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得${table.classComment}分页
+export function get${simpleClassName}Page(query) {
+  return request({
+    url: '${baseURL}/page',
     method: 'get',
     params: query
   })
-}
\ No newline at end of file
+}
+
+// 导出${table.classComment} Excel
+export function export${simpleClassName}Excel(query) {
+  return request({
+    url: '${baseURL}/export-excel',
+    method: 'get',
+    params: query,
+    reponseBody: 'blob'
+  })
+}
diff --git a/src/main/resources/codegen/vue/views/index.vue.vm b/src/main/resources/codegen/vue/views/index.vue.vm
index ffa2ffced..252c91c98 100644
--- a/src/main/resources/codegen/vue/views/index.vue.vm
+++ b/src/main/resources/codegen/vue/views/index.vue.vm
@@ -111,14 +111,17 @@
         </el-form-item>
   #end
 #elseif($column.htmlType == "imageUpload")## 图片上传
+        #set ($hasImageUploadColumn = true)
         <el-form-item label="${comment}">
           <imageUpload v-model="form.${javaField}"/>
         </el-form-item>
 #elseif($column.htmlType == "fileUpload")## 文件上传
+        #set ($hasFileUploadColumn = true)
         <el-form-item label="${comment}">
           <fileUpload v-model="form.${javaField}"/>
         </el-form-item>
 #elseif($column.htmlType == "editor")## 文本编辑器
+        #set ($hasEditorColumn = true)
         <el-form-item label="${comment}">
           <editor v-model="form.${javaField}" :min-height="192"/>
         </el-form-item>
@@ -176,46 +179,28 @@
 </template>
 
 <script>
-import { list${BusinessName}, get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName}, export${BusinessName} } from "@/api/${moduleName}/${businessName}";
-#foreach($column in $columns)
-#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "imageUpload")
+import { create${simpleClassName}, update${simpleClassName}, delete${simpleClassName}, get${simpleClassName}, get${simpleClassName}Page, export${simpleClassName}Excel } from "@/api/${table.moduleName}/${classNameVar}";
+#if ($hasImageUploadColumn)
 import ImageUpload from '@/components/ImageUpload';
-#break
 #end
-#end
-#foreach($column in $columns)
-#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")
+#if ($hasFileUploadColumn)
 import FileUpload from '@/components/FileUpload';
-#break
 #end
-#end
-#foreach($column in $columns)
-#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "editor")
+#if ($hasEditorColumn)
 import Editor from '@/components/Editor';
-#break
-#end
 #end
 
 export default {
-  name: "${BusinessName}",
+  name: "${simpleClassName}",
   components: {
-#foreach($column in $columns)
-#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "imageUpload")
+#if ($hasImageUploadColumn)
     ImageUpload,
-#break
 #end
-#end
-#foreach($column in $columns)
-#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")
+#if ($hasFileUploadColumn)
     FileUpload,
-#break
 #end
-#end
-#foreach($column in $columns)
-#if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "editor")
+#if ($hasEditorColumn)
     Editor,
-#break
-#end
 #end
   },
   data() {
@@ -232,63 +217,37 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
-#foreach ($column in $columns)
-#set($parentheseIndex=$column.columnComment.indexOf("（"))
-#if($parentheseIndex != -1)
-#set($comment=$column.columnComment.substring(0, $parentheseIndex))
-#else
-#set($comment=$column.columnComment)
-#end
-#if(${column.dictType} != '')
-      // $comment字典
-      ${column.javaField}Options: [],
-#elseif($column.htmlType == "datetime" && $column.queryType == "BETWEEN")
-#set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})
-      // $comment时间范围
+      #foreach ($column in $columns)## 时间范围
+      #if ($column.htmlType == "datetime" && $column.listOperationCondition == "BETWEEN")
+      #set ($AttrName = $column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})
       dateRange${AttrName}: [],
-#end
-#end
+      #end
+      #end
       // 查询参数
       queryParams: {
         pageNo: 1,
         pageSize: 10,
-#foreach ($column in $columns)
-#if($column.query)
-        $column.javaField: null#if($velocityCount != $columns.size()),#end
-
-#end
-#end
+        #foreach ($column in $columns)
+        #if ($column.listOperation && $column.listOperationCondition != 'BETWEEN')
+        $column.javaField: null,
+        #end
+        #end
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
-#foreach ($column in $columns)
-#if($column.required)
-#set($parentheseIndex=$column.columnComment.indexOf("（"))
-#if($parentheseIndex != -1)
-#set($comment=$column.columnComment.substring(0, $parentheseIndex))
-#else
-#set($comment=$column.columnComment)
-#end
-        $column.javaField: [
-          { required: true, message: "$comment不能为空", trigger: #if($column.htmlType == "select")"change"#else"blur"#end }
-        ]#if($velocityCount != $columns.size()),#end
-
-#end
-#end
+      #foreach ($column in $columns)
+      #if (($column.createOperation || $column.updateOperation) && !$column.nullable && !${column.primaryKey})## 创建或者更新操作 && 要求非空 && 非主键
+        #set($comment=$column.columnComment)
+        $column.javaField: [{ required: true, message: "${comment}不能为空", trigger: #if($column.htmlType == "select")"change"#else"blur"#end }],
+      #end
+      #end
       }
     };
   },
   created() {
     this.getList();
-#foreach ($column in $columns)
-#if(${column.dictType} != '')
-    this.getDicts("${column.dictType}").then(response => {
-      this.${column.javaField}Options = response.data;
-    });
-#end
-#end
   },
   methods: {
     /** 查询${functionName}列表 */
@@ -379,6 +338,8 @@ export default {
     submitForm() {
       this.#[[$]]#refs["form"].validate(valid => {
         if (valid) {
+          return;
+        }
 #foreach ($column in $columns)
 #if($column.htmlType == "checkbox")
           this.form.$column.javaField = this.form.${column.javaField}.join(",");
@@ -402,7 +363,7 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      const ${pkColumn.javaField}s = row.${pkColumn.javaField} || this.ids;
+      const ${pkColumn.javaField}s = row.${pkColumn.javaField};
       this.$confirm('是否确认删除${functionName}编号为"' + ${pkColumn.javaField}s + '"的数据项?', "警告", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",