第一步 · 表
把建表语句粘进来,字段和类型自己就出来了。
不用照着建表语句再手填一遍:每一列的名字、类型、注释都会读出来,列表要显示哪些列、表单要填哪些项,后面直接勾选。
建表语句
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 个字段已读取
第二步 · 页面
列表、表单、图表、看板,四种模板挑一种。
普通列表把一张表的数据列出来。想要更细的,就写一句查询:按你的条件筛、按你的顺序排,再把返回的列名填进字段列表。
列表要显示的列
第三步 · 图表与看板
图表和看板也是配出来的,写一句统计查询就出来。
比大小用柱状图,看趋势用折线图,看占比用饼图;看板一页能摆好几张卡片,每张一句查询。
数据来源
SELECT status, COUNT(*) AS cnt FROM orders GROUP BY status
数字是示例数据;生成出来跑起来之后换成库里的真实数据,样式不变。
订单状态分布
今日订单
1,284+12%
在售商品
386
新增会员
92
近半年订单量
最近订单
| SO-2041 | ¥1,280 | 已发货 |
| SO-2040 | ¥640 | 待付款 |
| SO-2039 | ¥2,150 | 已完成 |
两种做法
同一套后台,写一遍,还是配一遍。
拿「商品管理 + 经营看板」举例:从零写,动手的不只是页面,还有数据表、权限、样式这些页面背后的事。
自己从零写
要自己动手的事
8件
- 设计数据表,字段类型、注释、索引一次写全
- 每张表写一套增删改查,加一个字段要改好几处
- 列表页的分页、排序、筛选、批量操作自己写
- 新增和编辑表单的校验、下拉选项、字段联动自己写
- 图表和看板要自己挑图表库、写配置、对数据
- 登录、菜单、角色权限自己做一遍
- 主题色、整体布局、窄屏适配自己调
- 出错提示、空状态、加载中,每个页面都要再处理一遍
在这里配一遍
要做的步骤
4步
- 把建表语句粘进来,字段、类型、注释自动读出来
- 勾选列表要显示的列、要筛的条件、表单要填的项
- 挑一套布局和一套配色
- 点生成,下载整套后台的代码包
全程0代码,配置中途可预览效果,下载即用
能配出什么
一块一块搭起来
列表、表单、图表、看板、关联查询都能配,都在同一个后台里。
表
把建表语句粘进来,字段、类型、注释都自动读出来,不用手填。
页面
列表、表单、图表、看板四种模板;想要更细的列表,可以自己写一句查询。
菜单
页面配好要挂到菜单上才点得到,图标在图标库里挑,不用记名字。
表关联
两张表挂钩,一个页面同时看两张表的数据。
登录与权限
指定账号在哪张表,再按身份决定谁能看到哪些菜单。
数据库连接
平台替你记住连接,生成的系统默认就连上它。
0行
要自己写的代码
6步
照着指南从零配到跑起来
4套
布局,工程里挑一套
6套
配色,工程里挑一套
下载下来的系统自带这些
不用你在配置里一件件补,生成出来就是能跑的一套。
从配置到跑起来
一路能看下来
同一个工程,先在后台里配,点生成拿到代码包,解压启动、登录进去。
建工程、绑数据库连接、挑布局与配色,都在表单里完成。
绑定之后生成物默认就用这套连接
布局
配色(共 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)。
为什么选不了某些服务端或前端技术?
目前只支持一种组合,所以能选的就是这一组;历史配置里留下的取值仍会正常显示,但不建议使用。
更多问题见使用指南的常见问题