tt/vue3-element-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复菜单 mock 组件死链,补齐应用/配置/代码生成/文件模块 mock 接口

Browse Source
This commit is contained in:
Ray.Hao
2026-08-12 14:56:45 +08:00
parent e1aa8fc2a1
commit 1965641229
5 changed files with 670 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
mock/app.mock.ts Normal file
View File

@@ -0,0 +1,158 @@
import { defineMock } from "./base";
/** 应用数据源（内存态，支持增删改与状态切换） */
const appList: Array<Record<string, any>> = [
{
id: "1",
appName: "有来商城",
appCode: "youlai-mall",
platform: "WECHAT_MP",
appId: "wx5d2e1a2b3c4d5e6f7a8b",
appSecret: "c0a8d0c0d1f4a0b1e0f5a2c3d4e5f6a7",
merchantId: "1900000001",
merchantKey: "MCH_KEY_123456",
status: 1,
remark: "有来商城公众号应用",
createTime: "2024-01-15 10:00:00",
},
{
id: "2",
appName: "有来商城小程序",
appCode: "youlai-mall-mini",
platform: "WECHAT_MINI",
appId: "wx1f2e3d4c5b6a7f8e9d0c",
appSecret: "b1c2d3e4f5a6b7c8d9e0f1a2b3c4d5e6",
merchantId: "1900000002",
merchantKey: "MCH_KEY_654321",
status: 1,
remark: "有来商城微信小程序应用",
createTime: "2024-02-20 14:30:00",
},
{
id: "3",
appName: "有来商城App",
appCode: "youlai-mall-app",
platform: "APPLE",
appId: "com.youlai.mall.app",
appSecret: "",
status: 0,
remark: "iOS 端应用（已停用）",
createTime: "2023-11-08 09:12:00",
},
];
export default defineMock([
// 应用分页列表
{
url: "apps",
method: ["GET"],
body({ query }) {
const { keywords, platform, status, pageNum = "1", pageSize = "10" } = query;
const filtered = appList.filter((item) => {
if (keywords && !`${item.appName}${item.appCode}${item.appId}`.includes(keywords)) {
return false;
}
if (platform && item.platform !== platform) return false;
if (status && String(item.status) !== String(status)) return false;
return true;
});
const page = Number(pageNum);
const size = Number(pageSize);
const start = (page - 1) * size;
return {
code: "00000",
data: {
list: filtered.slice(start, start + size),
total: filtered.length,
},
msg: "一切ok",
};
},
},
// 获取应用表单数据
{
url: "apps/:id/form",
method: ["GET"],
body({ params }) {
const data = appList.find((item) => item.id === params.id);
return {
code: "00000",
data: data ?? null,
msg: "一切ok",
};
},
},
// 新增应用
{
url: "apps",
method: ["POST"],
body({ body }) {
appList.unshift({
id: String(appList.length + 1),
status: 1,
createTime: "2024-06-01 10:00:00",
...body,
});
return {
code: "00000",
data: null,
msg: "新增成功",
};
},
},
// 修改应用
{
url: "apps/:id",
method: ["PUT"],
body({ params, body }) {
const index = appList.findIndex((item) => item.id === params.id);
if (index !== -1) {
appList[index] = { ...appList[index], ...body };
}
return {
code: "00000",
data: null,
msg: "修改成功",
};
},
},
// 删除应用（多个 ID 以英文逗号分隔）
{
url: "apps/:ids",
method: ["DELETE"],
body({ params }) {
const idSet = new Set(params.ids.split(","));
for (let i = appList.length - 1; i >= 0; i--) {
if (idSet.has(appList[i].id)) {
appList.splice(i, 1);
}
}
return {
code: "00000",
data: null,
msg: "删除成功",
};
},
},
// 修改应用状态
{
url: "apps/:id/status",
method: ["PUT"],
body({ params, body }) {
const item = appList.find((item) => item.id === params.id);
if (item) {
item.status = body.status;
}
return {
code: "00000",
data: null,
msg: "状态更新成功",
};
},
},
]);

351
mock/codegen.mock.ts Normal file
View File

