diff --git a/data/magic-api/api/后台/代码生成/group.json b/data/magic-api/api/后台/代码生成/group.json
new file mode 100644
index 0000000..1db5a3b
--- /dev/null
+++ b/data/magic-api/api/后台/代码生成/group.json
@@ -0,0 +1,10 @@
+{
+  "properties" : { },
+  "id" : "f2538e0f370a4cabab0ae920f5e77ae7",
+  "name" : "代码生成",
+  "type" : "api",
+  "parentId" : "02df51e4d7184780a98b632f43dc5848",
+  "path" : "/code/gen",
+  "paths" : [ ],
+  "options" : [ ]
+}
\ No newline at end of file
diff --git a/data/magic-api/api/后台/代码生成/查出所有表.ms b/data/magic-api/api/后台/代码生成/查出所有表.ms
new file mode 100644
index 0000000..d247a68
--- /dev/null
+++ b/data/magic-api/api/后台/代码生成/查出所有表.ms
@@ -0,0 +1,99 @@
+{
+  "properties" : { },
+  "id" : "6db309d3d6d0461c97419641849a99b4",
+  "script" : null,
+  "groupId" : "f2538e0f370a4cabab0ae920f5e77ae7",
+  "name" : "查出所有表",
+  "createTime" : null,
+  "updateTime" : 1647561263994,
+  "lock" : null,
+  "createBy" : null,
+  "updateBy" : null,
+  "path" : "/tables",
+  "method" : "GET",
+  "parameters" : [ ],
+  "options" : [ ],
+  "requestBody" : null,
+  "headers" : [ ],
+  "paths" : [ ],
+  "responseBody" : "{\n    \"code\": 402,\n    \"message\": \"凭证已过期\",\n    \"data\": null,\n    \"timestamp\": 1647561224202,\n    \"executeTime\": null\n}",
+  "description" : null,
+  "requestBodyDefinition" : null,
+  "responseBodyDefinition" : {
+    "name" : "",
+    "value" : "",
+    "description" : "",
+    "required" : false,
+    "dataType" : "Object",
+    "type" : null,
+    "defaultValue" : null,
+    "validateType" : "",
+    "error" : "",
+    "expression" : "",
+    "children" : [ {
+      "name" : "code",
+      "value" : "402",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Integer",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "message",
+      "value" : "凭证已过期",
+      "description" : "",
+      "required" : false,
+      "dataType" : "String",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "data",
+      "value" : "null",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Object",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "timestamp",
+      "value" : "1647561224202",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Long",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "executeTime",
+      "value" : "null",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Object",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    } ]
+  }
+}
+================================
+return db.select("""
+    select table_name, table_comment from information_schema.tables where table_schema = database()
+""")
\ No newline at end of file
diff --git a/data/magic-api/api/后台/代码生成/根据表名查出所有列.ms b/data/magic-api/api/后台/代码生成/根据表名查出所有列.ms
new file mode 100644
index 0000000..93be3ef
--- /dev/null
+++ b/data/magic-api/api/后台/代码生成/根据表名查出所有列.ms
@@ -0,0 +1,207 @@
+{
+  "properties" : { },
+  "id" : "98367deee5714ede88c1e134b16bebeb",
+  "script" : null,
+  "groupId" : "f2538e0f370a4cabab0ae920f5e77ae7",
+  "name" : "根据表名查出所有列",
+  "createTime" : null,
+  "updateTime" : 1647564370396,
+  "lock" : null,
+  "createBy" : null,
+  "updateBy" : null,
+  "path" : "/columns",
+  "method" : "GET",
+  "parameters" : [ {
+    "name" : "tableName",
+    "value" : "sys_user",
+    "description" : null,
+    "required" : false,
+    "dataType" : "String",
+    "type" : null,
+    "defaultValue" : null,
+    "validateType" : null,
+    "error" : null,
+    "expression" : null,
+    "children" : null
+  } ],
+  "options" : [ ],
+  "requestBody" : "",
+  "headers" : [ ],
+  "paths" : [ ],
+  "responseBody" : "{\n    \"code\": 200,\n    \"message\": \"success\",\n    \"data\": {\n        \"columns\": [{\n            \"columnName\": \"username\",\n            \"columnComment\": \"登录名\",\n            \"dataType\": \"varchar\"\n        }, {\n            \"columnName\": \"name\",\n            \"columnComment\": \"姓名/昵称\",\n            \"dataType\": \"varchar\"\n        }, {\n            \"columnName\": \"password\",\n            \"columnComment\": \"密码\",\n            \"dataType\": \"varchar\"\n        }, {\n            \"columnName\": \"status\",\n            \"columnComment\": \"状态\",\n            \"dataType\": \"char\"\n        }, {\n            \"columnName\": \"phone\",\n            \"columnComment\": \"手机号\",\n            \"dataType\": \"varchar\"\n        }, {\n            \"columnName\": \"head_portrait\",\n            \"columnComment\": \"头像\",\n            \"dataType\": \"varchar\"\n        }, {\n            \"columnName\": \"is_login\",\n            \"columnComment\": \"禁止登录：0未禁用，1已禁用\",\n            \"dataType\": \"int\"\n        }, {\n            \"columnName\": \"sort\",\n            \"columnComment\": \"排序\",\n            \"dataType\": \"int\"\n        }, {\n            \"columnName\": \"office_id\",\n            \"columnComment\": \"组织机构id\",\n            \"dataType\": \"varchar\"\n        }],\n        \"primary\": {\n            \"columnName\": \"id\"\n        }\n    },\n    \"timestamp\": 1647564344902,\n    \"executeTime\": 34\n}",
+  "description" : null,
+  "requestBodyDefinition" : null,
+  "responseBodyDefinition" : {
+    "name" : "",
+    "value" : "",
+    "description" : "",
+    "required" : false,
+    "dataType" : "Object",
+    "type" : null,
+    "defaultValue" : null,
+    "validateType" : "",
+    "error" : "",
+    "expression" : "",
+    "children" : [ {
+      "name" : "code",
+      "value" : "200",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Integer",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "message",
+      "value" : "success",
+      "description" : "",
+      "required" : false,
+      "dataType" : "String",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "data",
+      "value" : "",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Object",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ {
+        "name" : "columns",
+        "value" : "",
+        "description" : "",
+        "required" : false,
+        "dataType" : "Array",
+        "type" : null,
+        "defaultValue" : null,
+        "validateType" : "",
+        "error" : "",
+        "expression" : "",
+        "children" : [ {
+          "name" : "",
+          "value" : "",
+          "description" : "",
+          "required" : false,
+          "dataType" : "Object",
+          "type" : null,
+          "defaultValue" : null,
+          "validateType" : "",
+          "error" : "",
+          "expression" : "",
+          "children" : [ {
+            "name" : "columnName",
+            "value" : "username",
+            "description" : "",
+            "required" : false,
+            "dataType" : "String",
+            "type" : null,
+            "defaultValue" : null,
+            "validateType" : "",
+            "error" : "",
+            "expression" : "",
+            "children" : [ ]
+          }, {
+            "name" : "columnComment",
+            "value" : "登录名",
+            "description" : "",
+            "required" : false,
+            "dataType" : "String",
+            "type" : null,
+            "defaultValue" : null,
+            "validateType" : "",
+            "error" : "",
+            "expression" : "",
+            "children" : [ ]
+          }, {
+            "name" : "dataType",
+            "value" : "varchar",
+            "description" : "",
+            "required" : false,
+            "dataType" : "String",
+            "type" : null,
+            "defaultValue" : null,
+            "validateType" : "",
+            "error" : "",
+            "expression" : "",
+            "children" : [ ]
+          } ]
+        } ]
+      }, {
+        "name" : "primary",
+        "value" : "",
+        "description" : "",
+        "required" : false,
+        "dataType" : "Object",
+        "type" : null,
+        "defaultValue" : null,
+        "validateType" : "",
+        "error" : "",
+        "expression" : "",
+        "children" : [ {
+          "name" : "columnName",
+          "value" : "id",
+          "description" : "",
+          "required" : false,
+          "dataType" : "String",
+          "type" : null,
+          "defaultValue" : null,
+          "validateType" : "",
+          "error" : "",
+          "expression" : "",
+          "children" : [ ]
+        } ]
+      } ]
+    }, {
+      "name" : "timestamp",
+      "value" : "1647564344902",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Long",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    }, {
+      "name" : "executeTime",
+      "value" : "34",
+      "description" : "",
+      "required" : false,
+      "dataType" : "Integer",
+      "type" : null,
+      "defaultValue" : null,
+      "validateType" : "",
+      "error" : "",
+      "expression" : "",
+      "children" : [ ]
+    } ]
+  }
+}
+================================
+return {
+    columns: db.select("""
+        SELECT
+            column_name,
+            column_comment,
+            data_type 
+        FROM
+            information_schema.COLUMNS 
+        WHERE
+            table_name = #{tableName}
+            AND column_name NOT IN ( 'id', 'is_del', 'create_by', 'create_date', 'update_by', 'update_date' ) 
+            AND table_schema = DATABASE()
+    """),
+    primary: db.selectValue("SELECT column_name FROM information_schema.COLUMNS WHERE table_name = #{tableName} and column_key = 'PRI' and table_schema = database()")
+}
\ No newline at end of file
diff --git a/magic-boot-ui/src/views/examples/editor-table.vue b/magic-boot-ui/src/views/examples/editor-table.vue
index c6d95ed..92f3a38 100644
--- a/magic-boot-ui/src/views/examples/editor-table.vue
+++ b/magic-boot-ui/src/views/examples/editor-table.vue
@@ -6,31 +6,145 @@
   </div>
 </template>
 
