AUTOCODE
AI缝合怪

不用写代码,生成后台管理系统

  • 0代码生成后台管理系统
  • 免费使用,直接下载
  • 不止增删改查,还有统计等
  • 实时预览效果
生成出来的系统界面示意
商
经营看板

今日订单

1,284+12%

在售商品

386

新增会员

92

近半年订单量

最近订单

SO-2041¥1,280已发货
SO-2040¥640待付款
SO-2039¥2,150已完成

第一步 · 表

把建表语句粘进来,字段和类型自己就出来了。

不用照着建表语句再手填一遍:每一列的名字、类型、注释都会读出来,列表要显示哪些列、表单要填哪些项,后面直接勾选。

建表:粘贴语句,字段自动读出来界面示意

建表语句

CREATE TABLE merchant (
  id INT PRIMARY KEY AUTO_INCREMENT,
  name VARCHAR(64) NOT NULL COMMENT '商家名称',
  phone VARCHAR(20) COMMENT '联系电话',
  status TINYINT DEFAULT 1 COMMENT '状态',
  create_time DATETIME COMMENT '创建时间'
);

解析出 5 个字段已读取

idINT商家 ID主键
nameVARCHAR(64)商家名称
phoneVARCHAR(20)联系电话
statusTINYINT状态
create_timeDATETIME创建时间

第二步 · 页面

列表、表单、图表、看板,四种模板挑一种。

普通列表把一张表的数据列出来。想要更细的,就写一句查询:按你的条件筛、按你的顺序排,再把返回的列名填进字段列表。

配页面:挑模板、勾要显示的列界面示意
商品管理
列表页
表单页
图表页
数据看板

列表要显示的列

商品名称
价格
库存
上架时间

第三步 · 图表与看板

图表和看板也是配出来的,写一句统计查询就出来。

比大小用柱状图,看趋势用折线图,看占比用饼图;看板一页能摆好几张卡片,每张一句查询。

配图表:写一句统计查询界面示意

数据来源

SELECT status, COUNT(*) AS cnt
FROM orders
GROUP BY status

数字是示例数据;生成出来跑起来之后换成库里的真实数据,样式不变。

订单状态分布

两种做法

同一套后台,写一遍,还是配一遍。

拿「商品管理 + 经营看板」举例:从零写,动手的不只是页面,还有数据表、权限、样式这些页面背后的事。

自己从零写

要自己动手的事

8件

  • 设计数据表,字段类型、注释、索引一次写全
  • 每张表写一套增删改查,加一个字段要改好几处
  • 列表页的分页、排序、筛选、批量操作自己写
  • 新增和编辑表单的校验、下拉选项、字段联动自己写
  • 图表和看板要自己挑图表库、写配置、对数据
  • 登录、菜单、角色权限自己做一遍
  • 主题色、整体布局、窄屏适配自己调
  • 出错提示、空状态、加载中,每个页面都要再处理一遍

在这里配一遍

要做的步骤

4步

  • 把建表语句粘进来,字段、类型、注释自动读出来
  • 勾选列表要显示的列、要筛的条件、表单要填的项
  • 挑一套布局和一套配色
  • 点生成,下载整套后台的代码包

全程0代码,配置中途可预览效果,下载即用

能配出什么

一块一块搭起来

列表、表单、图表、看板、关联查询都能配,都在同一个后台里。

表

把建表语句粘进来,字段、类型、注释都自动读出来,不用手填。

页面

列表、表单、图表、看板四种模板;想要更细的列表,可以自己写一句查询。

菜单

页面配好要挂到菜单上才点得到,图标在图标库里挑,不用记名字。

表关联

两张表挂钩,一个页面同时看两张表的数据。

登录与权限

指定账号在哪张表,再按身份决定谁能看到哪些菜单。

数据库连接

平台替你记住连接,生成的系统默认就连上它。

0行

要自己写的代码

6步

照着指南从零配到跑起来

4套

布局,工程里挑一套

6套

配色,工程里挑一套

下载下来的系统自带这些

不用你在配置里一件件补,生成出来就是能跑的一套。

登录与权限分页查询统一的返回格式出错提示与异常处理启动时自动建表默认管理员账号登录与权限分页查询统一的返回格式出错提示与异常处理启动时自动建表默认管理员账号

从配置到跑起来

一路能看下来

同一个工程,先在后台里配,点生成拿到代码包,解压启动、登录进去。

长什么样

生成的系统长什么样,你说了算。

工程里选一套布局、一套配色,生成出来的系统就用这套。两样都能在预览里先看一眼。

侧栏布局

左侧一整条菜单栏,最像常见的后台。

顶部导航

菜单横排在顶上,内容占满整宽。

双列导航

一道图标栏加一列二级菜单,菜单多的时候好找。

极简居中

细顶栏,导航收进下拉,内容居中限宽。

怎么开始

先做基础篇那一段

指南不用登录就能看。先跟着基础篇走一遍,跑通了再决定要不要往下做。

先做基础篇那 6 步,就能跑起来;进阶和高级两篇按需再看。

打开完整指南

拿到代码包之后

解压出来直接启动,0 配置改动。

拿到代码包之后:先把后端跑起来,再启动前端

sh mvnw -DskipTests package
java -jar backend/target/backend-0.0.1-SNAPSHOT.jar

cd frontend-react
npm install
npm run dev

常见问题

真会被问到的那几个

生成前提示有东西没配好,怎么办?

系统会先检查有没有指向已删除内容的地方,例如某个菜单挂在一个已经被删掉的页面上。提示里会写清是哪一个,改掉再生成即可。

预览里没有数据,是不是配错了?

不是。预览用的是示例数据,用来确认界面结构。想看真实数据,要把代码生成出来跑起来。

菜单配了却看不到。

先看这一行的「状态」是不是启用了;再看它的「上级菜单」是不是被折叠;最后看「可见角色」里有没有勾上当前身份。

改了配置,之前生成的代码会跟着变吗?

不会。已生成的压缩包是当时配置的快照,想让改动生效要重新生成一次。

生成了代码,但后端起不来,报连不上数据库。

先看 application.yml 里的数据库三项还是不是示例值(your_database 这种)。是的话说明没绑数据库连接,在那几行填上真实值再启动即可。

页面能打开,但登录没反应。

多半是后端没起来。前端只负责界面,登录要请求后端;确认后端日志里有「Started ... in x seconds」,并且前端的后端地址与后端端口一致(都默认 8088)。

为什么选不了某些服务端或前端技术?

目前只支持一种组合,所以能选的就是这一组;历史配置里留下的取值仍会正常显示,但不建议使用。

更多问题见使用指南的常见问题

下一步

先跟着指南做一遍,跑通了再决定往下做。

做完就有一个能查、能改、能删,还能下载代码的后台。要不要继续,跑通了再决定。