@@ -0,0 +1,351 @@
import { defineMock } from "./base";
/** 数据表列表 */
const tableList = [
{
tableName: "sys_user",
tableComment: "用户表",
engine: "InnoDB",
tableCollation: "utf8mb4_general_ci",
createTime: "2023-06-01 10:00:00",
isConfigured: 1,
},
{
tableName: "sys_role",
tableComment: "角色表",
engine: "InnoDB",
tableCollation: "utf8mb4_general_ci",
createTime: "2023-06-01 10:05:00",
isConfigured: 1,
},
{
tableName: "sys_menu",
tableComment: "菜单表",
engine: "InnoDB",
tableCollation: "utf8mb4_general_ci",
createTime: "2023-06-01 10:10:00",
isConfigured: 0,
},
{
tableName: "sys_dept",
tableComment: "部门表",
engine: "InnoDB",
tableCollation: "utf8mb4_general_ci",
createTime: "2023-06-01 10:15:00",
isConfigured: 0,
},
];
/** 下划线命名转驼峰首字母大写，如 sys_user → SysUser */
function toPascalCase(name: string): string {
return name
.split("_")
.filter(Boolean)
.map((part) => part.charAt(0).toUpperCase() + part.slice(1))
.join("");
}
/** 默认字段配置 */
const defaultFieldConfigs = [
{
columnName: "id",
columnType: "bigint",
fieldName: "id",
fieldType: "Long",
fieldComment: "主键",
isPrimaryKey: 1,
isShowInList: 1,
isShowInForm: 0,
isShowInQuery: 0,
isRequired: 0,
formType: 10,
queryType: 0,
maxLength: 20,
fieldSort: 1,
dictType: "",
},
{
columnName: "username",
columnType: "varchar(50)",
fieldName: "username",
fieldType: "String",
fieldComment: "用户名",
isShowInList: 1,
isShowInForm: 1,
isShowInQuery: 1,
isRequired: 1,
formType: 1,
queryType: 2,
maxLength: 50,
fieldSort: 2,
dictType: "",
},
{
columnName: "nickname",
columnType: "varchar(50)",
fieldName: "nickname",
fieldType: "String",
fieldComment: "昵称",
isShowInList: 1,
isShowInForm: 1,
isShowInQuery: 0,
isRequired: 0,
formType: 1,
queryType: 0,
maxLength: 50,
fieldSort: 3,
dictType: "",
},
{
columnName: "gender",
columnType: "tinyint",
fieldName: "gender",
fieldType: "Integer",
fieldComment: "性别",
isShowInList: 1,
isShowInForm: 1,
isShowInQuery: 0,
isRequired: 0,
formType: 2,
queryType: 0,
maxLength: 3,
fieldSort: 4,
dictType: "gender",
},
{
columnName: "email",
columnType: "varchar(100)",
fieldName: "email",
fieldType: "String",
fieldComment: "邮箱",
isShowInList: 0,
isShowInForm: 1,
isShowInQuery: 0,
isRequired: 0,
formType: 1,
queryType: 0,
maxLength: 100,
fieldSort: 5,
dictType: "",
},
{
columnName: "status",
columnType: "tinyint",
fieldName: "status",
fieldType: "Integer",
fieldComment: "状态",
isShowInList: 1,
isShowInForm: 1,
isShowInQuery: 1,
isRequired: 1,
formType: 6,
queryType: 1,
maxLength: 3,
fieldSort: 6,
dictType: "",
},
{
columnName: "create_time",
columnType: "datetime",
fieldName: "createTime",
fieldType: "LocalDateTime",
fieldComment: "创建时间",
isShowInList: 1,
isShowInForm: 0,
isShowInQuery: 1,
isRequired: 0,
formType: 9,
queryType: 4,
maxLength: 0,
fieldSort: 7,
dictType: "",
},
];
/** 生成配置数据源（内存态，POST 保存、DELETE 重置） */
const genConfigMap: Record<string, any> = {
sys_user: {
id: "1",
tableName: "sys_user",
businessName: "user",
moduleName: "system",
packageName: "com.youlai.system",
entityName: "SysUser",
author: "youlai",
parentMenuId: "1",
backendAppName: "youlai-admin",
frontendAppName: "vue3-element-admin",
removeTablePrefix: "sys_",
pageType: "classic",
fieldConfigs: defaultFieldConfigs,
},
sys_role: {
id: "2",
tableName: "sys_role",
businessName: "role",
moduleName: "system",
packageName: "com.youlai.system",
entityName: "SysRole",
author: "youlai",
parentMenuId: "1",
backendAppName: "youlai-admin",
frontendAppName: "vue3-element-admin",
removeTablePrefix: "sys_",
pageType: "classic",
fieldConfigs: defaultFieldConfigs,
},
};
/** 未配置表的默认生成配置（无 id，进入抽屉后从基础配置步骤开始） */
function buildDefaultConfig(tableName: string) {
return {
tableName,
businessName: tableName.replace(/^sys_/, ""),
moduleName: "system",
packageName: "com.youlai.system",
entityName: toPascalCase(tableName.replace(/^sys_/, "")),
author: "youlai",
parentMenuId: "1",
backendAppName: "youlai-admin",
frontendAppName: "vue3-element-admin",
removeTablePrefix: "sys_",
pageType: "classic",
fieldConfigs: defaultFieldConfigs,
};
}
/** 构造代码生成预览文件列表 */
function buildPreviewFiles(tableName: string, tableComment: string) {
const bizName = tableName.replace(/^sys_/, "");
const entityName = toPascalCase(bizName);
return [
{
path: "src/api/system/",
fileName: `${bizName}.ts`,
content: `import request from "@/utils/request";\n\n/** ${tableComment}相关接口 */\nexport const ${bizName}Api = {\n getPage(params: unknown) {\n return request({ url: "/api/v1/${tableName}s", method: "get", params });\n },\n};\n`,
scope: "frontend",
language: "ts",
},
{
path: "src/views/system/",
fileName: `${bizName}.vue`,
content: `<template>\n <div class="page-container">${tableComment}管理</div>\n</template>\n\n<script setup lang="ts">\ndefineOptions({ name: "${entityName}" });\n</script>\n`,
scope: "frontend",
language: "vue",
},
{
path: "src/main/java/com/youlai/system/controller/",
fileName: `${entityName}Controller.java`,
content: `package com.youlai.system.controller;\n\nimport org.springframework.web.bind.annotation.RestController;\n\n/**\n * ${tableComment}控制器\n */\n@RestController\npublic class ${entityName}Controller {\n}\n`,
scope: "backend",
language: "java",
},
{
path: "src/main/resources/mapper/",
fileName: `${entityName}Mapper.xml`,
content: `<?xml version="1.0" encoding="UTF-8"?>\n<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"\n "http://mybatis.org/dtd/mybatis-3-mapper.dtd">\n<mapper namespace="com.youlai.system.mapper.${entityName}Mapper">\n</mapper>\n`,
scope: "backend",
language: "xml",
},
];
}
export default defineMock([
// 数据表分页列表
{
url: "codegen/table",
method: ["GET"],
body({ query }) {
const { keywords, pageNum = "1", pageSize = "10" } = query;
const filtered = tableList.filter((item) => {
if (keywords && !`${item.tableName}${item.tableComment}`.includes(keywords)) {
return false;
}
return true;
});
const page = Number(pageNum);
const size = Number(pageSize);
const start = (page - 1) * size;
return {
code: "00000",
data: {
list: filtered.slice(start, start + size),
total: filtered.length,
},
msg: "一切ok",
};
},
},
// 获取代码生成配置
{
url: "codegen/:tableName/config",
method: ["GET"],
body({ params }) {
return {
code: "00000",
data: genConfigMap[params.tableName] ?? buildDefaultConfig(params.tableName),
msg: "一切ok",
};
},
},
// 保存代码生成配置
{
url: "codegen/:tableName/config",
method: ["POST"],
body({ params, body }) {
genConfigMap[params.tableName] = { id: "1", ...body };
const table = tableList.find((item) => item.tableName === params.tableName);
if (table) {
table.isConfigured = 1;
}
return {
code: "00000",
data: null,
msg: "保存成功",
};
},
},
// 重置代码生成配置
{
url: "codegen/:tableName/config",
method: ["DELETE"],
body({ params }) {
delete genConfigMap[params.tableName];
const table = tableList.find((item) => item.tableName === params.tableName);
if (table) {
table.isConfigured = 0;
}
return {
code: "00000",
data: null,
msg: "重置成功",
};
},
},
// 获取代码生成预览数据
{
url: "codegen/:tableName/preview",
method: ["GET"],
body({ params }) {
const table = tableList.find((item) => item.tableName === params.tableName);
return {
code: "00000",
data: buildPreviewFiles(params.tableName, table?.tableComment || params.tableName),
msg: "一切ok",
};
},
},
// 下载代码生成 ZIP 文件
{
url: "codegen/:tableName/download",
method: ["GET"],
headers: {
"Content-Disposition": "attachment; filename=codegen.zip",
},
},
]);

