集成AI版前后端代码生成器

前言

这次的话主要加了一个ai直接生成相关项目的给你,同时优化了一下前端的界面和优化了一下后端的相关逻辑!

  • 1.前端修改了下项目列表的布局,改为卡片和列表切换展示
  • 2.后端优化了一下生成和预览业务的逻辑,修复好了bug
  • 3.集成ai,添加了一个ai直接生成项目的操作;

话不多少,开始展示!

1.前端界面优化展示

项目管理界面

image.png

image.png

image.png

image.png

2.新功能展示-AI直接生成项目

2.1 首先输入关键词,告诉ai我的项目

image.png

输入完成之后点击开始生成

2.2 生成过程

image.png

image.png

image.png 这样项目就生成好了!!!

3.查看生成好的项目

image.png 最下面这个就是刚刚生成好的项目了 !!

image.png 点击生成代码

image.png 这里就展示了刚刚项目生成的数据库表

image.png

点击全选进行下一步

image.png

填写好相关的配置等和勾选自己需要的模块 image.png

image.png 到这里代码就生成好了 我们点击预览

3.代码预览

3.1后端代码预览

数据库文件 image.png 项目结构

image.png

3.2 前端代码预览

项目结构 image.png 项目的app.js文件

image.png

4.结尾

ps:项目下载到本地直接能启动 TODO: 继续完善好ai生成的模块以及前端界面的优化;后期加入react和不同组件库版本(比如element plus,我这里用的是antd)

0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
一坤年全栈实习生
下载 APP