CRUD是指增加(Create)、检索(Retrieve)、更新(Update)和删除(Delete)几个单词的首字母简写,生成CRUD代码通常是在后台管理系统中,可以快速的制作任意数据表在后台对应的管理功能(非表单代码生成,完整的后台管理才算CRUD)。
支持代码生成的开源后台管理系统并不算罕见,表单设计生成、H5设计生成等等,各有优劣,但是我们今天要介绍的是:通过一个可视化的设计器,非常便捷的生成完整的后台管理功能代码,自动创建数据表、自动生成权限节点(可分配给子级管理员)、自动创建后台菜单,自动生成开发者友好的前后端代码(tp6+vue3+ts等,且前后端代码分离)......,接下来,请看详细的体验报告。
从何处开始设计CRUD?
- 可以选择从零开始设计后台管理功能,比如我们要在后台增加一个"班级功能"功能,无需设计数据表,可以直接在可视化CRUD功能内,完成从0到整个后台功能的制作。
- 从数据表开始,比如已经设计好了数据表,那么直接选择该数据表,就可以生成为后台的对应的管理功能
- 从历史记录开始,从这里开始的话,会自动加载上一次设计的所有数据,然后在它的基础上,对字段进行二次修改,然后再次生成,可以选择生成为新的,或者覆盖原有的
可视化设计器体验怎么样?
尝试取了个数据表名,随便拖入几个字段,如果没有特殊需求的话,设计器的所有参数都是可以自动填写并保持默认值的,而且支持的字段类型非常多:字符串、图片上传(单/多选)、文件上传(单/多选)、单复选框、单复选下拉框、富文本、多行文本、时间日期、数组、城市选择、图标选择、颜色选择...几乎后台管理功能能用的大多数组件,都在此列,直接拖过去,就可以生成对应组件的表格内展示,添加、编辑表单,删除按钮、权限控制....
支持关联其他数据表
当你把一个远程下拉(关联表)组件拖拽到设计区域时,会自动弹窗,选择一个表名,其他数据大多数时候,都可以自动填充
生成后的管理功能体验怎么样?
先看下生成出来的表格,我已经添加了一条记录
表格中出现的,刷新、新增、[批量]编辑、[批量]删除、按钮都是直接可以使用有效的,表单样式如下:
还有非常多的细节,双击单元格打开编辑、回车保存、多行文本ctrl+回车保存,包括保存按钮的loading态,都非常完善,一看就是完整品,是经过精心打磨的。
生成出来的代码怎么样?
一共生成7个文件,三个服务端,两个语言包,以及一个表格、表单的源代码,可以参考以下的语言包代码文件,自动对key的引号都做了处理,比如id没有引号,而status 0是自动打了引号的,同编辑器格式化出来的代码一致,但是也没有做到完美的格式化,不过代码肯定是开发者友好的,二次开发很容易
最后
项目开源仓库地址:gitee.com/wonderful-c…
以上介绍的可视化CRUD,只是它的核心特性之一,还有模块市场,WEB终端,全局回收站等等富有创意的设计和功能实现,欢迎大家star!