一键生成Springboot & Vue项目! 【毕设神器】

简介: 一键生成Springboot & Vue项目! 【毕设神器】

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

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

那么下面给大家介绍下功能吧!再提一句记住,现在是免费的!

功能如下:

1.数据仓库

 新增数据库

 新建表

 组件拖拽

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

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

组件拖拽

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

3.Api列表

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

功能介绍:

一、首先下载和安装

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

1、下载好直接解压

image.png

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

image.png

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

image.png

会出现以下界面

image.png

二、注册


注意:使用手机号注册

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

image.png

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


三、登录

image.png

四、数据仓库


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


1、新建仓库

image.png

2、按钮功能介绍

image.png

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

image.png

image.png

image.png


image.png

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


页面设计


1、 进入页面设计新建一个页面

image.png

image.png

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

image.png

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


官方组件


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

image.png

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

image.png

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


父子表组件展示:

image.png

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

预览页面进行添加

image.png

进入添加操作

image.png

image.png

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


图表展示:

image.png

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


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


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

image.png

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

image.png

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

目录
相关文章
|
17天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
95 62
|
5天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
14天前
|
Java 应用服务中间件
SpringBoot获取项目文件的绝对路径和相对路径
SpringBoot获取项目文件的绝对路径和相对路径
52 1
SpringBoot获取项目文件的绝对路径和相对路径
|
4天前
|
存储 运维 安全
Spring运维之boot项目多环境(yaml 多文件 proerties)及分组管理与开发控制
通过以上措施,可以保证Spring Boot项目的配置管理在专业水准上,并且易于维护和管理,符合搜索引擎收录标准。
15 2
|
9天前
|
分布式计算 关系型数据库 MySQL
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型 图像处理 光通信 分布式计算 算法语言 信息技术 计算机应用
30 8
|
15天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
34 2
|
16天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
40 2
|
16天前
|
前端开发 Java Spring
SpringBoot项目thymeleaf页面支持词条国际化切换
SpringBoot项目thymeleaf页面支持词条国际化切换
44 2
|
16天前
|
JSON Java 数据库
SpringBoot项目使用AOP及自定义注解保存操作日志
SpringBoot项目使用AOP及自定义注解保存操作日志
32 1
|
18天前
Vue3 项目的 setup 函数
【10月更文挑战第23天】setup` 函数是 Vue3 中非常重要的一个概念,掌握它的使用方法对于开发高效、灵活的 Vue3 组件至关重要。通过不断的实践和探索,你将能够更好地利用 `setup` 函数来构建优秀的 Vue3 项目。