一键生成Springboot & Vue项目! 【私活神器】

今天给大家推荐一款自己公司正在打磨的一款一键部署,一键生成全自动化的低代码生成器工具,可以实现前端可视化操作(拖拽形式+配置就可以生成前端页面),后端直接结合前端代码一键生成,数据库(含表字段)可一键生成(拖拽形式+配置),生成完成之后直接部署就可以了,生成的前端代码是Vue,后端代码是springboot。


目前还在不断的迭代当中,主要是想满足在校大学生的毕业设计的烦恼,一键生成完整的Springboot & Vue项目,毕设的功能基本上都够用了,功能是不是很强大了。

当然是拿出来学习的,所以也需要更多的喜欢这个项目的人加入我们来一起共同学习和完善这套系统。那么下面给大家介绍下功能吧!再提一句记住现在是免费的!

功能如下:

  1. 数据仓库

新增数据库

新建表

组件拖拽

主键,输入框,密码框,下拉框,单选,多选,开关,滑块,日期,图片上传,评分,外键,颜色,计数器

  1. 前端页面设计(暂时支持ElementUI)

组件拖拽

推荐表单,图片上传,复选框,评分,开关,远程下拉,远程标签,打印,链接按 钮,头像,图片,超链接,还包含一些日常表单组件,容器组件,导航组件,高级 组件

  1. Api列表

自定义设置后台接口,支持sql和json形式

功能介绍:

一、首先下载和安装

下载安装代码生成器工具链接地址见文章底部

1、下载好直接解压

17a89b460a249e03654aa1078f984294.png

2、直接进入文件夹里面记得文件夹要保持英文路径

2e84d62cb0c1626e6b771e9b57a0b229.png

3、然后等待几分钟后会自动启动系统

4aa42bfaa927ab2afc68358944af55cc.png

会出现以下界面

1b990d171531eaee6cb3b5d31d516835.png

二、注册

注意:使用手机号注册

填写用户名和密码以及邀请码,没有邀请码是不能注册的

14e97f8b4295ef44bb4335d67a7ded64.png

然后根据方式获取邀请码填写即可

三、登录

0cec54f0c5cddd77c6583b51cbb2d761.png

四、数据仓库

根据数据仓库设计数据库表字段,用于在页面设计时可以快速配置内置的CRUD代码实现。如下图:

1、新建仓库ca06f9741543d489c3a2f131f908aa83.png

2、按钮功能介绍05950ad20e8a37f6ea95eea452962ae7.png

3、数据库字段设计及生成代码

5e922061d874606a9bcefbce2c3d7f63.png

a3529fa4d5ef9634b1757c9e2869bea5.png

7edba74e776abe58eeb83fe2f117e8bb.png

2d17a9ddb02a5440485bbde0d9304121.png

数据仓库这里就成功生成了。

  1. 页面设计

  2. 进入页面设计新建一个页面

2557b14b539d872a74349bd794e7e554.png

d393b6cc68017f2102378c852ee57dcc.png

  1. 新增完成之后可以自定义修改页面名称

5a9423871389d7547908b0d7dfa2c1ef.png

3、点击组件按钮查看所有组件

官方组件

推荐表单,图片上传,复选框,评分,开关,远程下拉,远程标签,打印,链接按 钮,头像,图片,超链接,还包含一些日常表单组件,容器组件,导航组件,高级组件

2e06b46049753cce63e853c693ddc0f2.png

如果以上组件不满足需求可以在组件市场进行下载

a30c36a5394d60924112c8642a31d899.png

也可以自行开发组件使用。

父子表组件展示:

42a3f0eca7b0752eabf5cd4a1bc679b1.png

拖拉完成之后,数据仓库中的数据字段就直接在里面呈现,接着点击保存页面,最后预览页面,就可以进行CRUD的操作了。

预览页面进行添加

1db189c28ac48c986e4d681b0290ff8d.png

进入添加操作

f35dafa38f7475c867485e25aff1768d.png

5dc03396cd3e6dedd89596ddb47a5d35.png

以上还可以直接打印、导出等功能。

图表展示:

f553588ff63065d4934470da623b28ef.png

一共可以实现几十种统计的图表。

代码生成器的大致使用就介绍完了,下面来介绍一下前后端的代码生成到哪里了。

打开你安装的代码生成器目录,找到test文件夹就可以找到Java代码了

092986566a8fb3ac4127655f8f529219.png

前端代码可以直接复制本地保存即可,也可以直接下载。

82e52f3a426ca379a3680fc4f1419b05.png

最后您还可以把低代码平台以maven的方式集成到自己的springboot项目中,参考project/test项目配置。

下载地址请扫下面二维码关注后回复【代码生成器】即可获得下载地址。

0e9edb0ca9892d604fe855ff432c0ebd.gif

回复干货】获取精选干货视频教程

回复加群】加入疑难问题攻坚交流群

回复mat】获取内存溢出问题分析详细文档教程

回复赚钱】获取用java写一个能赚钱的微信机器人

回复副业】获取程序员副业攻略一份

910871f9bca74561e0c486b18d31f803.png

好文请点赞+分享

cad810e7e573c3aa29516c53dec8afc5.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值