From 756fc1038c0a6adba8bc3c71c425696ffb140836 Mon Sep 17 00:00:00 2001
From: klaokai <573984425@qq.com>
Date: Sat, 29 Apr 2023 14:18:26 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9ESQL=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E9=80=A0=E6=95=B0=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=96=B9?=
 =?UTF-8?q?=E4=BE=BF=E4=B8=BA=E6=95=B0=E6=8D=AE=E5=BA=93=E5=A1=AB=E5=85=85?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/infra/codegen/index.ts                |  25 +++
 src/views/infra/codegen/FakeData.vue          | 152 ++++++++++++++++++
 .../components/FakeDataColumInfoForm.vue      |  96 +++++++++++
 src/views/infra/codegen/components/index.ts   |   3 +-
 src/views/infra/codegen/index.vue             |  17 ++
 5 files changed, 292 insertions(+), 1 deletion(-)
 create mode 100644 src/views/infra/codegen/FakeData.vue
 create mode 100644 src/views/infra/codegen/components/FakeDataColumInfoForm.vue

diff --git a/src/api/infra/codegen/index.ts b/src/api/infra/codegen/index.ts
index 64701efe4..b241d4c5f 100644
--- a/src/api/infra/codegen/index.ts
+++ b/src/api/infra/codegen/index.ts
@@ -57,6 +57,16 @@ export type CodegenPreviewVO = {
   code: string
 }
 
