我做了一个 AI 代码生成小工具(欢迎体验)

为什么会想做这个东西

de7d0b6fd4c28aca8fbcfbfb0352beaf.png 在写代码的时候发现一个很现实的问题:
每个项目的业务都不一样,但「增删改查 + 列表筛选 + 表单」这一套组合拳,基本上是无限重复。

之前的做法是:

  • 搭一个 Vue3 或 React 的前端脚手架;
  • Spring Boot 起个后端,拉一套权限、通用返回体、异常处理;
  • 让新人按模板手搓页面和接口。

久而久之,感觉自己越来越像「高级脚手架生成器」,于是就萌生了做一个通用 AI 代码生成工具的想法——能不能基于表结构 + 自然语言描述,直接给我一整套可跑的前后端项目?

于是就有了现在这个小项目:CodeVerse。
在线体验地址:https://gen.thorleying.icu/

image.png

这个项目现在能做什么

从功能上,它更像是一个「带 AI 的全栈脚手架工厂」,目前支持:

  • 根据需求描述生成项目骨架
    • 填一段项目需求,比如「学生管理系统,需要学生信息管理、班级管理、成绩管理……」
    • 选择前端技术栈(Vue3 或 React),后端默认 Spring Boot
    • 后台会结合描述做表结构设计、接口规划,最终生成一套可运行项目

image.png

  • 完整的前后端代码
    • 前端:列表页、表单页、基础路由和布局,基于 Ant Design Vue / Ant Design
    • 后端:Controller + Service + Mapper + 实体类,以及常规的 CRUD 接口
    • 数据库:生成对应的建表 SQL

image.png

  • 项目管理与历史记录
    • 每一次生成都会成为一个「项目」
    • 可以在「我的项目」里查看历史记录、状态、创建时间等

image.png

  • IDE 插件支持
    • VS Code 插件:可以在编辑器里直接发起生成、插入代码片段
    • IntelliJ IDEA 插件:更适合后端同学,支持连接数据库、导入表结构、预览生成代码

image.png image.png

  • 积分和签到机制
    • 为了控制生成成本,引入了积分系统
    • 每日签到可以拿积分,用于抵扣生成项目时的消耗

实际体验:从零到一个 Demo 要多久

自己测试下来,从打开页面到拿到一个可跑的 Demo,大概是这样的节奏:

  1. 登录(如果第一次用,建议顺手把邮箱/实名认证走一遍,后续一些功能会用到)
  2. 在 AI 代码生成器里写一小段项目需求描述(至少 10 个字)
  3. 选前端模板(Vue3 或 React),点「开始生成」
  4. 等待 3~5 分钟,看进度条跑完
  5. 在「我的项目」里找到刚刚那次生成,可以查看详情,或者直接下载代码(下载运行就能跑)

一些实现细节和取舍

简单列几点现在的设计思路:

  • 技术栈选择

    • 前端:Vue3 + Ant Design Vue / React + Ant Design,两套都比较成熟,适合后台类项目
    • 后端:Spring Boot,结合日常项目里沉淀的一些最佳实践模板
  • 生成流程

    • 不是简单模板替换,而是「描述 → 结构设计 → 代码拼装」三步
    • 中间有一个任务系统,前端可以看到当前进度、步骤提示,也可以中途取消
  • 安全与成本

    • 引入实名认证(邮箱验证码认证)和积分,是为了避免恶意刷生成任务
    • 每次生成前都会提示本次预计消耗的积分

给有兴趣玩的同学

  • 在线体验:https://gen.thorleying.icu/
  • 如果你也经常在做「类似但不完全相同」的后台项目,可以试着用它先起一个骨架,再自己补业务。
  • 欢迎帮我踩坑、提建议,尤其是:
    • 生成出来的项目结构有哪些不合理
    • 哪些模块你觉得还可以自动化掉
    • 有什么更适合国内业务场景的预置模板想法

这篇就当作一次阶段性小结,也算是把这段时间在「用 AI 做工程化工具」上的一些尝试分享出来。希望能给你一些启发,也欢迎直接上站点玩一玩。

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