127
mock/config.mock.ts Normal file
View File

@@ -0,0 +1,127 @@
import { defineMock } from "./base";
/** 配置数据源（内存态，支持增删改） */
const configList: Array<Record<string, any>> = [
{
id: "1",
configName: "系统名称",
configKey: "system.name",
configValue: "vue3-element-admin",
remark: "后台管理系统名称",
},
{
id: "2",
configName: "系统Logo",
configKey: "system.logo",
configValue: "https://foruda.gitee.com/images/1723603502796844527/03cdca2a_716974.gif",
remark: "后台管理系统 Logo 地址",
},
{
id: "3",
configName: "系统版本",
configKey: "system.version",
configValue: "4.8.4",
remark: "后台管理系统版本号",
},
];
export default defineMock([
// 配置分页列表
{
url: "configs",
method: ["GET"],
body({ query }) {
const { keywords, pageNum = "1", pageSize = "10" } = query;
const filtered = configList.filter((item) => {
if (keywords && !`${item.configName}${item.configKey}`.includes(keywords)) {
return false;
}
return true;
});
const page = Number(pageNum);
const size = Number(pageSize);
const start = (page - 1) * size;
return {
code: "00000",
data: {
list: filtered.slice(start, start + size),
total: filtered.length,
},
msg: "一切ok",
};
},
},
// 获取配置表单数据
{
url: "configs/:id/form",
method: ["GET"],
body({ params }) {
const data = configList.find((item) => item.id === params.id);
return {
code: "00000",
data: data ?? null,
msg: "一切ok",
};
},
},
// 新增配置
{
url: "configs",
method: ["POST"],
body({ body }) {
configList.unshift({ id: String(configList.length + 1), ...body });
return {
code: "00000",
data: null,
msg: "新增成功",
};
},
},
// 修改配置
{
url: "configs/:id",
method: ["PUT"],
body({ params, body }) {
const index = configList.findIndex((item) => item.id === params.id);
if (index !== -1) {
configList[index] = { ...configList[index], ...body };
}
return {
code: "00000",
data: null,
msg: "修改成功",
};
},
},
// 删除配置
{
url: "configs/:id",
method: ["DELETE"],
body({ params }) {
const index = configList.findIndex((item) => item.id === params.id);
if (index !== -1) {
configList.splice(index, 1);
}
return {
code: "00000",
data: null,
msg: "删除成功",
};
},
},
// 刷新配置缓存
{
url: "configs/refresh",
method: ["PUT"],
body: {
code: "00000",
data: null,
msg: "刷新成功",
},
},
]);

33
mock/file.mock.ts Normal file
View File

@@ -0,0 +1,33 @@
import { defineMock } from "./base";
export default defineMock([
// 上传文件
{
url: "files",
method: ["POST"],
body() {
const name = `mock-upload-${Date.now()}.png`;
return {
code: "00000",
data: {
name,
url: "https://foruda.gitee.com/images/1723603502796844527/03cdca2a_716974.gif",
},
msg: "上传成功",
};
},
},
// 删除文件
{
url: "files",
method: ["DELETE"],
body({ query }) {
return {
code: "00000",
data: null,
msg: query.filePath ? `删除文件 ${query.filePath} 成功` : "删除成功",
};
},
},
]);

2
mock/menu.mock.ts
View File

@@ -1474,7 +1474,7 @@ export default defineMock([
type: "M", type: "M",
routeName: null, routeName: null,
routePath: "dict-demo", routePath: "dict-demo",
component: "demo/dict", component: "demo/dictionary",
sort: 4, sort: 4,
visible: 1, visible: 1,
icon: "", icon: "",