这里以智能家居安全管理平台为例，问GPT/ Gemini，让他给一个具体可行的方案，系统应该实现什么内容，明确需求和技术栈，然后得到一个markdown文档。或者直接去Trae里面开启plan模式生成markdown文档一样的道理。

1

使用Spring Boot + MyBatis + MySQL + Vue3 + Vite实现 xx系统的前后端，不需要 Redis、Docker 或额外缓存。下面给我整理一份完整可落地的markdown文档，从数据库设计、后端、前端、接口、运行流程都涵盖。

生成的文档展示（如果有些功能和预期不符合可以修改）：

如果目前电脑上面还没有配置好环境，可以问下AI在构建这个项目之前需要配置什么环境。一般来说Spring Boot + MyBatis + MySQL + Vue3 + Vite构建的前后端分离系统需要保证电脑上有下面的这些东西。

如果想让前端页面好看一点的话可以给AI提示词，让AI按照某个风格生成，比如：我这里用的前端风格提示词：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

简洁、现代化、科技感、明亮或暗色模式可选

扁平化设计（Flat Design）

UI 元素圆角适中（8px~12px）

色彩：主色调蓝色系或绿色系，辅助灰白色

字体：清晰、现代 Sans-Serif（如 Inter、Roboto、PingFang）

空间感：留白充足，组件之间有间距，视觉舒适

图标：Material Icons / Fluent UI / SVG 矢量图标

可以去一些提示词网站，谷歌上面搜索提示词网站会出来很多，可以用这些网站来优化提示词或者直接用Figma make等生成前端页面。

Figma make链接 一天免费用四次

提示词优化网站

然后打开任何一款AI编辑器，这里我用的是Trae。让AI按照之前生成的系统文档进行项目的构建.如果生成之后没有数据库文件，可以让他根据项目生成数据库文件并且插入一些假数据，便于测试。

启动前端

然后用cmd或者trae终端进入前端项目的根目录

1.安装依赖：npm i

2.启动服务：npm run dev

进入前端页面 一般是localhost:3000 或者 localhost:5173

然后运行一下sql文件，要确保创建的数据库名字跟后端yml文件中的名字一样，username和password填自己的

启动后端

接着用idea打开后端项目，找到maven-生存期-compile 编译成功之后 运行项目。

运行成功

如果遇到报错就把报错信息给ai让他继续修改，这里的错误是因为JWT密钥长度不够导致的用户登录不成功

然后进行前后端联调，遇到什么错误就问AI让他帮忙搞定就行，建议是用plan模式先搞明白错误是什么，然后再用agent模式让ai帮忙改代码。

页面展示：