- 摘要
在本次实战中，我利用 TRAE SOLO 开发了一套现代化的照片管理系统（PhotoMessage）。该系统采用 Vue 3 + Vite + TypeScript（前端）+ Spring Boot 2.7 + MyBatis Plus + MySQL 8（后端）的技术栈，实现了前后端分离与多角色协同。通过 SOLO 的辅助，我不仅快速完成了基础架构的搭建，还重点解决了 MyBatis Plus 框架层 null 值字段更新失效的深层问题（如"从相册移出"功能），将开发效率提升了 50% 以上。 - 背景 作为一名全栈开发者，我经常需要练习照片管理类项目的架构设计与业务逻辑实现。传统的照片管理系统虽然经典，但涉及大量的重复代码（CRUD）和复杂的业务配置。
- 痛点 ：MyBatis Plus 的 updateById() 方法默认忽略 null 值字段，导致"从相册移出"功能虽然前端提示成功但数据库实际未更新；同时瀑布流布局、时间线分组展示、相册封面自定义等交互功能的实现往往耗时耗力，让我无法专注于核心业务逻辑的设计。
- 目标 ：我希望用 TRAE SOLO 辅助完成基础代码生成和环境配置，将精力集中在设计一套高可用、高性能且符合企业级规范的照片管理系统上，重点攻克框架层面的 null 值更新陷阱。
3.实践过程 我将整个开发过程拆解为三个阶段，SOLO 在每个阶段都提供了关键支持：
阶段一：架构设计与 Prompt 拆解 我向 SOLO 输入了详细的系统需求：
“请帮我设计一个基于 RBAC 模型的照片管理系统。要求：前端使用 Vue3 + Element Plus 实现 SPA，采用 CSS Columns 瀑布流布局配合时间线分组展示；后端使用 Spring Boot 2.7 + MyBatis-Plus，数据库使用 MySQL 8。需要包含照片管理、相册管理、回收站、收藏夹、分享链接五大模块，并解决 MyBatis Plus 更新 null 值字段的框架限制。”
SOLO 的作用 ：它帮我生成了清晰的项目目录结构和核心依赖配置，避免了环境搭建时的版本冲突，并在早期就指出了 JWT Token 中 Integer 到 Long 类型转换的潜在风险。
阶段二：核心功能开发（相册移出与布局优化） 这是项目中最复杂的部分。我利用 SOLO 辅助编写了关键逻辑：
**相册移出功能 ：**我让 SOLO 帮我排查为什么 albumId 设为 null 后数据库不更新的问题。经过多轮分析 SQL 日志，最终确定是 MyBatis Plus 框架层面自动跳过 null 字段导致的，SOLO 提供了原生 SQL 注解方案彻底解决。 **瀑布流布局与时间线分组 ：**针对照片展示的前端渲染难题，SOLO 提供了基于 CSS Columns 的瀑布流方案，配合 hover 动画与时间线视觉指示器，实现了照片管理的沉浸式浏览体验。 Prompt 示例 ：“请用 Java 原生 SQL 注解方式实现一个方法，强制将 t_photo 表中指定记录的 album_id 字段设置为 NULL，绕过 MyBatis Plus 的 null 值忽略策略。”
阶段三：AI 辅助调试 在遇到 JWT Token 过期导致 403 错误以及 Integer/Long 类型转换异常时，我将错误日志喂给 SOLO，它迅速定位到是 Claims 中 userId 类型不一致的问题，并给出了通用的 Number 类型转换修复方案。后续又协助解决了 Lombok 编译失败、Spring Boot 端口占用等环境问题。
- 成果展示
系统核心界面
用户端 ：支持照片上传、瀑布流浏览、相册管理（含封面自定义）、从相册移出/删除双操作、收藏标记、分享链接生成及密码保护照片。
技术架构
- 前端 ：Vue3 + TypeScript + Pinia + Vite
- 后端 ：Java 8 + Spring Boot 2.7.18 + MyBatis-Plus + Spring Security + JWT
- 数据库 ：MySQL 8.0 (InnoDB 引擎)
核心功能清单
-
照片管理：瀑布流布局、时间线分组、批量操作、高级筛选（相机型号/GPS/尺寸/文件大小）
-
相册管理：创建/编辑/删除、封面自定义、照片移出与删除分离、批量移入/移出
-
安全机制：JWT 身份认证、RBAC 权限控制、照片密码保护（BCrypt 加密）
-
数据管理：软删除（回收站）、永久删除、备份导出、分享链接（含过期时间与访问密码）
- 效果与总结
提效对比 ：原本预计 3-4 天的工作量（含环境搭建、框架踩坑、UI 联调），在 SOLO 的辅助下缩短至 1.5 天完成。 实战价值 ：
-
代码质量提升 ：SOLO 生成的代码结构清晰，符合阿里巴巴 Java 开发规范，减少了 Code Review 的时间。
-
复杂逻辑落地 ：通过 AI 辅助，我更敢于尝试实现复杂的"相册移出算法"（区分移出与删除语义）和"MyBatis Plus null 值强制更新"，这是纯手动开发时容易因为繁琐而回避的部分。
-
跨领域知识融合 ：**SOLO 在调试过程中同时覆盖了前端 Vue 响应式设计、后端 ORM 框架原理、SQL 执行计划分析等多个维度。
总结 ：TRAE SOLO 不仅仅是一个代码生成器，更像是一个"全栈开发的资深导师"。它让我从繁琐的样板代码和框架坑点中解放出来，真正去思考用户体验和系统架构设计。