🔥 最小化MvP开发 - AI提示词

🎯 核心理念

只做前端展示效果，不需要完整后端架构。重点是界面，不是代码质量。

⚡ 万能提示词（复制即用）

根据图片"{菜单名}-{功能名}.png"，实现前端展示效果。

要求：
1. 数据库：创建表 eb_{表名}，插入10-20条测试数据
2. 后端：只创建一个简单的Controller，直接查询数据库返回列表（不需要Service、Dao层）
3. 前端：完全按图片实现界面，调用后端接口显示数据
4. 功能：只需列表展示，支持基本的搜索和分页即可

数据库：1.15.149.240 / zhibo / zCETFpGMwYN3CNeH

最小化原则：能用最简单的代码实现就行，重点是前端效果。

📝 使用步骤（3步搞定）

步骤1： 替换图片名
将 {菜单名}-{功能名}.png 改为实际图片名

步骤2： 发给AI
复制整段提示词，粘贴给AI

步骤3： 测试
重启后端服务，刷新浏览器查看效果

🎯 实战示例

示例：客服联系方式列表

您对AI说：

根据图片"帮助中心-客服联系方式列表.png"，实现前端展示效果。

要求：
1. 数据库：创建表 eb_{表名}，插入10-20条测试数据
2. 后端：只创建一个简单的Controller，直接查询数据库返回列表（不需要Service、Dao层）
3. 前端：完全按图片实现界面，调用后端接口显示数据
4. 功能：只需列表展示，支持基本的搜索和分页即可

数据库：1.15.149.240 / zhibo / zCETFpGMwYN3CNeH

最小化原则：能用最简单的代码实现就行，重点是前端效果。

AI会回复：

✅ 已完成！
- 表名：eb_customer_service
- 接口：GET /api/admin/help/customer-service/list
- 前端：帮助中心 → 客服联系方式列表

请重启后端服务测试。

⚡ 效率提升

开发速度

每个功能： 15-30分钟
40个功能 ÷ 3人： 每人13个
预计完成时间： 1天！

批量开发

一个一个做，只需要改图片名：

1. 根据图片"帮助中心-客服联系方式列表.png"，实现前端展示效果...
2. 根据图片"帮助中心-常见问题列表.png"，实现前端展示效果...
3. 根据图片"帮助中心-使用教程列表.png"，实现前端展示效果...

💡 常见问题

Q：AI没按图片实现？
A：追加说"请完全按照图片实现，表格的列要和图片一致。"

Q：需要显示用户昵称和头像？
A：追加说"这个表需要关联用户表查询，显示用户昵称和头像。"

Q：数据库创建失败？
A：追加说"请用命令行工具创建数据库表并插入数据。"

Q：权限被拒绝？
A：确认Controller没有 @PreAuthorize 注解，重启后端

✅ 完成检查

数据库表已创建并有测试数据
前端页面能打开
数据能正常显示
搜索和分页功能正常

🎉 立即开始

复制提示词 → 改图片名 → 发给AI → 15分钟完成！

简单、快速、高效！专注前端展示效果！🚀

有跳转的话，要是这样显示的，有子菜单的要展开但是不跳转左侧菜单： ├─ 运营 ├─ 帮助中心 ← 点击这里只展开，不跳转 │ ├─ 客服联系方式列表 ← 点击这里才显示内容 │ └─ 反馈管理 ← 点击这里才显示内容 └─ 其他菜单

3.4 KiB Raw Blame History Unescape Escape