# 代码生成器

quickadmin 代码生成器,在线生成前端 vue 和后台 thinkphp 代码,生成之后无需修改,可直接使用!

# 特点

  • 1.online 在线生成,图形化交互,所见所得个性化选择
  • 2.一键生成的代码清单(包括:controller、model、validate、vue)
  • 3.自主选择前端组件,进行页面渲染

# online 在线代码生成

菜单路径:在线开发-online 表单开发-新增 流程如下:

online表单 (opens new window)

  • 一.配置区域

    • 1.选择要生成的表

    • 2.修改表描述名称

    • 3.强制生成用于覆盖同名文件,第一次生成可以不选,选中表示覆盖上次生成代码

    • 4.选择是否生成菜单,如果生成菜单选择菜单的上级目录

    • 5.选择 model 文件是否放在 common 模块,如果不选默认放在 admin 模块,放在 common 方便其他模块一起使用

  • 二.字段配置

    • 选择要生成的表之后,此区域的表字段会自动渲染过来

    • 1.修改字段备注

    • 2.选择控件类型(文本框,文本数字框,下拉框,下拉多选框,单选框,复选框,富文本编辑器,日期,开关,单图片,多图片,单文件,多文件,多行文本)

    • 3.填写控件字典(下拉框,下拉多选框,单选框,复选框四种类型控件需要填写)

    • 4.选择列表是否展示

    • 5.选择是否查询

    • 6.选择查询类型

    • 7.选择编辑显示(编辑表单是否显示该字段)

    • 8.选择是否只读(编辑表单只显示不可以编辑)

    • 9.选择是否必填

    • 10.选择验证规则

  • 三.关联表配置

    • 目前只支持一对一关联,如果有关联表,在此区域进行配置,追加关联表

    • 1.选择关联表

    • 2.选择关联关系 hasOne/belongTo

    • 3.选择关联外键

    • 4.选择关联主键

    • 5.选择显示字段(选择列表需要展示的关联表的字段)

    • 6.配置显示字段的备注,组件,和查询

# 生成的代码目录

后台生成的代码文件如下:

├── app
│   ├── admin
│        └── controller
│            └── Test.php
│        └── model
│            └── Test.php
│        └── validate
│            └── Test.php
1
2
3
4
5
6
7
8

前端生成的代码文件如下:

├── src
│   ├── view
│        └── test
│            └── index.vue
│            └── EditFormCom.vue
1
2
3
4
5

操作视频如下:

最近一次更新: 7/25/2022, 4:59:50 PM