一键生成Springboot & Vue项目! 【外包神器】

4cb2ce8e0c91c24b43cdf7f2dea9a907.png

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


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

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

功能如下:

  1. 数据仓库

新增数据库

新建表

组件拖拽

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

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

组件拖拽

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

  1. Api列表

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

功能介绍:

一、首先下载和安装

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

1、下载好直接解压

34da88a83a2a7e5cec2a2206891f31f9.png

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

3e2665890a491cea48e0e99e893e7f32.png

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

9a7f93ce2f75a59abb04dfbcfbf28219.png

会出现以下界面

29812671d3e9750631e243985f930a47.png

二、注册

注意:使用手机号注册

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

ee3c7025f16a35d2b9866d09ad3a32fc.png

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

三、登录

9016968587764cb1e80370c9d3f0d3f8.png

四、数据仓库

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

1、新建仓库3c4c918e0d9dd237ead55b20d208190d.png

2、按钮功能介绍fff25fe4359052feb0754ef4c2c42675.png

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

2dd22603615cab1511105805bfdc245c.png

ee7b428deb4a8b5dc1f45ff62f1c6511.png

a0fd0b02daf55582d3dae7c584a2f045.png

3c32249c22d3bebd6e2a7e8df34e38eb.png

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

  1. 页面设计

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

236d2bf0f77421883ceda1144264b6e1.png

ef1bbd266c0399f2c491d105d9d9fb5c.png

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

8c386bc08dab7b15bbc6983949f0d0eb.png

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

官方组件

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

bb661e7bd9ebc1c996a8e8b19bee4e82.png

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

173d9bf3418747d1d956a1808161710b.png

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

父子表组件展示:

2ad2df229bfcbbaa12fe1cfa3a7f10fe.png

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

预览页面进行添加

8383711d7b28bbd8b68da4146e0f619c.png

进入添加操作

b50e57a73e698c059594f928f30d2b23.png

3158a7f5b78cced4b26550c64d09f9c0.png

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

图表展示:

d6449296191f8125be406ac70346303d.png

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

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

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

e76cb9513cad6efd0eedb886ae957005.png

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

87a0245ef219d09703e520b64846c364.png

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

下载地址:https://wwa.lanzoui.com/b0cwp2nte

往期推荐

我裸辞接单第一个月的收入

9 种保护措施让你的 Spring Boot 项目变得铜头铁臂!

鉴权必须了解的 5 个兄弟:cookie、session、token、jwt、单点登录

面试官:有了 for 循环 为什么还要 forEach ?

阿里巴巴为什么禁止MyBatis批量插入几千条数据使用foreach?

SpringBoot 三大开发工具,你都用过么?

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值