代码生成
代码生成器是本项目的核心特性之一,可以根据数据库模型一键生成前后端全套 CRUD 代码,大幅提升开发效率。
功能概览
- 根据数据模型自动生成代码
- 生成后端:Controller、Service、DTO、Module
- 生成前端:列表页面、表单组件、API 接口
- 支持自定义模板
- 字段配置管理
使用方法
1. 配置生成信息
在代码生成页面填写以下信息:
| 配置项 | 说明 | 示例 |
|---|---|---|
| 模块中文名 | 模块的中文描述 | 学生管理 |
| Prisma 模型名 | 对应的 Prisma Model 名称 | Student |
| 模块编码 | 模块唯一标识 | student |
| 选择模板 | 使用的代码模板 | 默认模板 |
| Web 路径 | 前端页面路径 | views/student |
| 路由路径 | 前端路由路径 | /student |
2. 配置字段
配置每个字段的生成选项:
- 是否在列表中显示
- 是否在表单中显示
- 是否可搜索
- 表单组件类型(输入框、下拉框、日期选择等)
- 验证规则
3. 生成代码
配置完成后点击「生成」,系统会自动:
- 生成后端 NestJS 模块代码
- 生成前端 Vue3 页面代码
- 注册模块路由
- 将生成记录保存到数据库
生成代码结构
后端生成
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 | 批量删除生成记录 |