---
title: "全栈开发实战复盘：30分钟搞定评论系统，效率提升44倍"
date: 2025-12-02
description: "通过与Claude AI的深度对话，将原本需三天的前端评论系统开发压缩至30分钟。分享技术选型、架构设计、文档驱动开发的完整过程，以及AI在全栈开发中的最佳实践。"
canonical_url: "https://yijinlee.com/articles/article-28"
tags:
  - AI协作
  - "Claude Sonnet 4.5"
  - Next.js
  - Supabase
  - PostgreSQL
  - RLS安全策略
  - 实时通信
  - "Spec-Driven Development"
topic: "AI 外骨骼"
---

### AI赋能全栈开发实战复盘

咱们老实说，做全栈开发有时候挺让人抓狂的。

就拿给个人博客加个"评论系统"这事儿来说吧。听起来是个不起眼的小功能，但你只要是个有追求的程序员，脑子里的"待办清单"立马就会像拉长寿面一样拉个不停：前端要适配 Next.js、要支持 Markdown 渲染、得有实时更新吧？后端得建数据库表、得写增删改查的 API 吧？哦对，为了防止各种广告哥和键盘侠，我还得搞个"人工审核"功能。

按照传统的老路子：从技术调研、画架构图、建库建表、写 API 到联调测试，哪怕是不吃不喝不摸鱼，一个熟练的全栈老兵也得搭进去两三天的时间。

但就在上周末，我体验了一把"赛博魔法"——借助大模型（Claude Sonnet 4.5），我把这长达两三天的前期规划与核心架构时间，硬生生压缩到了 30 分钟。

这 30 分钟里，我没敲一行代码，只是一直在跟 AI "聊天"。今天，我想把这场极其愉悦的开发复盘分享给你。这绝不是一篇枯燥的技术文档，而是一份能让你早点下班的"AI 提效生存指南"。

#### 第一幕：与 AI 的"极限拉扯"（方案选型篇）

以前我们做技术选型，往往是打开谷歌，搜"Next.js 评论系统推荐"，然后在无数篇博客和 GitHub 仓库里大海捞针。而现在，我的做法是：直接把 AI 当成一个脾气极好、经验极其丰富的技术总监，跟它"盘道"。

第一回合：我抛出试探
我端着咖啡输入："我要给 Next.js 博客加个评论功能，想用 Utterances（一个基于 GitHub Issues 的开源方案），你给我出个方案。"
AI 哐哐哐一顿输出，代码和步骤写得很完美。但我盯着屏幕一想，不对啊，Utterances 是直接绑死在 GitHub 上的，任何人都能评论。
于是我马上改口："等等，我的核心需求是必须支持人工审核，防垃圾评论，Utterances 还能打吗？"

第二回合：AI 展现"老油条"体质
AI 立马心领神会，像个资深架构师一样给我拉了个对比表：

"老板，如果是这样，Utterances 就别用了，它不支持预审核。"

"你可以试试 Giscus，支持事后审核，但有点折腾。"

"最优解是：自建系统+数据库，完全把控审核流。"

第三回合：确立基本盘
"行，那就自建，用 Vercel Postgres 数据库，给我一套方案。"
AI 再次火速给出了数据库 Schema 和后端 API 设计。可那一长串待手写的后端接口，让我体内那位笃信“好钢用在刀刃上、样板能省则省”的工程师本能，又开始轻轻挠门。

第四回合：终极绝杀，找到完美解
脑海里灵光一闪，我拍大腿打字："用 Supabase 才是最优解吧！它连后端代码都省了，直接用 PostgreSQL 就能搞定业务逻辑。就按这个思路，重新给我出一套终极方案！"

AI 收到指令后，直接给出了让我拍案叫绝的架构设计。

发现了吗？这短短十几分钟的"拉扯"，其实是 AI 最有价值的时刻。它并不是在盲目地写代码，而是在陪我"试错"。 我们不断地加入业务约束（要审核）和技术约束（尽量少写重复劳动的后端样板），最终逼出了一个极其优雅、轻量级的技术方案。

#### 第二幕：把后端工程师"开除"（技术揭秘篇）

为什么我最终敲定 Supabase？因为 AI 给我演示了一招：把“少写代码”升格成“架构选择”——业务逻辑全部下沉到数据库，那些原本要手撸的鉴权与 CRUD，交给 RLS 和触发器去扛，后端这层基本可以从待办里划掉。

在这个方案里，AI 巧妙地利用了三个"神仙特性"，让我大呼过瘾：

1. 像保安一样尽职的 RLS（行级安全策略）

传统的权限控制怎么做？你得在 Node.js 里写一堆 if-else：如果用户不是管理员，就给他返回 403 Forbidden。
但 AI 给我写的方案是利用 Supabase 的 RLS。它直接在数据库门前拉起了一道警戒线：

```sql
-- AI 生成的 SQL 策略：只有状态是 'approved' 的评论，才能被前端查到
CREATE POLICY "大家只能看审核通过的评论"
  ON comments FOR SELECT
  USING (status = 'approved');
```

这意味着什么？意味着我前端直接去查数据库就行了！不需要写任何中间件，不需要写任何鉴权 API，数据库本身就自带了"滤镜"，绝对不可能把未审核的脏数据漏出去。

2. 数据库触发器（全自动的审核专员）

"人工审核"最烦的就是每次都要点。AI 给我写了个 PostgreSQL 触发器，直接把数据库变成了一个全自动的"审核专员"：