+export type CodegenFakeDataVO = {
+  tableId: string
+  num: string
+}
+
+export type CodegenMockTypeRespVO = {
+  type: number
+  lable: string
+}
+
 export type CodegenUpdateReqVO = {
   table: CodegenTableVO | any
   columns: CodegenColumnVO[]
@@ -102,6 +112,21 @@ export const previewCodegen = (id: number) => {
   return request.get({ url: '/infra/codegen/preview?tableId=' + id })
 }
 
+// SQL造数生成代码
+export const fakeDataCodegen = (params) => {
+  return request.get({ url: '/infra/codegen/fake-data', params })
+}
+
+// 获取SQL字段模拟类型列表
+export const fakeDataMockTypeList = () => {
+  return request.get({ url: '/infra/codegen/fake-data/types' })
+}
+
+//通过模拟类型获取响应的列表参数
+export const getMockParamsByMockType = (type: number) => {
+  return request.get({ url: '/infra/codegen/fake-data/params?mockType=' + type })
+}
+
 // 下载生成代码
 export const downloadCodegen = (id: number) => {
   return request.download({ url: '/infra/codegen/download?tableId=' + id })
diff --git a/src/views/infra/codegen/FakeData.vue b/src/views/infra/codegen/FakeData.vue
new file mode 100644
index 000000000..27ac8ed1c
--- /dev/null
+++ b/src/views/infra/codegen/FakeData.vue
@@ -0,0 +1,152 @@
+<template>
+  <Dialog v-model="dialogVisible" title="代码预览" width="80%">
+    <div class="common-layout">
+      <el-container v-if="active == 1">
+        <el-header>请配置模拟类型、模拟参数以及模拟参数默认值</el-header>
+        <el-main>
+          <fake-data-colum-info-form ref="fakeDataColumInfoFormRef" :columns="formData.columns" />
+        </el-main>
+        <el-footer>
+          <div class="slider-demo-block">
+            <span class="demonstration">数据生成量</span>
+            <el-slider v-model="queryParams.num" :step="10" show-stops />
+          </div>
+        </el-footer>
+      </el-container>
+      <el-container v-if="active == 2">
+        <el-header>请配置模拟类型、模拟参数以及模拟参数默认值</el-header>
+        <el-main>
+          <div v-loading="loading" :gutter="12" element-loading-text="加载代码中..." shadow="hover">
+            <div>
+              <pre><code class="hljs" v-html="highlightedCode(previewResult)"></code></pre>
+            </div>
+          </div>
+        </el-main>
+        <el-footer
+          ><el-button class="float-right" text type="primary" @click="copy()">
+            {{ t('common.copy') }}
+          </el-button></el-footer
+        >
+      </el-container>
+    </div>
+    <el-steps :active="active" finish-status="success">
+      <el-step description="请配置模拟类型、模拟参数以及模拟参数默认值" title="步骤 1" />
+      <el-step description="SQL" title="步骤 2" />
+    </el-steps>
+    <el-button style="margin-top: 12px" @click="next">下一步（循环）</el-button>
+  </Dialog>
+</template>
+<script lang="ts" name="InfraCodegenFakeData" setup>
+import { FakeDataColumInfoForm } from './components'
+import { ref } from 'vue'
+import * as CodegenApi from '@/api/infra/codegen'
+
+import 'highlight.js/styles/github.css' // 导入代码高亮样式
+import hljs from 'highlight.js' // 导入代码高亮文件
+import sql from 'highlight.js/lib/languages/sql'
+import { useClipboard } from '@vueuse/core'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const loading = ref(false) // 加载中的状态
+const fakeDataColumInfoFormRef = ref<ComponentRef<typeof FakeDataColumInfoForm>>()
+
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formData = ref<CodegenApi.CodegenUpdateReqVO>({
+  table: {},
+  columns: []
+})
+/** 获得详情 */
+const getDetail = async (id: number) => {
+  if (!id) {
+    return
+  }
+  formLoading.value = true
+  try {
+    formData.value = await CodegenApi.getCodegenTable(id)
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 加载sql造数代码*/
+const previewResult = ref('')
+const queryParams = reactive({
+  tableId: undefined,
+  num: 1
+})
+const getFakeData = async () => {
+  loading.value = true
+  try {
+    previewResult.value = await CodegenApi.fakeDataCodegen(queryParams)
+  } finally {
+    loading.value = false
+  }
+}
+
+const active = ref(1)
+
+const next = () => {
+  if (active.value == 1) {
+    submitForm()
+    getFakeData()
+  }
+  if (active.value++ > 1) active.value = 1
+}
+
+/** 提交按钮 */
+const submitForm = async () => {
+  // 参数校验
+  if (!unref(formData)) return
+  try {
+    // 提交请求
+    await CodegenApi.updateCodegenTable(formData.value)
+    message.success(t('common.updateSuccess'))
+    close()
+  } catch {}
+}
+
+/** 打开弹窗 */
+const open = async (id: number) => {
+  //回到第一个步骤
+  active.value = 1
+  //清空上次的结果
+  previewResult.value = ''
+  //记录表单id
+  queryParams.tableId = id
+  getDetail(id)
+  dialogVisible.value = true
+}
+
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 代码高亮 **/
+const highlightedCode = (item) => {
+  const result = hljs.highlight('sql', item || '', true)
+  return result.value || '&nbsp;'
+}
+
+/** 复制 **/
+const copy = async () => {
+  const { copy, copied, isSupported } = useClipboard({ source: previewResult.value })
+  if (!isSupported) {
+    message.error(t('common.copyError'))
+    return
+  }
+  await copy()
+  if (unref(copied)) {
+    message.success(t('common.copySuccess'))
+  }
+}
+
+if (onMounted) {
+  /** 初始化 **/
+  onMounted(async () => {
+    // 注册代码高亮的各种语言
+    hljs.registerLanguage('sql', sql)
+  })
+}
+</script>
+<style lang="scss"></style>
diff --git a/src/views/infra/codegen/components/FakeDataColumInfoForm.vue b/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
new file mode 100644
index 000000000..979dbea5f
--- /dev/null
+++ b/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
@@ -0,0 +1,96 @@
+<template>
+  <el-table ref="dragTable" :data="formData" :max-height="tableHeight" row-key="columnId">
+    <el-table-column
+      :show-overflow-tooltip="true"
+      label="字段列名"
+      min-width="10%"
+      prop="columnName"
+    />
+    <el-table-column label="字段描述" min-width="10%" prop="columnComment" />
+    <el-table-column
+      :show-overflow-tooltip="true"
+      label="物理类型"
+      min-width="10%"
+      prop="dataType"
+    />
+    <el-table-column label="Java类型" min-width="11%" prop="javaType" />
+    <el-table-column label="java属性" min-width="10%" prop="javaField" />
+    <el-table-column label="插入" min-width="4%" prop="createOperation" />
+    <el-table-column label="编辑" min-width="4%" prop="updateOperation" />
+    <el-table-column label="允许空" min-width="5%" prop="nullable" />
+    <el-table-column label="示例" min-width="10%" prop="example" />
+    <el-table-column label="模拟类型" min-width="11%">
+      <template #default="scope">
+        <el-select v-model="scope.row.mockType" clearable filterable placeholder="请选择">
+          <el-option
+            v-for="dict in dictOptions"
+            :key="dict.label"
+            :label="dict.label"
+            :value="dict.type"
+          />
+        </el-select>
+      </template>
+    </el-table-column>
+    <el-table-column label="模拟参数" min-width="10%">
+      <template #default="scope">
+        <el-select
+          v-if="scope.row.mockType == 4"
+          v-model="scope.row.mockParams"
+          clearable
+          filterable
+          placeholder="请选择"
+        >
+          <el-option v-for="dict in mockParamOptions" :key="dict" :label="dict" :value="dict" />
+        </el-select>
+        <el-input v-else v-model="scope.row.mockParams" />
+      </template>
+    </el-table-column>
+    <el-table-column label="模拟参数默认值" min-width="10%">
+      <template #default="scope">
+        <el-input v-model="scope.row.defaultValue" />
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+<script lang="ts" name="InfraCodegenFakeDataColumInfoForm" setup>
+import { PropType } from 'vue'
+import * as CodegenApi from '@/api/infra/codegen'
+
+const props = defineProps({
+  columns: {
+    type: Array as unknown as PropType<CodegenApi.CodegenColumnVO[]>,
+    default: () => null
+  }
+})
+
+const formData = ref<CodegenApi.CodegenColumnVO[]>([])
+const tableHeight = document.documentElement.scrollHeight - 350 + 'px'
+
+/** 查询模拟类型下拉列表 */
+const dictOptions = ref<CodegenApi.CodegenMockTypeRespVO[]>([])
+const getDictOptions = async () => {
+  dictOptions.value = await CodegenApi.fakeDataMockTypeList()
+}
+
+const mockParamOptions = ref<string[]>([]) // 用户组列表
+const getMockParmOptions = async () => {
+  mockParamOptions.value = await CodegenApi.getMockParamsByMockType(4)
+}
+
+watch(
+  () => props.columns,
+  (columns) => {
+    if (!columns) return
+    formData.value = columns
+  },
+  {
+    deep: true,
+    immediate: true
+  }
+)
+
+onMounted(async () => {
+  await getDictOptions()
+  await getMockParmOptions()
+})
+</script>
diff --git a/src/views/infra/codegen/components/index.ts b/src/views/infra/codegen/components/index.ts
index 1634a76f0..27bf93bb8 100644
--- a/src/views/infra/codegen/components/index.ts
+++ b/src/views/infra/codegen/components/index.ts
@@ -1,4 +1,5 @@
 import BasicInfoForm from './BasicInfoForm.vue'
 import ColumInfoForm from './ColumInfoForm.vue'
 import GenerateInfoForm from './GenerateInfoForm.vue'
-export { BasicInfoForm, ColumInfoForm, GenerateInfoForm }
+import FakeDataColumInfoForm from './FakeDataColumInfoForm.vue'
+export { BasicInfoForm, ColumInfoForm, GenerateInfoForm, FakeDataColumInfoForm }
diff --git a/src/views/infra/codegen/index.vue b/src/views/infra/codegen/index.vue
index 6a554d5d9..4d078ecad 100644
--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@@ -100,6 +100,14 @@
           >
             预览
           </el-button>
+          <el-button
+            v-hasPermi="['infra:codegen:preview']"
+            link
+            type="primary"
+            @click="fakeData(scope.row)"
+          >
+            造数
+          </el-button>
           <el-button
             v-hasPermi="['infra:codegen:update']"
             link
@@ -148,6 +156,8 @@
   <ImportTable ref="importRef" @success="getList" />
   <!-- 弹窗：预览代码 -->
   <PreviewCode ref="previewRef" />
+  <!-- 弹窗：造数 -->
+  <FakeData ref="fakeDataRef" />
 </template>
 <script lang="ts" name="InfraCodegen" setup>
 import { dateFormatter } from '@/utils/formatTime'
@@ -156,6 +166,7 @@ import * as CodegenApi from '@/api/infra/codegen'
 import * as DataSourceConfigApi from '@/api/infra/dataSourceConfig'
 import ImportTable from './ImportTable.vue'
 import PreviewCode from './PreviewCode.vue'
+import FakeData from './FakeData.vue'
 
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
@@ -215,6 +226,12 @@ const handlePreview = (row: CodegenApi.CodegenTableVO) => {
   previewRef.value.open(row.id)
 }
 
+/** 造数操作 */
+const fakeDataRef = ref()
+const fakeData = (row: CodegenApi.CodegenTableVO) => {
+  fakeDataRef.value.open(row.id)
+}
+
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
   try {

From 7c2955e327c49e08ba2becd98dc9890e16c1b5ef Mon Sep 17 00:00:00 2001
From: klaokai <573984425@qq.com>
Date: Sat, 29 Apr 2023 16:04:48 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E4=BF=AE=E6=AD=A3=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=B1=9E=E6=80=A7=E5=90=8D=E9=94=99=E8=AF=AF=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E7=9A=84=E6=A8=A1=E6=8B=9F=E7=B1=BB=E5=9E=8B=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/infra/codegen/FakeData.vue          | 45 ++++++++++++++++---
 .../components/FakeDataColumInfoForm.vue      | 34 ++++++++++----
 2 files changed, 65 insertions(+), 14 deletions(-)

diff --git a/src/views/infra/codegen/FakeData.vue b/src/views/infra/codegen/FakeData.vue
index 27ac8ed1c..dd0e4f42f 100644
--- a/src/views/infra/codegen/FakeData.vue
+++ b/src/views/infra/codegen/FakeData.vue
@@ -1,5 +1,40 @@
 <template>
   <Dialog v-model="dialogVisible" title="代码预览" width="80%">
+    <el-space>
+      <el-alert effect="dark" title="请注意看使用说明" type="success" />
+      <el-text type="primary" size="large"> 不模拟 </el-text>
+      <el-text
+        >即默认规则，这个字段会在“insert”语句那里被忽略掉，一般第一次进来配置的时候都是这个。
+      </el-text>
+      <el-text type="primary" size="large"> 递增 </el-text>
+      <el-text
+        >设定一个数字，从这个数字开始比如“3”，那么生成的递增规则的数字为“3、4、5……”。
+        （选做？）如果是主键，那么会自动跳过数据库已经存在的主键，比如“3”，生成三个数据“3、4、5”，但由于数据库已经有4，那么跳过4，生成“3、5、6”。
+      </el-text>
+      <el-text type="primary" size="large"> 随机 </el-text>
+      <el-text
+        >随机做好了一定的随机规则，现在有STRING("字符串")， NAME("人名")， CITY("城市")，
+        URL("网址")， EMAIL("邮箱")， IP("IP")， INTEGER("整数")， DECIMAL("小数")，
+        UNIVERSITY("大学")， DATE("日期")， TIMESTAMP("时间戳")， PHONE("手机号")。
+        这些规则可能还会有更细的划分，比如可以自定连续日期，但有可能考虑到这些规则的加入不仅程序会更加复杂，用户也得细心设置这些规则才能生成正确的数据，像这种细分的东西，用户还是自己自己实现规则搞定。
+      </el-text>
+      <el-text type="primary" size="large"> 固定 </el-text>
+      <el-text>文本，填什么就是什么，直接加入到“insert”语句。</el-text>
+      <el-text type="primary" size="large"> 规则 </el-text>
+      <el-text
+        >通过正则表达式生成随机数据，使用的是com.mifmif.common.regex.Generex，语法地址在这（
+        <el-icon>
+          <Bell />
+        </el-icon>
+        ）。
+      </el-text>
+      <el-text type="primary" size="large"> 词库 </el-text>
+      <el-text
+        >通过curl命令实现，参数填 curl
+        命令之后的参数（不包含curl命令），你的系统一定要支持curl命令才能使用。 对面的响应格式为
+        ["a1","b1"……] 即可
+      </el-text>
+    </el-space>
     <div class="common-layout">
       <el-container v-if="active == 1">
         <el-header>请配置模拟类型、模拟参数以及模拟参数默认值</el-header>
@@ -9,7 +44,7 @@
         <el-footer>
           <div class="slider-demo-block">
             <span class="demonstration">数据生成量</span>
-            <el-slider v-model="queryParams.num" :step="10" show-stops />
+            <el-slider v-model="queryParams.num" max="1000" show-stops show-input />
           </div>
         </el-footer>
       </el-container>
@@ -22,11 +57,11 @@
             </div>
           </div>
         </el-main>
-        <el-footer
-          ><el-button class="float-right" text type="primary" @click="copy()">
+        <el-footer>
+          <el-button class="float-right" text type="primary" @click="copy()">
             {{ t('common.copy') }}
-          </el-button></el-footer
-        >
+          </el-button>
+        </el-footer>
       </el-container>
     </div>
     <el-steps :active="active" finish-status="success">
diff --git a/src/views/infra/codegen/components/FakeDataColumInfoForm.vue b/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
index 979dbea5f..496fe5683 100644
--- a/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
+++ b/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
@@ -24,9 +24,9 @@
         <el-select v-model="scope.row.mockType" clearable filterable placeholder="请选择">
           <el-option
             v-for="dict in dictOptions"
-            :key="dict.label"
-            :label="dict.label"
+            :key="dict.type"
             :value="dict.type"
+            :label="dict.lable"
           />
         </el-select>
       </template>
@@ -34,11 +34,13 @@
     <el-table-column label="模拟参数" min-width="10%">
       <template #default="scope">
         <el-select
-          v-if="scope.row.mockType == 4"
+          v-if="scope.row.mockType === 4"
           v-model="scope.row.mockParams"
-          clearable
           filterable
           placeholder="请选择"
+          remote
+          :loading="loading"
+          :remote-method="(val) => getMockParmOptions(val, scope.row.mockType)"
         >
           <el-option v-for="dict in mockParamOptions" :key="dict" :label="dict" :value="dict" />
         </el-select>
@@ -69,12 +71,27 @@ const tableHeight = document.documentElement.scrollHeight - 350 + 'px'
 /** 查询模拟类型下拉列表 */
 const dictOptions = ref<CodegenApi.CodegenMockTypeRespVO[]>([])
 const getDictOptions = async () => {
-  dictOptions.value = await CodegenApi.fakeDataMockTypeList()
+  loading.value = true
+  try {
+    dictOptions.value = await CodegenApi.fakeDataMockTypeList()
+  } finally {
+    loading.value = false
+  }
 }
 
-const mockParamOptions = ref<string[]>([]) // 用户组列表
-const getMockParmOptions = async () => {
-  mockParamOptions.value = await CodegenApi.getMockParamsByMockType(4)
+//查询模拟参数
+const loading = ref(false)
+const mockParamOptions = ref<string[]>([])
+const getMockParmOptions = async (val, type: number) => {
+  if (type == undefined) {
+    return
+  }
+  loading.value = true
+  try {
+    mockParamOptions.value = await CodegenApi.getMockParamsByMockType(type)
+  } finally {
+    loading.value = false
+  }
 }
 
 watch(
@@ -91,6 +108,5 @@ watch(
 
 onMounted(async () => {
   await getDictOptions()
-  await getMockParmOptions()
 })
 </script>

From 16848e4a895a520814891fb302c7468d6de55e5e Mon Sep 17 00:00:00 2001
From: klaokai <573984425@qq.com>
Date: Tue, 9 May 2023 16:25:16 +0800
Subject: [PATCH 3/3] =?UTF-8?q?refactor:=20=E5=8E=BB=E6=8E=89=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/infra/codegen/FakeData.vue | 35 ----------------------------
 1 file changed, 35 deletions(-)

diff --git a/src/views/infra/codegen/FakeData.vue b/src/views/infra/codegen/FakeData.vue
index dd0e4f42f..940ecad9d 100644
--- a/src/views/infra/codegen/FakeData.vue
+++ b/src/views/infra/codegen/FakeData.vue
@@ -1,40 +1,5 @@
 <template>
   <Dialog v-model="dialogVisible" title="代码预览" width="80%">
-    <el-space>
-      <el-alert effect="dark" title="请注意看使用说明" type="success" />
-      <el-text type="primary" size="large"> 不模拟 </el-text>
-      <el-text
-        >即默认规则，这个字段会在“insert”语句那里被忽略掉，一般第一次进来配置的时候都是这个。
-      </el-text>
-      <el-text type="primary" size="large"> 递增 </el-text>
-      <el-text
-        >设定一个数字，从这个数字开始比如“3”，那么生成的递增规则的数字为“3、4、5……”。
-        （选做？）如果是主键，那么会自动跳过数据库已经存在的主键，比如“3”，生成三个数据“3、4、5”，但由于数据库已经有4，那么跳过4，生成“3、5、6”。
-      </el-text>
-      <el-text type="primary" size="large"> 随机 </el-text>
-      <el-text
-        >随机做好了一定的随机规则，现在有STRING("字符串")， NAME("人名")， CITY("城市")，
-        URL("网址")， EMAIL("邮箱")， IP("IP")， INTEGER("整数")， DECIMAL("小数")，
-        UNIVERSITY("大学")， DATE("日期")， TIMESTAMP("时间戳")， PHONE("手机号")。
-        这些规则可能还会有更细的划分，比如可以自定连续日期，但有可能考虑到这些规则的加入不仅程序会更加复杂，用户也得细心设置这些规则才能生成正确的数据，像这种细分的东西，用户还是自己自己实现规则搞定。
-      </el-text>
-      <el-text type="primary" size="large"> 固定 </el-text>
-      <el-text>文本，填什么就是什么，直接加入到“insert”语句。</el-text>
-      <el-text type="primary" size="large"> 规则 </el-text>
-      <el-text
-        >通过正则表达式生成随机数据，使用的是com.mifmif.common.regex.Generex，语法地址在这（
-        <el-icon>
-          <Bell />
-        </el-icon>
-        ）。
-      </el-text>
-      <el-text type="primary" size="large"> 词库 </el-text>
-      <el-text
-        >通过curl命令实现，参数填 curl
-        命令之后的参数（不包含curl命令），你的系统一定要支持curl命令才能使用。 对面的响应格式为
-        ["a1","b1"……] 即可
-      </el-text>
-    </el-space>
     <div class="common-layout">
       <el-container v-if="active == 1">
         <el-header>请配置模拟类型、模拟参数以及模拟参数默认值</el-header>