create-koa-boot 1.0.0

package/ai/generators.js

@@ -0,0 +1,668 @@
+'use strict';
+/**
+ * AI 代码生成器（model / api / vue-page）
+ *
+ * 生成代码完全对齐 example 中已验证的蓝本：
+ *  - backend: demo.model.ts / demo.controller.ts / demo.service.ts
+ *  - frontend: api/business/demo.ts / views/business/demo/index.vue
+ *
+ * 约定：
+ *  - 后端业务代码输出至 <backendDir>/src/business/<name>/
+ *  - 前端代码输出至 <frontendDir>/src/api/business/<name>.ts 与 src/views/business/<name>/index.vue
+ *  - backendDir/frontendDir 自动探测：backend/（三端示例）或项目根（纯后端骨架）
+ */
+const fs = require('fs');
+const path = require('path');
+const { parseSchema } = require('./schema-parser');
+
+// ============ 类型映射 ============
+
+/** Prisma 类型 → TS 类型 */
+function tsType(f) {
+  const base = {
+    String: 'string',
+    Int: 'number',
+    BigInt: 'number',
+    Float: 'number',
+    Decimal: 'number',
+    Boolean: 'boolean',
+    DateTime: 'Date',
+    Json: 'any',
+  }[f.type];
+  if (base) return base;
+  return 'string'; // 关系/未知类型降级为 string
+}
+
+/** Prisma 类型 → class-validator 装饰器列表（无则返回空数组） */
+function validatorsFor(f) {
+  const v = [];
+  switch (f.type) {
+    case 'String':
+      v.push('@IsString()');
+      break;
+    case 'Int':
+    case 'BigInt':
+    case 'Float':
+    case 'Decimal':
+      v.push('@IsNumber()');
+      break;
+    case 'Boolean':
+      v.push('@IsBoolean()');
+      break;
+    default:
+      return v;
+  }
+  // VarChar(n) 提取最大长度
+  const len = (f.dbType || '').match(/VarChar\((\d+)\)/);
+  if (len && f.type === 'String') {
+    v.push(`@MaxLength(${len[1]}, { message: '${f.name}最多${len[1]}个字符' })`);
+  }
+  return v;
+}
+
+/** 是否为系统字段（不参与业务 CRUD） */
+const SYSTEM = new Set(['id', 'createdAt', 'updatedAt', 'deletedAt']);
+
+function businessFields(model) {
+  return model.fields.filter((f) => !SYSTEM.has(f.name) && !f.updatedAt && !/^\w+Id$/.test(f.name));
+}
+
+// ============ 路径探测 ============
+
+function findBackendDir(targetDir) {
+  const candidates = [path.join(targetDir, 'backend'), targetDir];
+  for (const c of candidates) {
+    if (fs.existsSync(path.join(c, 'prisma', 'schema.prisma'))) return c;
+  }
+  return null;
+}
+
+function findFrontendDir(targetDir) {
+  const candidates = [path.join(targetDir, 'frontend'), targetDir];
+  for (const c of candidates) {
+    if (fs.existsSync(path.join(c, 'package.json'))) {
+      const pkg = JSON.parse(fs.readFileSync(path.join(c, 'package.json'), 'utf8'));
+      if (pkg.dependencies && (pkg.dependencies.vue || pkg.dependencies.vite)) return c;
+    }
+  }
+  return null;
+}
+
+// ============ ai:model ============
+
+function generateModel({ targetDir, name, modelName, fieldsSpec }) {
+  const backendDir = findBackendDir(targetDir);
+  if (!backendDir) {
+    console.error('  ✗ 未找到 prisma/schema.prisma（请在工作目录或 backend/ 下运行）');
+    process.exit(1);
+  }
+
+  const schema = parseSchema(fs.readFileSync(path.join(backendDir, 'prisma', 'schema.prisma'), 'utf8'));
+  let fields;
+
+  if (fieldsSpec) {
+    // 命令行显式字段：name:string,age:int,email:string?
+    fields = fieldsSpec.split(',').map((s) => s.trim()).filter(Boolean).map((s) => {
+      const [fname, ftype = 'string'] = s.split(':');
+      const optional = ftype.endsWith('?');
+      const typeMap = { string: 'String', int: 'Int', number: 'Int', boolean: 'Boolean', text: 'Text' };
+      return {
+        name: fname,
+        type: typeMap[ftype.replace('?', '')] || 'String',
+        optional,
+        dbType: null,
+      };
+    });
+  } else {
+    const model = schema.models.find((m) => m.name === modelName);
+    if (!model) {
+      console.error(`  ✗ schema.prisma 中未找到模型 ${modelName}`);
+      console.error('    可用：' + schema.models.map((m) => m.name).join(', '));
+      process.exit(1);
+    }
+    fields = businessFields(model);
+  }
+
+  if (!fields.length) {
+    console.error('  ✗ 未解析到业务字段');
+    process.exit(1);
+  }
+
+  const entityFields = [];
+  const createFields = [];
+  const updateFields = [];
+  const cls = modelName || name.charAt(0).toUpperCase() + name.slice(1);
+  const fieldName = (s) => s.replace(/[A-Z]/g, (c) => '_' + c.toLowerCase()).replace(/^_/, '');
+
+  for (const f of fields) {
+    const t = tsType(f);
+    const label = fieldName(f.name);
+
+    // 实体类：DB 可空字段用 string | null 形态
+    const optionalMarker = f.optional ? ' | null' : '';
+    const validators = validatorsFor(f);
+    entityFields.push(`${indent(2)}${validators.map((v) => v + '\n' + indent(2)).join('')}${f.name}!: ${t}${optionalMarker};`);
+
+    // CreateDto：必填 + 校验 + 中文 message
+    const cValidators = [...validators];
+    if (!f.optional && f.type === 'String') {
+      cValidators.push(`@IsNotEmpty({ message: '${label}不能为空' })`);
+    }
+    createFields.push(`${indent(2)}${cValidators.map((v) => v + '\n' + indent(2)).join('')}${f.name}${f.optional ? '?: ' + t : ': ' + t};`);
+
+    // UpdateDto：全部可选
+    const uValidators = ['@IsOptional()', ...validators.filter((v) => !v.startsWith('@IsNotEmpty'))];
+    updateFields.push(`${indent(2)}${uValidators.map((v) => v + '\n' + indent(2)).join('')}${f.name}?: ${t};`);
+  }
+
+  const modelTs = `import {
+  IsString,
+  IsNotEmpty,
+  IsOptional,
+  IsNumber,
+  IsBoolean,
+  MaxLength,
+} from 'class-validator';
+
+export class ${cls} {
+${indent(2)}@IsString()
+${indent(2)}id!: string;
+${entityFields.join('\n')}
+${indent(2)}createdAt!: Date;
+${indent(2)}updatedAt!: Date;
+}
+
+export class Create${cls}Dto {
+${createFields.join('\n')}
+}
+
+export class Update${cls}Dto {
+${updateFields.join('\n')}
+}
+`;
+
+  const outFile = path.join(backendDir, 'src', 'business', name, `${name}.model.ts`);
+  fs.mkdirSync(path.dirname(outFile), { recursive: true });
+  fs.writeFileSync(outFile, modelTs, 'utf8');
+  console.log(`  ✓ ${path.relative(targetDir, outFile)}`);
+  return { backendDir, cls };
+}
+
+// ============ ai:api ============
+
+function generateApi({ targetDir, name, modelName }) {
+  const backendDir = findBackendDir(targetDir);
+  if (!backendDir) {
+    console.error('  ✗ 未找到 prisma/schema.prisma（请在工作目录或 backend/ 下运行）');
+    process.exit(1);
+  }
+
+  const schema = parseSchema(fs.readFileSync(path.join(backendDir, 'prisma', 'schema.prisma'), 'utf8'));
+  const model = schema.models.find((m) => m.name === modelName);
+  if (!model) {
+    console.error(`  ✗ schema.prisma 中未找到模型 ${modelName}`);
+    console.error('    可用：' + schema.models.map((m) => m.name).join(', '));
+    process.exit(1);
+  }
+
+  const cls = modelName;
+  const modelLower = cls.charAt(0).toLowerCase() + cls.slice(1);
+  const fields = businessFields(model);
+  const searchFields = fields.filter((f) => f.type === 'String' && f.name !== 'id');
+
+  // service
+  const searchOr = searchFields.length
+    ? `        OR: [\n${searchFields.map((f) => `          { ${f.name}: { contains: keyword } },`).join('\n')}\n        ],`
+    : '';
+
+  const serviceTs = `import 'reflect-metadata';
+import { Service } from 'typedi';
+import { prisma } from '../../config/database';
+import { Create${cls}Dto, Update${cls}Dto, ${cls} } from './${name}.model';
+import { PageResult, paginateQuery } from '../../common';
+
+@Service()
+export class ${cls}Service {
+  async getAll${cls}s(): Promise<${cls}[]> {
+    return prisma.${modelLower}.findMany({ orderBy: { createdAt: 'desc' } }) as unknown as ${cls}[];
+  }
+
+  async get${cls}ById(id: string): Promise<${cls} | null> {
+    return prisma.${modelLower}.findUnique({ where: { id } }) as unknown as ${cls};
+  }
+
+  async create${cls}(dto: Create${cls}Dto): Promise<${cls}> {
+    return prisma.${modelLower}.create({ data: dto as any }) as unknown as ${cls};
+  }
+
+  async update${cls}(id: string, dto: Update${cls}Dto): Promise<${cls} | null> {
+    return prisma.${modelLower}.update({ where: { id }, data: dto as any }) as unknown as ${cls};
+  }
+
+  async delete${cls}(id: string): Promise<boolean> {
+    const result = await prisma.${modelLower}.delete({ where: { id } });
+    return !!result;
+  }
+
+  async search${cls}s(keyword: string): Promise<${cls}[]> {
+    return prisma.${modelLower}.findMany({
+      where: {
+${searchOr}
+      },
+      orderBy: { createdAt: 'desc' },
+    }) as unknown as ${cls}[];
+  }
+
+  async getAll${cls}sByPage(params?: { page?: number; pageSize?: number; keyword?: string }): Promise<PageResult<${cls}>> {
+    const where = params?.keyword
+      ? {
+          OR: [
+${searchFields.length ? searchFields.map((f) => `            { ${f.name}: { contains: params.keyword } },`).join('\n') : '            undefined,'}
+          ],
+        }
+      : {};
+
+    return paginateQuery<${cls}>(prisma.${modelLower}, { where, orderBy: { createdAt: 'desc' } }, params);
+  }
+}
+`;
+
+  // controller
+  const controllerTs = `import { Controller, Get, Post, Put, Delete, Path, Query, Body, Route } from 'tsoa';
+import { ${cls}Service } from './${name}.service';
+import { Create${cls}Dto, Update${cls}Dto } from './${name}.model';
+import { PageResult, ApiResponse, pageSuccess, success, fail, BizCode } from '../../common/types';
+
+@Route('${name.toLowerCase()}s')
+export class ${cls}Controller extends Controller {
+  private ${name}Service = new ${cls}Service();
+
+  @Get()
+  public async getAll${cls}s(@Query() keyword?: string): Promise<ApiResponse<any[]>> {
+    let items: any[];
+    if (keyword) {
+      items = await this.${name}Service.search${cls}s(keyword);
+    } else {
+      items = await this.${name}Service.getAll${cls}s();
+    }
+    return success(items);
+  }
+
+  @Get('page')
+  public async getAll${cls}sByPage(
+    @Query() page?: number,
+    @Query() pageSize?: number,
+    @Query() keyword?: string,
+  ): Promise<ApiResponse<{ list: any[]; pagination: PageResult<any>['pagination'] }>> {
+    const result = await this.${name}Service.getAll${cls}sByPage({ page, pageSize, keyword });
+    return pageSuccess(result.list, result.pagination);
+  }
+
+  @Get('{id}')
+  public async get${cls}ById(@Path() id: string): Promise<ApiResponse<any>> {
+    const item = await this.${name}Service.get${cls}ById(id);
+    if (!item) {
+      return fail('记录不存在', BizCode.NOT_FOUND, null);
+    }
+    return success(item);
+  }
+
+  @Post()
+  public async create${cls}(@Body() body: Create${cls}Dto): Promise<ApiResponse<any>> {
+    const item = await this.${name}Service.create${cls}(body);
+    return success(item, '创建成功');
+  }
+
+  @Put('{id}')
+  public async update${cls}(@Path() id: string, @Body() body: Update${cls}Dto): Promise<ApiResponse<any>> {
+    const item = await this.${name}Service.update${cls}(id, body);
+    if (!item) {
+      return fail('记录不存在', BizCode.NOT_FOUND, null);
+    }
+    return success(item, '更新成功');
+  }
+
+  @Delete('{id}')
+  public async delete${cls}(@Path() id: string): Promise<ApiResponse<boolean>> {
+    const result = await this.${name}Service.delete${cls}(id);
+    if (!result) {
+      return fail('记录不存在', BizCode.NOT_FOUND, false);
+    }
+    return success(true, '删除成功');
+  }
+}
+`;
+
+  const outDir = path.join(backendDir, 'src', 'business', name);
+  fs.mkdirSync(outDir, { recursive: true });
+  fs.writeFileSync(path.join(outDir, `${name}.service.ts`), serviceTs, 'utf8');
+  fs.writeFileSync(path.join(outDir, `${name}.controller.ts`), controllerTs, 'utf8');
+  console.log(`  ✓ ${path.relative(targetDir, path.join(outDir, `${name}.service.ts`))}`);
+  console.log(`  ✓ ${path.relative(targetDir, path.join(outDir, `${name}.controller.ts`))}`);
+}
+
+// ============ ai:vue-page ============
+
+function vueControl(f) {
+  if (f.type === 'Int' || f.type === 'BigInt' || f.type === 'Float' || f.type === 'Decimal') {
+    return `<el-input-number v-model="form.${f.name}" :min="0" :max="1000000" placeholder="请输入${fieldLabel(f.name)}" />`;
+  }
+  if (f.type === 'Boolean') {
+    return `<el-switch v-model="form.${f.name}" />`;
+  }
+  const len = (f.dbType || '').match(/VarChar\((\d+)\)/);
+  if (len && Number(len[1]) > 200) {
+    return `<el-input v-model="form.${f.name}" placeholder="请输入${fieldLabel(f.name)}" type="textarea" />`;
+  }
+  return `<el-input v-model="form.${f.name}" placeholder="请输入${fieldLabel(f.name)}" />`;
+}
+
+function fieldLabel(s) {
+  return s.replace(/([A-Z])/g, '$1').toLowerCase();
+}
+
+function generateVuePage({ targetDir, name, modelName }) {
+  const backendDir = findBackendDir(targetDir);
+  if (!backendDir) {
+    console.error('  ✗ 未找到 prisma/schema.prisma（请在工作目录或 backend/ 下运行）');
+    process.exit(1);
+  }
+  const frontendDir = findFrontendDir(targetDir);
+  if (!frontendDir) {
+    console.error('  ✗ 未找到 frontend（Vue 项目）。纯后端骨架项目需先生成前端。');
+    process.exit(1);
+  }
+
+  const schema = parseSchema(fs.readFileSync(path.join(backendDir, 'prisma', 'schema.prisma'), 'utf8'));
+  const model = schema.models.find((m) => m.name === modelName);
+  if (!model) {
+    console.error(`  ✗ schema.prisma 中未找到模型 ${modelName}`);
+    console.error('    可用：' + schema.models.map((m) => m.name).join(', '));
+    process.exit(1);
+  }
+
+  const cls = modelName;
+  const fields = businessFields(model);
+  const tableColumns = fields
+    .filter((f) => f.type !== 'Json')
+    .map((f) => {
+      const label = fieldLabel(f.name);
+      if (f.type === 'DateTime') return `${indent(4)}<el-table-column prop="${f.name}" label="${label}" width="180" />`;
+      if (f.type === 'Boolean') return `${indent(4)}<el-table-column prop="${f.name}" label="${label}" width="100" />`;
+      if (f.type === 'Int' || f.type === 'BigInt' || f.type === 'Float' || f.type === 'Decimal') {
+        return `${indent(4)}<el-table-column prop="${f.name}" label="${label}" width="120" />`;
+      }
+      return `${indent(4)}<el-table-column prop="${f.name}" label="${label}" min-width="160" show-overflow-tooltip />`;
+    })
+    .join('\n');
+
+  const formItems = fields
+    .filter((f) => f.type !== 'DateTime' && f.type !== 'Json')
+    .map((f) => `${indent(6)}<el-form-item label="${fieldLabel(f.name)}" prop="${f.name}">\n${indent(8)}${vueControl(f)}\n${indent(6)}</el-form-item>`)
+    .join('\n');
+
+  const formReset = fields
+    .filter((f) => f.type !== 'DateTime' && f.type !== 'Json')
+    .map((f) => `${indent(2)}form.${f.name} = ${f.type === 'Boolean' ? 'false' : f.type === 'Int' ? 'undefined' : "''"}`)
+    .join('\n');
+
+  const editAssign = fields
+    .filter((f) => f.type !== 'DateTime' && f.type !== 'Json')
+    .map((f) => `${indent(2)}form.${f.name} = row.${f.name} ${f.type === 'Int' ? '?? undefined' : "?? ''"}`)
+    .join('\n');
+
+  const submitData = fields
+    .filter((f) => f.type !== 'DateTime' && f.type !== 'Json')
+    .map((f) => `${f.name}: form.${f.name}`)
+    .join(', ');
+
+  // API 接口文件（仿 api/business/demo.ts）
+  const apiTs = `import service from '../service'
+import type { ResponseResult, PaginationResult, PaginationParams } from '../common'
+
+// ==================== ${cls} 模块 ====================
+
+export interface ${cls}Info {
+  id: string
+${fields.filter((f) => f.type !== 'Json').map((f) => `${indent(2)}${f.name}: ${tsType(f)}${f.optional ? ' | null' : ''}`).join('\n')}
+  createdAt: string
+  updatedAt: string
+}
+
+export interface Create${cls}Dto {
+${fields.filter((f) => f.type !== 'DateTime' && f.type !== 'Json').map((f) => `${indent(2)}${f.name}${f.optional ? '?' : ''}: ${tsType(f)}`).join('\n')}
+}
+
+export interface Update${cls}Dto {
+${fields.filter((f) => f.type !== 'DateTime' && f.type !== 'Json').map((f) => `${indent(2)}${f.name}?: ${tsType(f)}`).join('\n')}
+}
+
+/** 分页查询 */
+export const get${cls}Page = (
+  params: PaginationParams & { keyword?: string }
+) => {
+  return service.get<ResponseResult<PaginationResult<${cls}Info>>>('/${name.toLowerCase()}s/page', { params })
+}
+
+/** 创建 */
+export const create${cls} = (data: Create${cls}Dto) => {
+  return service.post<ResponseResult<${cls}Info>>('/${name.toLowerCase()}s', data)
+}
+
+/** 更新 */
+export const update${cls} = (id: string, data: Update${cls}Dto) => {
+  return service.put<ResponseResult<${cls}Info>>(\`/${name.toLowerCase()}s/\${id}\`, data)
+}
+
+/** 删除 */
+export const delete${cls} = (id: string) => {
+  return service.delete<ResponseResult<boolean>>(\`/${name.toLowerCase()}s/\${id}\`)
+}
+`;
+
+  const pageTs = `<template>
+  <div class="${name.toLowerCase()}-management">
+    <el-card shadow="hover">
+      <template #header>
+        <div class="card-header">
+          <span>${cls}管理</span>
+          <el-button type="primary" @click="handleAdd">
+            <el-icon><Plus /></el-icon>
+            新增${cls}
+          </el-button>
+        </div>
+      </template>
+
+      <div class="search-bar">
+        <el-form :inline="true" class="search-form">
+          <el-form-item label="关键词">
+            <el-input v-model="searchForm.keyword" placeholder="模糊搜索" clearable style="width: 220px" @keyup.enter="handleSearch" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="handleSearch">
+              <el-icon><Search /></el-icon>
+              搜索
+            </el-button>
+            <el-button @click="resetSearch">
+              <el-icon><Refresh /></el-icon>
+              重置
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <el-table :data="list" v-loading="loading" style="width: 100%" stripe>
+${tableColumns}
+${indent(4)}<el-table-column label="操作" width="200" fixed="right">
+${indent(6)}<template #default="scope">
+${indent(8)}<el-button type="primary" size="small" @click="handleEdit(scope.row)">
+${indent(10)}<el-icon><Edit /></el-icon>
+${indent(10)}编辑
+${indent(8)}</el-button>
+${indent(8)}<el-button type="danger" size="small" @click="handleDelete(scope.row.id)">
+${indent(10)}<el-icon><Delete /></el-icon>
+${indent(10)}删除
+${indent(8)}</el-button>
+${indent(6)}</template>
+${indent(4)}</el-table-column>
+      </el-table>
+
+      <div class="pagination">
+        <el-pagination
+          v-model:current-page="pagination.page"
+          v-model:page-size="pagination.pageSize"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="pagination.total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </el-card>
+
+    <el-dialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增${cls}' : '编辑${cls}'" width="500px">
+      <el-form :model="form" :rules="rules" ref="formRef" label-width="80px">
+${formItems}
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handleSubmit">确定</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import {
+  get${cls}Page,
+  create${cls},
+  update${cls},
+  delete${cls},
+  type ${cls}Info,
+  type Create${cls}Dto,
+} from '../../../api/business/${name}'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { Plus, Search, Refresh, Edit, Delete } from '@element-plus/icons-vue'
+
+const loading = ref(false)
+const list = ref<${cls}Info[]>([])
+const searchForm = reactive({ keyword: '' })
+const pagination = reactive({ page: 1, pageSize: 10, total: 0 })
+
+const dialogVisible = ref(false)
+const dialogType = ref<'add' | 'edit'>('add')
+const formRef = ref<FormInstance>()
+const form = reactive<Create${cls}Dto & { id?: string }>({
+${fields.filter((f) => f.type !== 'DateTime' && f.type !== 'Json').map((f) => `${indent(2)}${f.name}: ${f.type === 'Boolean' ? 'false' : f.type === 'Int' ? 'undefined' : "''"}`).join(',\n')}
+})
+
+const rules: FormRules = {
+${fields.filter((f) => !f.optional && f.type !== 'DateTime' && f.type !== 'Json').map((f) => `${indent(2)}${f.name}: [{ required: true, message: '请输入${fieldLabel(f.name)}', trigger: 'blur' }],`).join('\n')}
+}
+
+async function fetchList() {
+  loading.value = true
+  try {
+    const res = await get${cls}Page({
+      page: pagination.page,
+      pageSize: pagination.pageSize,
+      keyword: searchForm.keyword || undefined,
+    })
+    list.value = res.data.data.list
+    pagination.total = res.data.data.pagination.total
+  } finally {
+    loading.value = false
+  }
+}
+
+function handleSearch() {
+  pagination.page = 1
+  fetchList()
+}
+
+function resetSearch() {
+  searchForm.keyword = ''
+  pagination.page = 1
+  fetchList()
+}
+
+function handleSizeChange() {
+  pagination.page = 1
+  fetchList()
+}
+
+function handleCurrentChange() {
+  fetchList()
+}
+
+function handleAdd() {
+  dialogType.value = 'add'
+  form.id = undefined
+${formReset}
+  dialogVisible.value = true
+}
+
+function handleEdit(row: ${cls}Info) {
+  dialogType.value = 'edit'
+  form.id = row.id
+${editAssign}
+  dialogVisible.value = true
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate()
+  if (dialogType.value === 'add') {
+    await create${cls}({ ${submitData} })
+    ElMessage.success('创建成功')
+  } else if (form.id) {
+    await update${cls}(form.id, { ${submitData} })
+    ElMessage.success('更新成功')
+  }
+  dialogVisible.value = false
+  fetchList()
+}
+
+async function handleDelete(id: string) {
+  await ElMessageBox.confirm('确定删除该条记录吗？', '提示', { type: 'warning' })
+  await delete${cls}(id)
+  ElMessage.success('删除成功')
+  fetchList()
+}
+
+onMounted(fetchList)
+</script>
+
+<style scoped>
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.pagination {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+</style>
+`;
+
+  const apiDir = path.join(frontendDir, 'src', 'api', 'business');
+  const viewDir = path.join(frontendDir, 'src', 'views', 'business', name);
+  fs.mkdirSync(apiDir, { recursive: true });
+  fs.mkdirSync(viewDir, { recursive: true });
+  fs.writeFileSync(path.join(apiDir, `${name}.ts`), apiTs, 'utf8');
+  fs.writeFileSync(path.join(viewDir, 'index.vue'), pageTs, 'utf8');
+  console.log(`  ✓ ${path.relative(targetDir, path.join(apiDir, `${name}.ts`))}`);
+  console.log(`  ✓ ${path.relative(targetDir, path.join(viewDir, 'index.vue'))}`);
+  console.log('  （新页面需在菜单种子 src/init/menu-seed.ts 与前端路由中注册）');
+}
+
+function indent(n) {
+  return ' '.repeat(n);
+}
+
+module.exports = { generateModel, generateApi, generateVuePage };