最近做了个前后端代码生成器
前言
技术栈 :前端vue3 后端springboot3
最近写了一个代码生成器,有点类似于若依的那个操作(但是没那么牛逼)。用户可以创建项目然后对于项目来创建相关的数据库(支持sql自动创建)来创建表格和字段,然后可以生成后端springboot和前端vue的代码。下载即可使用。听我慢慢说道!(大佬勿喷 菜鸟项目)
项目介绍
1.项目创建
ui设计的有点丑,前端使用的组件库的ant-design-vue。在这个主页,用户可以新增项目,配置好相关的一些内容。

2.数据库设计


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

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

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

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

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

这个就是项目的目录

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


前端的api和vue代码


最后一步 代码生成 本地跑通!!!
将代码下载到本地 就会有一个api的文件夹存储api接口 一个vue存储页面 还有一个sql数据库表

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

4.后期
1.继续优化后端的 参照若依完成权限的分配等 2.生成代码的时候 前端也生成完整的项目 安装依赖就能跑!!!!
菜鸟项目 请勿喷!!!!!!
评论
问答助学
相关内容
0个评论
全部评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论

