前言
没错,是 4 Star / 狗头。话不多说,做人后端开发人员,不爱写前端代码,但又不得不须要一个零碎的治理端来配置些数据等等操作的时候,前端又木的人,那么怎么办。
别怕,能够主动生成啦!我来提供个收费快捷的一键生成前端性能的工具啦。前后分来到型,无侵入。可在线应用,可本地部署,高效快捷。
开始
置信很多小伙伴开发后端的时候会常常碰到很多须要动静配置的性能,或者须要些增删改查的页面,本人又不会(爱)写前端。就会有个难堪的处境,常常去间接手动改数据库这种危险操作。
所以我做了个能够一键生成这些性能的网站来生成前端我的项目,三五分钟就能够进去个这些性能的管理系统,又不须要了解,间接用就完事了,你还在等什么呢,快来给你的接口生成一个后盾页面治理吧。
形式一,依据数据库构造一键生成
导出咱们的表构造,上传到工具中,配置一下接口地址,再配置一下接口门路,就能够一键生成零碎,而后再手动配置下登录接口的入参数即可实现。
拜访网址:网站入口
须要登录,输出邮件获取验证码即可登录,再无其它验证。
点击 我的我的项目 -AI 智能创立我的项目 抉择 数据库构造导入 上传咱们导出的库构造(即创立表的 sql,一个文件,反对多个创立语句)
配置下接口的基地址(如:http://localhost:8080/test
,留神:线上间接拜访本地存在跨域问题,所以在本地调试的时候能够设置下容许任意域拜访,如何设置此处不多介绍)
抉择或主动创立页面母版,主动创立的话当初只提供了一套 增删改查 模版曾经够用的了,自定义较简单暂不过问。母版即是一个没有元素(参数)的空性能,主动调用 增删改查 接口以及数据处理
配置一下接口的门路以及参数变量, 比方咱们查问接口都是 /${变量}/search
, 增加或更新接口都是 /${变量}/saveOrUpdate
。变量是什么呢?因为咱们会生成多张页面,所以每个页面
的接口应该是不一样的(每个页面的前置变量是一样的),所以 ${fileName}
就是变量,也对应下一步的生成的页面名称。而参数变量则是接口入参加返回的数据结构,为了反对不一样的后端数据结构。
比方咱们查问的时候的分页参数名,以及如果断定接口是胜利的等等。
抉择生成的页面信息,留神 文件名 列是对应上一步的 ${fileName}
,如有不同自行批改。而后点击生成即可
实现!点击预览,零碎曾经实现。
当然,有可能你还须要个登录进行验权。咱们进入设计页面,配置一下登录信息,以及登录胜利跳转到哪过页面即实现零碎,咱们就能够在预览中间接应用,也能够下载到本地部署啦,一个零碎就实现了。
形式二,依据(.sql, .java, .txt)形容文件单页面生成
有可能咱们并不想依据数据库生成,而想每个页面本人管制,那么咱们能够先创立一个我的项目(先在我的项目母版与页面母版中复制零碎个缺省的),而后进入设计工作台
新建页面,输出页面名称,与文件名称(同理对应下面的:{fileName}
),而后抉择你的 java 对应的表实体,或者单表创立语句,或者文本形容文件。
如先筹备表实体类,而后创立页面输出根本信息,再而后上传此类点击确定即可:
@TableName(value = "component")
@Data
public class ComponentPO {
@TableId
private Integer componentId;
// 我的项目 id
private Integer projectId;
// 组件形容
private String componentDes;
// 组件名
private String componentName;
// 创立工夫
private Date createAt;
@TableLogic
private Integer isDeleted;
}
当然,须要登录页面同上亦可。
总结
网址:网站入口
简略零碎三五分钟即可,简单的须要些前端 react
根底。可视化编辑,助力后端小伙伴人手一个治理后盾。再也不必手动批改数据库!
谢谢大家!