linweidong
/
besure_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

REVIEW 代码生成

Browse Source
main
YunaiV 3 years ago
parent 95b7eb9856
commit 76c5c7c1de
6 changed files with 127 additions and 172 deletions
Show Stats Download Patch File Download Diff File

70
src/api/infra/codegen/index.ts
Unescape Escape View File

@ -1,8 +1,74 @@
import request from '@/config/axios'
import type { CodegenUpdateReqVO, CodegenCreateListReqVO } from './types'
export type CodegenTableVO = {
id: number
tableId: number
isParentMenuIdValid: boolean
dataSourceConfigId: number
scene: number
tableName: string
tableComment: string
remark: string
moduleName: string
businessName: string
className: string
classComment: string
author: string
createTime: Date
updateTime: Date
templateType: number
parentMenuId: number
}
export type CodegenColumnVO = {
id: number
tableId: number
columnName: string
dataType: string
columnComment: string
nullable: number
primaryKey: number
autoIncrement: string
ordinalPosition: number
javaType: string
javaField: string
dictType: string
example: string
createOperation: number
updateOperation: number
listOperation: number
listOperationCondition: string
listOperationResult: number
htmlType: string
}
export type DatabaseTableVO = {
name: string
comment: string
}
export type CodegenDetailVO = {
table: CodegenTableVO
columns: CodegenColumnVO[]
}
export type CodegenPreviewVO = {
filePath: string
code: string
}
export type CodegenUpdateReqVO = {
table: CodegenTableVO | any
columns: CodegenColumnVO[]
}
export type CodegenCreateListReqVO = {
dataSourceConfigId: number
tableNames: string[]
}
// 查询列表代码生成表定义
export const getCodegenTablePage = (params) => {
export const getCodegenTablePage = (params: PageParam) => {
return request.get({ url: '/infra/codegen/table/page', params })
}

61
src/api/infra/codegen/types.ts
Unescape Escape View File

@ -1,61 +0,0 @@
export type CodegenTableVO = {
id: number
tableId: number
isParentMenuIdValid: boolean
dataSourceConfigId: number
scene: number
tableName: string
tableComment: string
remark: string
moduleName: string
businessName: string
className: string
classComment: string
author: string
createTime: Date
updateTime: Date
templateType: number
parentMenuId: number
}
export type CodegenColumnVO = {
id: number
tableId: number
columnName: string
dataType: string
columnComment: string
nullable: number
primaryKey: number
autoIncrement: string
ordinalPosition: number
javaType: string
javaField: string
dictType: string
example: string
createOperation: number
updateOperation: number
listOperation: number
listOperationCondition: string
listOperationResult: number
htmlType: string
}
export type DatabaseTableVO = {
name: string
comment: string
}
export type CodegenDetailVO = {
table: CodegenTableVO
columns: CodegenColumnVO[]
}
export type CodegenPreviewVO = {
filePath: string
code: string
}
export type CodegenUpdateReqVO = {
table: CodegenTableVO | any
columns: CodegenColumnVO[]
}
export type CodegenCreateListReqVO = {
dataSourceConfigId: number
tableNames: string[]
}

3
src/locales/zh-CN.ts
Unescape Escape View File

@ -298,8 +298,7 @@ export default {
typeUpdate: '字典类型编辑',
dataCreate: '字典数据新增',
dataUpdate: '字典数据编辑',
fileUpload: '上传文件',
back: '返回'
fileUpload: '上传文件'
},
dialog: {
dialog: '弹窗',

2
src/views/infra/codegen/EditTable.vue
Unescape Escape View File

@ -16,7 +16,7 @@
<el-button type="primary" @click="submitForm" :loading="submitLoading">
{{ t('action.save') }}
</el-button>
<el-button @click="close">{{ t('action.back') }}</el-button>
<el-button @click="close">返回</el-button>
</el-form-item>
</el-form>
</content-wrap>

53
src/views/infra/codegen/codegen.data.ts
Unescape Escape View File

@ -1,53 +0,0 @@
import type { VxeCrudSchema } from '@/hooks/web/useVxeCrudSchemas'
const { t } = useI18n() // 国际化
// 表单校验
export const rules = reactive({
title: [required],
type: [required],
status: [required]
})
// CrudSchema
const crudSchemas = reactive<VxeCrudSchema>({
primaryKey: 'id',
primaryType: 'seq',
action: true,
actionWidth: '400px',
columns: [
{
title: '表名称',
field: 'tableName',
isSearch: true
},
{
title: '表描述',
field: 'tableComment',
isSearch: true
},
{
title: '实体',
field: 'className',
isSearch: true
},
{
title: t('common.createTime'),
field: 'createTime',
formatter: 'formatDate',
isForm: false,
search: {
show: true,
itemRender: {
name: 'XDataTimePicker'
}
}
},
{
title: t('common.updateTime'),
field: 'updateTime',
formatter: 'formatDate',
isForm: false
}
]
})
export const { allSchemas } = useVxeCrudSchemas(crudSchemas)

110
src/views/infra/codegen/index.vue
Unescape Escape View File

@ -1,13 +1,20 @@
<template>
<!-- 搜索 -->
<content-wrap>
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true">
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="68px"
>
<el-form-item label="表名称" prop="tableName">
<el-input
v-model="queryParams.tableName"
placeholder="请输入表名称"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="表描述" prop="tableComment">
@ -16,23 +23,25 @@
placeholder="请输入表描述"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
value-format="yyyy-MM-dd HH:mm:ss"
value-format="YYYY-MM-dd HH:mm:ss"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-240px"
/>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
<el-button type="primary" v-hasPermi="['infra:codegen:create']" @click="openImportTable()">
<Icon icon="ep:zoom-in" class="mr-5px" />{{ t('action.import') }}
<Icon icon="ep:zoom-in" class="mr-5px" /> 导入
</el-button>
</el-form-item>
</el-form>
@ -41,14 +50,20 @@
<!-- 列表 -->
<content-wrap>
<el-table v-loading="loading" :data="list">
<el-table-column label="数据源" align="center" :formatter="dataSourceConfigNameFormat" />
<el-table-column label="数据源" align="center">
<template #default="scope">
{{
dataSourceConfigList.find((config) => config.id === scope.row.dataSourceConfigId)?.name
}}
</template>
</el-table-column>
<el-table-column label="表名称" align="center" prop="tableName" width="200" />
<el-table-column
label="表描述"
align="center"
prop="tableComment"
:show-overflow-tooltip="true"
width="120"
width="200"
/>
<el-table-column label="实体" align="center" prop="className" width="200" />
<el-table-column
@ -65,53 +80,53 @@
width="180"
:formatter="dateFormatter"
/>
<el-table-column
label="操作"
align="center"
width="300px"
class-name="small-padding fixed-width"
>
<el-table-column label="操作" align="center" width="300px" fixed="right">
<template #default="scope">
<el-button
link
type="primary"
@click="handlePreview(scope.row)"
v-hasPermi="['infra:codegen:preview']"
>预览</el-button
>
预览
</el-button>
<el-button
link
type="primary"
@click="handleUpdate(scope.row.id)"
v-hasPermi="['infra:codegen:update']"
>编辑</el-button
>
编辑
</el-button>
<el-button
link
type="danger"
@click="handleDelete(scope.row.id)"
v-hasPermi="['infra:codegen:delete']"
>删除</el-button
>
删除
</el-button>
<el-button
link
type="primary"
@click="handleSynchDb(scope.row)"
@click="handleSyncDB(scope.row)"
v-hasPermi="['infra:codegen:update']"
>同步</el-button
>
同步
</el-button>
<el-button
link
type="primary"
@click="handleGenTable(scope.row)"
v-hasPermi="['infra:codegen:download']"
>生成代码</el-button
>
生成代码
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@ -120,20 +135,16 @@
</content-wrap>
<!-- 弹窗：导入表 -->
<ImportTable ref="importRef" @ok="reload()" />
<ImportTable ref="importRef" @ok="getList" />
<!-- 弹窗：预览代码 -->
<Preview ref="previewRef" />
</template>
<script setup lang="ts" name="Codegen">
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import * as CodegenApi from '@/api/infra/codegen'
import * as DataSourceConfigApi from '@/api/infra/dataSourceConfig'
import { CodegenTableVO } from '@/api/infra/codegen/types'
import { ImportTable, Preview } from './components'
import ContentWrap from '@/components/ContentWrap/src/ContentWrap.vue'
import { DataSourceConfigVO } from '@/api/infra/dataSourceConfig'
import { dateFormatter } from '@/utils/formatTime'
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const { push } = useRouter() // 路由跳转
@ -149,8 +160,7 @@ const queryParams = reactive({
createTime: []
})
const queryFormRef = ref() // 搜索的表单
const dataSourceConfigs = ref<DataSourceConfigVO[]>([]) // 数据源列表
const dataSourceConfigList = ref<DataSourceConfigApi.DataSourceConfigVO[]>([]) // 数据源列表
/** 查询参数列表 */
const getList = async () => {
@ -176,36 +186,22 @@ const resetQuery = () => {
handleQuery()
}
/** 初始化 **/
onMounted(async () => {
getList()
dataSourceConfigs.value = await DataSourceConfigApi.getDataSourceConfigList()
})
// 数据源配置的名字
const dataSourceConfigNameFormat = (row) => {
for (const config of dataSourceConfigs.value) {
if (row.dataSourceConfigId === config.id) {
return config.name
}
}
return '未知【' + row.leaderUserId + '】'
}
// 导入操作
const importRef = ref()
const openImportTable = () => {
importRef.value.show()
}
// 预览操作
/** 编辑操作 */
const handleUpdate = (id: number) => {
push('/codegen/edit?id=' + id)
}
/** 预览操作 */
const previewRef = ref()
const handlePreview = (row: CodegenTableVO) => {
const handlePreview = (row: CodegenApi.CodegenTableVO) => {
previewRef.value.openModal(row.id)
}
// 编辑操作
const handleUpdate = (rowId: number) => {
push('/codegen/edit?id=' + rowId)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
@ -219,8 +215,9 @@ const handleDelete = async (id: number) => {
await getList()
} catch {}
}
// 同步操作
const handleSynchDb = async (row: CodegenTableVO) => {
/** 同步操作 */
const handleSyncDB = async (row: CodegenApi.CodegenTableVO) => {
// 基于 DB 同步
const tableName = row.tableName
try {
@ -230,9 +227,16 @@ const handleSynchDb = async (row: CodegenTableVO) => {
} catch {}
}
// 生成代码操作
const handleGenTable = async (row: CodegenTableVO) => {
/** 生成代码操作 */
const handleGenTable = async (row: CodegenApi.CodegenTableVO) => {
const res = await CodegenApi.downloadCodegen(row.id)
download.zip(res, 'codegen-' + row.className + '.zip')
}
/** 初始化 **/
onMounted(async () => {
await getList()
// 加载数据源列表
dataSourceConfigList.value = await DataSourceConfigApi.getDataSourceConfigList()
})
</script>

Write Preview
Loading…
Cancel
Save