Skip to content

代码生成

代码生成器是本项目的核心特性之一,可以根据数据库模型一键生成前后端全套 CRUD 代码,大幅提升开发效率。

功能概览

  • 根据数据模型自动生成代码
  • 生成后端:Controller、Service、DTO、Module
  • 生成前端:列表页面、表单组件、API 接口
  • 支持自定义模板
  • 字段配置管理

使用方法

1. 配置生成信息

在代码生成页面填写以下信息:

配置项说明示例
模块中文名模块的中文描述学生管理
Prisma 模型名对应的 Prisma Model 名称Student
模块编码模块唯一标识student
选择模板使用的代码模板默认模板
Web 路径前端页面路径views/student
路由路径前端路由路径/student

2. 配置字段

配置每个字段的生成选项:

  • 是否在列表中显示
  • 是否在表单中显示
  • 是否可搜索
  • 表单组件类型(输入框、下拉框、日期选择等)
  • 验证规则

3. 生成代码

配置完成后点击「生成」,系统会自动:

  1. 生成后端 NestJS 模块代码
  2. 生成前端 Vue3 页面代码
  3. 注册模块路由
  4. 将生成记录保存到数据库

生成代码结构

后端生成

src/
├── student/
│   ├── student.module.ts
│   ├── student.controller.ts
│   ├── student.service.ts
│   └── dto/
│       ├── create-student.dto.ts
│       └── update-student.dto.ts

前端生成

views/student/
├── student.vue       # 列表页面
├── studentDialog.vue # 表单弹窗
└── service.ts        # API 接口

API 接口

方法路径说明
POST/tool/auto-code生成代码
POST/tool/auto-code/web仅生成前端代码
GET/tool/auto-code获取生成记录列表
GET/tool/auto-code/:id获取生成记录详情
DELETE/tool/auto-code/:id删除生成记录
DELETE/tool/auto-code批量删除生成记录