20｜执行改造（下）：前端开发和接口对接
Robert
你好，我是 Robert。
19 讲跑完，后端 GET diff 接口已经能用 curl 跑通。这一讲做前端，对应 18 讲方案里的 P07-P10：API 函数 + 类型声明 + 加新的对比按钮 + 接入 modal。
前端改造的特点是，没办法靠 mvn test 这种自动化验证兜底，唯一的验证方式是亲眼看效果。所以这一讲的节奏是：先跑起来看现状、让 AI 找改造点、让 AI 改、预览效果。
前四节按这个节奏跑，但这一讲真正值钱的内容在后半段：跑完之后我们要做一次复盘，你会发现一个很典型的“翻车”事件。先正常跑，跑完再讲翻车。
起服务，看现状
13 讲挖了 deps-start.sh / deps-stop.sh / deps-status.sh 三个脚本管中间件，前后端启动也可以让 AI 顺手调起来。
启动跑通后，浏览器打开前端，准备登录。
这里有个小插曲：我不知道默认账号密码是什么。Spring AI Alibaba Admin 没在 README 显眼位置写，我也懒得翻代码。直接问 AI：
AI 扫了一遍数据库初始化脚本，告诉我默认是 saa / 123456。这是 AI 协作里特别常见的小动作：碰到任何“我懒得查”的小问题就直接问，比自己翻文档快十倍。登录进去，下一步让 AI 告诉你这次改造在前端的哪个位置。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《Claude Code 企业级老项目改造实战》，新⼈⾸单¥59
《Claude Code 企业级老项目改造实战》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论