Skip to content

低代码管理 ​

功能概述 ​

低代码工具(代码生成器)提供从 Swagger 地址或数据库表自动生成代码文件的能力。支持生成 Vue 前端文件和 C# 后端实体文件,生成结果以多标签页展示,可直接复制使用。

操作说明 ​

通过 Swagger 生成代码 ​

  1. 登录系统后,在菜单中选择 系统管理 → 低代码管理
  2. 在 Swagger地址 文本框中输入 API 文档地址
  3. 点击 生成 按钮
  4. 系统自动调用接口生成 Vue 文件和 C# 文件,结果以多标签页展示在下方区域

通过数据库表生成代码 ​

  1. 填写以下参数:
    • dbKEY:数据库连接键(默认 masterdb)
    • 数据表:要生成代码的数据表名(双击"数据表"标签可将输入内容转为大写)
    • 命名空间:C# 命名空间(默认 Hmx.Service.Admin.Entities)
  2. 点击 生成 按钮
  3. 系统根据数据表结构生成实体代码,结果以多标签页展示

提示

Swagger 地址和数据表两种方式可以同时填写,点击生成后会合并输出所有结果。

查看生成结果 ​

生成的代码以 多标签页(Tab)形式展示在下方区域:

  • 每个标签页对应一个生成的文件
  • 标签页名称为文件名
  • 代码使用 Consolas 9pt 等宽字体显示
  • 关键字(如 using、namespace、public、class 等)自动高亮显示

输入参数说明 ​

界面标签绑定字段默认值说明
Swagger地址txtSwagger(空)Swagger API 文档的 URL 地址,用于生成 Vue 和 C# 文件
dbKEYtxtDatabaseKeymasterdb数据库连接键,标识连接哪个数据库实例
数据表txtTables(空)要生成代码的数据库表名(支持多个表名)
命名空间txtNamespaceHmx.Service.Admin.Entities生成的 C# 实体类所在的命名空间
(按钮)btnCodeGen-点击执行代码生成

生成流程 ​

  1. 系统读取界面输入的参数
  2. 如果 Swagger地址 已填写,依次调用 GenerateVueFilesAsync(生成 Vue 文件)和 GenerateCSharpFilesAsync(生成 C# 文件),将结果加入列表
  3. 如果 数据表名 已填写,调用 GeneratedCodeAsync(根据表名、命名空间、数据库键生成实体代码),将结果加入列表
  4. 清空下方原有的所有标签页
  5. 遍历生成结果列表,为每个文件创建一个标签页:标签页标题为文件名,内容为代码文本(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

HiMind 工业互联网平台 技术文档