低代码管理
功能概述
低代码工具(代码生成器)提供从 Swagger 地址或数据库表自动生成代码文件的能力。支持生成 Vue 前端文件和 C# 后端实体文件,生成结果以多标签页展示,可直接复制使用。
操作说明
通过 Swagger 生成代码
- 登录系统后,在菜单中选择 系统管理 → 低代码管理
- 在 Swagger地址 文本框中输入 API 文档地址
- 点击 生成 按钮
- 系统自动调用接口生成 Vue 文件和 C# 文件,结果以多标签页展示在下方区域
通过数据库表生成代码
- 填写以下参数:
- dbKEY:数据库连接键(默认
masterdb) - 数据表:要生成代码的数据表名(双击"数据表"标签可将输入内容转为大写)
- 命名空间:C# 命名空间(默认
Hmx.Service.Admin.Entities)
- dbKEY:数据库连接键(默认
- 点击 生成 按钮
- 系统根据数据表结构生成实体代码,结果以多标签页展示
提示
Swagger 地址和数据表两种方式可以同时填写,点击生成后会合并输出所有结果。
查看生成结果
生成的代码以 多标签页(Tab)形式展示在下方区域:
- 每个标签页对应一个生成的文件
- 标签页名称为文件名
- 代码使用
Consolas 9pt等宽字体显示 - 关键字(如
using、namespace、public、class等)自动高亮显示
输入参数说明
| 界面标签 | 绑定字段 | 默认值 | 说明 |
|---|---|---|---|
| Swagger地址 | txtSwagger | (空) | Swagger API 文档的 URL 地址,用于生成 Vue 和 C# 文件 |
| dbKEY | txtDatabaseKey | masterdb | 数据库连接键,标识连接哪个数据库实例 |
| 数据表 | txtTables | (空) | 要生成代码的数据库表名(支持多个表名) |
| 命名空间 | txtNamespace | Hmx.Service.Admin.Entities | 生成的 C# 实体类所在的命名空间 |
| (按钮) | btnCodeGen | - | 点击执行代码生成 |
生成流程
- 系统读取界面输入的参数
- 如果 Swagger地址 已填写,依次调用
GenerateVueFilesAsync(生成 Vue 文件)和GenerateCSharpFilesAsync(生成 C# 文件),将结果加入列表 - 如果 数据表名 已填写,调用
GeneratedCodeAsync(根据表名、命名空间、数据库键生成实体代码),将结果加入列表 - 清空下方原有的所有标签页
- 遍历生成结果列表,为每个文件创建一个标签页:标签页标题为文件名,内容为代码文本(Consolas 9pt 等宽字体,关键字自动高亮)
输出结果说明
| 字段 | 说明 |
|---|---|
| FileName | 生成的文件名,显示为标签页标题 |
| Content | 文件内容,显示在代码编辑区,支持关键字高亮 |
关键字高亮列表:
C# 关键字:using、namespace、public、partial、class、virtual、string、DateTime、int、private、static、readonly、const、enum
前端关键字:import、export、from、interface、number、return