-<script>
+<script setup>
+import { reactive,getCurrentInstance } from 'vue'
+import genCode from '@/scripts/gen/gen-mb-list.js'
+const { proxy } = getCurrentInstance()
+const tableDatas = reactive([])
 
-export default {
-  name: 'EditorTable',
-  data() {
-    return {
-      tableDatas: [],
-      cols: [{
-        type: 'input',
-        field: 'name',
-        title: '名称'
-      }, {
-        type: 'select',
-        field: 'role',
-        title: '角色',
-        properties: {
-          type: 'dict_type'
-        }
-      }]
-    }
-  },
-  methods: {
-    getData() {
-      console.log(this.tableDatas)
-    }
+proxy.$get('/code/gen/columns', { tableName: 'sys_user' }).then(res => {
+  var columns = res.data.columns
+  var primary = res.data.primary
+  columns.forEach(it => {
+    tableDatas.push({
+      columnName: it.columnName,
+      columnComment: it.columnComment,
+      dataType: it.dataType
+    })
+  })
+  console.log(tableDatas)
+})
+
+const cols = reactive([{
+  field: 'columnName',
+  label: '列名'
+}, {
+  field: 'columnComment',
+  label: '列说明',
+  component: 'input'
+}, {
+  field: 'dataType',
+  label: '字段类型'
+}, {
+  field: 'save',
+  label: '保存',
+  component: 'switch',
+  width: '80px'
+}, {
+  field: 'list',
+  label: '列表',
+  component: 'switch',
+  width: '80px'
+}, {
+  field: 'query',
+  label: '查询',
+  component: 'switch',
+  width: '80px'
+}, {
+  field: 'where',
+  label: '匹配方式',
+  component: 'select',
+  props: {
+    options: [{
+      label: '=',
+      value: '='
+    },{
+      label: '!=',
+      value: '!='
+    },{
+      label: '>',
+      value: '>'
+    },{
+      label: '>=',
+      value: '>='
+    },{
+      label: '<',
+      value: '<'
+    },{
+      label: '<=',
+      value: '<='
+    },{
+      label: 'Between',
+      value: 'Between'
+    },{
+      label: 'Like',
+      value: 'Like'
+    },{
+      label: '左Like',
+      value: '左Like'
+    },{
+      label: '右Like',
+      value: '右Like'
+    }]
   }
+}, {
+  field: 'required',
+  label: '必填',
+  component: 'switch',
+  width: '80px'
+}, {
+  field: 'component',
+  label: '控件类型',
+  component: 'select',
+  props: {
+    options: [{
+      label: '单行文本框',
+      value: 'input'
+    },{
+      label: '多行文本框',
+      value: 'textarea'
+    },{
+      label: '单选下拉框',
+      value: 'radioSelect'
+    },{
+      label: '多选下拉框',
+      value: 'multipleSelect'
+    },{
+      label: '单选按钮',
+      value: 'radio'
+    },{
+      label: '复选框',
+      value: 'checkbox'
+    },{
+      label: '日期选择',
+      value: 'date'
+    },{
+      label: '日期时间',
+      value: 'datetime'
+    },{
+      label: '图片上传',
+      value: 'uploadImage'
+    },{
+      label: '文件上传',
+      value: 'uploadFile'
+    }]
+  }
+}, {
+  component: 'select',
+  field: 'dictType',
+  label: '字典类型',
+  props: {
+    url: 'dict/all',
+    showValue: true
+  }
+}])
+
+function gen(){
+  genCode('user', tableDatas)
 }
+
+function getData(){
+  console.log(tableDatas)
+}
+
 </script>
diff --git a/magic-boot-ui/src/views/lowcode/code-gen-form.vue b/magic-boot-ui/src/views/lowcode/code-gen-form.vue
new file mode 100644
index 0000000..efd248b
--- /dev/null
+++ b/magic-boot-ui/src/views/lowcode/code-gen-form.vue
@@ -0,0 +1,27 @@
+<template>
+  <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tab-pane label="基本信息" name="basic">
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="分组名称">
+            <el-input v-model="formData.groupName"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-tab-pane>
+    <el-tab-pane label="字段信息" name="field">
+
+    </el-tab-pane>
+    <el-tab-pane label="生成信息" name="gen">
+
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script setup>
+  import {reactive, ref} from 'vue'
+  const activeName = ref('basic')
+  const formData = reactive({
+    groupName: ''
+  })
+</script>
diff --git a/magic-boot-ui/src/views/lowcode/code-gen-list.vue b/magic-boot-ui/src/views/lowcode/code-gen-list.vue
new file mode 100644
index 0000000..41c7514
--- /dev/null
+++ b/magic-boot-ui/src/views/lowcode/code-gen-list.vue
@@ -0,0 +1,66 @@
+<template>
+  <mb-list ref="magicList" v-bind="listOptions" />
+  <mb-dialog ref="formDialog" title="配置" @confirm-click="magicForm.save($event)" width="50%">
+    <template #content>
+      <code-gen-form />
+    </template>
+  </mb-dialog>
+</template>
+
+<script setup>
+  import codeGenForm from './code-gen-form.vue'
+  import { ref, reactive, getCurrentInstance } from 'vue'
+  const { proxy } = getCurrentInstance()
+  const formDialog = ref()
+  const magicList = ref()
+  const magicForm = ref()
+  const listOptions = reactive({
+    tools: [{
+      type: 'add',
+      permission: 'code:gen:save',
+      click: () => {
+        formDialog.value.show()
+      }
+    }],
+    table: {
+      url: 'code/gen/list',
+      cols: [
+        {
+          field: 'tableName',
+          label: '表名'
+        },{
+          field: 'tableComment',
+          label: '描述'
+        }, {
+          label: '操作',
+          type: 'btns',
+          width: 140,
+          fixed: 'right',
+          btns: [
+            {
+              permission: 'code:gen:save',
+              label: '修改',
+              type: 'text',
+              icon: 'ElEdit',
+              click: (row) => {
+                formDialog.value.show()
+              }
+            }, {
+              permission: 'code:gen:delete',
+              label: '删除',
+              type: 'text',
+              icon: 'ElDelete',
+              click: (row) => {
+                // proxy.$common.handleDelete({
+                //   url: 'user/delete',
+                //   id: row.id,
+                //   done: () => magicList.value.reload()
+                // })
+              }
+            }
+          ]
+        }
+      ]
+    }
+  })
+</script>