最近做了个前后端代码生成器

前言

技术栈 :前端vue3 后端springboot3

最近写了一个代码生成器,有点类似于若依的那个操作(但是没那么牛逼)。用户可以创建项目然后对于项目来创建相关的数据库(支持sql自动创建)来创建表格和字段,然后可以生成后端springboot和前端vue的代码。下载即可使用。听我慢慢说道!(大佬勿喷 菜鸟项目)

项目介绍

1.项目创建

image.png ui设计的有点丑,前端使用的组件库的ant-design-vue。在这个主页,用户可以新增项目,配置好相关的一些内容。

image.png

2.数据库设计

image.png

image.png

这里是默认用户创建一个项目之后 默认会创建一个管理员的表格;然后这里可以点击sql脚本导入, image.png

这里点击下sql导入 我这里先导入两个表格吧;点击ok image.png

然后图片数据库表格就创建好了,然后字段也创建好了!!! image.png

image.png 然后这是相关的一些字段;用户可以队字段进行属性的编辑 比如是否需要查询等!!

image.png

3.代码生成

代码预览

当数据库语句上传之后 在代码生成界面进行预览代码和项目生成!! 点击查看项目接口 就可以查看项目结构和相关的代码!!! image.png

这个就是项目的目录 image.png

然后点击文件可以进行代码的预览!!

image.png

image.png

前端的api和vue代码 image.png

image.png

最后一步 代码生成 本地跑通!!!

将代码下载到本地 就会有一个api的文件夹存储api接口 一个vue存储页面 还有一个sql数据库表

image.png

项目跑起来了(这里项目里面目前也集成了权限验证 使用了sa-token这个轻量级的框架

image.png

4.后期

1.继续优化后端的 参照若依完成权限的分配等 2.生成代码的时候 前端也生成完整的项目 安装依赖就能跑!!!!

菜鸟项目 请勿喷!!!!!!

0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
下载 APP