白名单机制： 只要这个邮箱以前被我通过了一次，以后他再发评论，数据库自动给他打上 approved 标签，直接放行！

黑名单拦截： 如果包含敏感词，直接打上 spam 标签。

未知人员： 默默挂上 pending 标签，等我来批阅。

这套逻辑全在数据库里默默运行，我的前端和（不存在的）后端代码干净得令人发指。

3. 不用写 WebSocket 的实时通信

我想让别人一发评论，页面不刷新就能弹出来。以前搞 WebSocket 能把人折磨掉半条命。AI 直接甩给我一段基于 Supabase Realtime 的前端订阅代码：几行代码，监听数据库的 INSERT 动作，数据一变，UI 瞬间更新。优雅，太优雅了！

#### 第三幕：降维打击的"设计优先"工作流

最让我震撼的，不是 AI 写出了某段漂亮的代码，而是它完全改变了我的工作流。

以前我们习惯"边想边写，边写边改"，搞得代码像个面条一样乱。
这次，我使用了 Spec-Driven Development（文档驱动开发） 模式。在写第一行代码之前，我逼着 AI 输出了详尽的 Markdown 规范文档。

这份文档里有什么？

需求矩阵：从 1.1 到 2.3，把我的模糊想法变成了清晰的验收标准。

任务拆解：足足 20 个子任务，每个任务关联具体的代码文件和需求编号。

测试策略：甚至连用什么数据去压测、怎么防范 XSS 注入都给我列得明明白白。

我拿着这份 AI 吐出来的"施工图纸"，就像一个包工头看着完美的蓝图，接下来的敲代码环节，变成了毫无压力的"按图索骥"。

咱们来算笔账（量化一下效率的飞跃）：

技术调研+方案对比： 传统 4 小时 ➡️ AI 辅助 5 分钟

架构与数据库设计： 传统 12 小时 ➡️ AI 辅助 15 分钟

任务拆解与文档： 传统 6 小时 ➡️ AI 辅助 10 分钟

总计原本需要大干 22 个小时（约三天）的脑力活，被极限压缩到了半小时。这是整整 44 倍的效率提升！ 而且生成的系统内置了 SQL 注入防护、频率限制，比我自己熬夜手敲的还要严谨。

#### 第四幕：狂欢后的冷静与反思

看到这里，你可能觉得 AI 已经无所不能了。但作为这次实战的"驾驶员"，我必须泼点冷水，聊聊真实的感受。

AI 确实是神仙队友，但它不是老板。
在这 30 分钟里，AI 表现出了极其恐怖的技术广度。它懂市面上所有的评论插件，懂最新版 Next.js 的路由规范，甚至懂生僻的 SQL 函数。它写样板代码、画架构图的速度让人惊叹。

但它也有明显的"阿喀琉斯之踵"：

它做不了最终的商业/业务决策。 是用方案 A 还是方案 B？它能列出优劣，但那个拍板说“行，把精力留给真正值得写的部分，后端这层交给数据库”的人，必须是你。

它依然会"一本正经地胡说八道"。 在复杂的 SQL 语法中，它偶尔会忽略某些特定版本的限制，如果我不具备基本的 Review 能力，直接复制粘贴，可能就掉坑里了。

所以，正确的姿势是什么？
是渐进式对话。千万别在一开始就把几千字的需求糊在 AI 脸上，它会晕的。你要像剥洋葱一样，先定大方向，再定技术栈，再细化到数据库，最后才是代码实现。
每一次 AI 输出后，你要扮演好"技术总监"的角色，去 Review 它的设计，给它增加约束条件，引导它走向最优解。

#### 尾声：未来的开发者，到底是什么样？

关掉电脑的那一刻，看着已经顺利跑起来的评论系统，我突然有些感慨。

曾经我们以为，全栈开发者的核心竞争力是熟记各种 API、能手写复杂的业务逻辑、能独立搞定前后端和运维。
但在 AI 时代，这些"手艺活"正在迅速贬值。

这 30 分钟的实战告诉我：未来的顶尖开发者，不再是"代码打字机"，而是"技术架构师"和"业务决策者"。 我们的核心能力，变成了如何精准地定义问题、如何巧妙地设计约束、如何做技术权衡，以及如何通过提示词工程（Prompt Engineering）去压榨 AI 的生产力。

不要去害怕 AI 会抢走我们的饭碗。相反，去拥抱它吧。
当别人还在苦哈哈地熬夜排查一个无聊的接口 Bug 时，你已经通过 AI 生成了完美的防范策略，然后准点合上电脑，去享受一个美好的周末傍晚了。

毕竟，写代码是为了创造价值，而不是为了感动自己。 去试试吧，让 AI 成为你的最强外脑，你会发现，不用疯狂加班的开发日常，真香！

## 参考文章：相关链接

- [Next.js · Route Handlers](https://nextjs.org/docs/app/building-your-application/routing/route-handlers)（官方文档）— App Router API 路由官方模型，对照 30 分钟评论系统后端面。
- [Supabase · Docs](https://supabase.com/docs)（权威引文）— 常见 BaaS 文档入口，理解全栈加速时的数据层取舍。
- [全栈开发：把双手从键盘上解放出来的真实实验](https://yijinlee.com/articles/article-29)（站内深度）— 同主题「解放双手」实验续篇。
- [24小时开发全栈 AI 应用实战：Runner Glory](https://yijinlee.com/articles/article-35)（站内深度）— 把评论系统级提效放大到 24h 全栈应用。