一、摘要
随着生活质量的提升，每个人或多或少都想让自己的外观外貌有所提升，而一个适合自己的发型则是重中之重，但是大家是否遇到一个问题，就是不知道自己适合什么样的发型，在网上浏览天马行空的发型时不知道怎样选择，好不容易选择了一款心仪的发型，在和理发师沟通的时候，并没有很成功高效，最终都以失败告终。本人在一次豪赌失败之后，突发奇想，能不能有一款软件可以解决这些麻烦或者问题。于是我从零开始制作这个软件，仅用 TRAE SOLO 就完成了前端全部页面开发、后端 Spring Boot 服务配置（包含5个核心 Controller、7张数据表、JWT鉴权、Redis缓存等。）、105种发型的AI生成图片、双端注册登录体系、收藏功能、理发店管理后台
二、背景
我是一名大三学生，正在做一个美发O2O平台的MVP项目。这个项目的核心功能包括：
• 发型库：海量发型参考图，支持分类筛选、性别筛选、收藏
• AI测脸型：上传照片自动分析脸型，推荐适合发型
• 店铺预约：扫码到店、浏览发型、在线预约
• 双端注册：用户端 + 理发店端可独立注册登录
• 理发店管理：上传作品照片、编辑店铺信息
原本手动写代码至少需要3-5天，现在希望用AI大幅提升开发效率，同时解决图片素材难找、前端页面开发繁琐等痛点。
三、实践过程
3.1 任务拆解与规划
我先让 SOLO 帮我写了一份详细的MVP开发手册（包含前后端架构、数据库设计、API接口等），然后按手册步骤逐步推进。整个开发过程分为以下阶段：
1. 创建项目目录结构（1.2节）：包含前端 uni-app、后端 Spring Boot、AI服务 Python FastAPI
2. 配置 pages.json 底部导航（5个Tab：发现/发型/AI测脸/扫码/我的）+ 5个子页面
3. 实现10个Tab页面和5个子页面的完整业务UI
4. 用AI生成105张专业发型参考图，扩充发型库从9种到105种
5. 实现双端注册登录、收藏功能、理发店管理后台
6. 根据手册自主配置 Spring Boot 后端（5个Controller、7张数据表、JWT鉴权）
3.2 使用的 SOLO 能力
• 代码生成：全部 Vue 页面组件（10个页面、工具模块、存储层）均由 SOLO 直接生成
• AI图片生成：生成105张发型参考图 + 6张多角度详情图 + 4张店铺封面 + 3张发型师头像
• Bug修复：每次遇到编译错误，贴上报错信息，SOLO 立即定位问题并修复
• 文档生成：先生成了详细的MVP开发手册，后端我根据手册自主配置，又适配了Windows版
3.3 关键操作过程
第一步：创建项目目录
让 SOLO 根据手册中的架构设计，创建了完整的多端项目目录结构，包括 hair-client（uni-app前端）、hair-server（Spring Boot后端）、hair-ai-service（Python AI服务）、hair-admin（管理后台）等目录。
第二步：配置底部导航和页面
配置了 pages.json，设置了5个Tab页面（发现、发型、AI测脸、扫码、我的）和5个子页面（发型详情、店铺列表/详情、预约创建/列表）。同时生成了10个tabBar图标。
第三步：实现页面业务功能
为每个页面实现了完整的业务逻辑，包括搜索、分类筛选、性别筛选、模拟数据展示、分页加载等。所有页面在后端未启动时自动使用模拟数据，确保可以独立运行。
第四步：AI生成105张发型图
这是最耗时但效果最好的一步。我让 SOLO 根据小红书/抖音风格，为每种发型编写专业的英文 Prompt，分批生成了105张发型参考图。其中韩式短发、法式卷发还有正面/侧面/背面的多角度图，效果非常接近真实的发型参考照片。
第五步：双端注册登录与理发店管理
实现了用户端（手机号+验证码）和理发店端（手机号+密码）的双端注册登录体系。理发店可以注册店铺、上传作品照片、编辑店铺信息。MVP阶段用 localStorage 模拟数据持久化，封装了 storage.js 工具模块，后续对接后端只需替换该文件即可。
第六步：根据手册自主配置 Spring Boot 后端
这是最能体现 SOLO “教学相长”价值的一步。我根据 SOLO 生成的开发手册，自主完成了后端的全部配置：
• 使用 Spring Initializr 创建 Spring Boot 3 项目，配置 MyBatis、Redis、MySQL、Lombok、Validation 等依赖
• 按手册中的 SQL 脚本初始化了7张数据表（用户、店铺、发型师、发型、订单、收藏、评价）
• 实现了5个核心 Controller：认证模块（短信登录+微信登弉、发型管理（分页筛选+热门推荐）、店铺管理（LBS定位+二维码）、订单管理（状态流转）
• 配置了 JWT 鉴权、跨域 CORS、统一响应体、全局异常处理等基础设施
通过 curl http://localhost:8080/api/v1/hairstyle/list?page=1&size=10 验证后端启动成功，返回正确的 JSON 数据。这一步让我深刻体会到，SOLO 生成的手册不仅仅是文档，更是一份可执行的开发指南。
四、成果展示
项目已可在 HBuilderX 中运行，主要成果如下：
五、效果与总结
提效数据
• 发型库从9种扩展到105种，仅需一轮对话即可完成，每次扩展约10分钟
• AI生成图片质量远超网上随机图片，真实感强，无需自己拍摄或搜集素材
• 原本预计3手动写代码至少3-5天，现在约1天内完成全部功能开发
SOLO 在我流程中做了什么
• 代码生成：从项目目录到每个 Vue 组件，全部由 SOLO 直接生成，无需手动写一行代码
• 图片生成：生成了118张专业发型参考图，质量接近小红书/抖音风格
• Bug修复：每次贴上报错信息，SOLO 能立即定位问题并修复，不用反复试错
• 文档生成：生成了详细的开发手册，后端我根据手册自主配置成功，证明手册是可执行的开发指南
可复用方法
1. “先让AI写手册，再让AI按手册开发”的模式非常高效：先生成详细的开发手册（含架构设计、API接口、数据库表结构等），然后按章步骤让 SOLO 实现。
2. 模拟数据兆底策略：所有页面在后端未启动时自动使用模拟数据，确保前端可以独立运行和演示。
3. 封装数据层：将数据操作封装在独立的 storage.js 中，MVP阶段用 localStorage，后续对接后端只需替换该文件。
4. 分批并行生成图片：当需要大量图片时，可以同时启动多个子代理并行生成，大幅提升效率。