AI 时代的软件开发流程:先把页面跑起来,再谈后端

我试过很多流程:先写文档、先冻结需求、先把方案评审到"完美"再开工。

最后都卡在同一个地方:需求一定会改

在 AI 场景下,我现在更认同一套更务实的流程:
先用前端 + Mock 数据把 UI 和交互做出来,先跑起来,再定稿,再补后端。

这套方法的核心不是"偷懒",而是把变化成本压到最低。

为什么传统流程在 AI 时代越来越慢

  1. 需求很难一次定死,前期写再多文档,后面一样会变。
  2. 从 PRD 到 Figma 到前端,再到后端,是多次"转译",每一层都损耗。
  3. 岗位切得太细,交接等待时间比开发时间还长。

AI 让"先做出可用版本"这件事变得非常便宜,所以流程应该跟着变。

我现在用的流程(掘金可落地版)

flowchart TD A[需求输入] --> B[AI生成前端+Mock粗稿] B --> C[部署测试环境] C --> D[产品/设计评审] D --> E{是否定稿} E -- 否 --> F[继续改UI与交互] F --> C E -- 是 --> G[后端实现] G --> H[AI辅助单测/集成测试] H --> I[人工测试] I --> J{是否通过} J -- 否 --> K[修复并回归] K --> H J -- 是 --> L[前后端代码审核+AI辅助] L --> M[合并master并上线]

关键做法

1)先前端 + Mock,不先后端

先把页面和交互做出来,直接放测试环境给人看。

这一步的目标不是"代码完美",是"把需求聊清楚"。

2)评审前置,变化前置

产品看需求理解是否正确,设计看风格和体验,测试提前介入。

变化都尽量在前端阶段消化,改得快,成本低。

3)前端定稿后再补后端

页面和交互定得差不多,后端实现会非常顺,返工会少很多。

这也是为什么我强调前期用 Mock:变化不可怕,怕的是改动太晚。

4)一个人执行,外围审核

"每个人都是全栈"不等于不要审核。

是一个人把链路跑通,外围角色做专业把关:产品、设计、前后端、测试都要审。

AI 时代的代码原则(偏实战)

  1. 单一职责拉满:一个页面尽量一个文件,一个接口只做一件事。
  2. 降低耦合:前后端边界清晰,模块可替换。
  3. 业务层谨慎复用:宁可直白一点,也不要为了"优雅"做过度抽象。
  4. 少谈套路,多谈可改性:IOC/AOP/复杂模式不是不能用,是没有收益就别上。

目标很直接:让 AI 看得懂、改得动、不容易改崩。

测试这件事,反而比以前更重要

很多人以为 AI 能写代码,测试就不重要了。恰恰相反。

我的经验是:AI 时代要重点设计两件基础设施:

  1. Mock 体系
  2. 测试框架(单测 + 集成测试)

TDD 在这个阶段非常有价值。每次跑绿,心里有底,改动也敢放开做。

组织层面的落地建议

  1. 把业务约束、代码风格、评审规则沉淀成 skills + 文档
  2. skills 可以公司共建(GitHub 托管,统一工具链管理),也可以自己做 CLI。
  3. 老项目不要想着一次改完,按模块逐步补齐。

总结

我的结论很简单:
AI 时代最优流程不是"先把一切定义完再做",而是"先做出可运行前端样稿,让真实页面驱动需求收敛",再进入后端和测试上线。

这套流程的本质是:
把变化留在最便宜的阶段,把质量放在可验证的环节。

这不是降低标准,而是更高效地把标准落地。

相关推荐
腻害兔4 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:ERP 企业资源模块,一个轻量级进销存的完整实现?
前端·javascript·vue.js·人工智能·前端框架·产品经理·ai编程
Coffeeee5 小时前
ios零基础的Android开发能否靠AI让老板省一笔人工费呢
android·ios·ai编程
liuliuqiqirr5 小时前
2026最新5款AI编程助手功能深度对比
人工智能·ai编程
W658034196 小时前
2026年AI编程工具实测横评:Claude Code v2.1、Cursor 3.0、Trae SOLO、Copilot、Windsurf 谁更好用?
python·copilot·ai编程
小徐_23336 小时前
AI 写 wot-ui 总在猜 API?我们把 Skills、MCP 和 CLI 都配好了
前端·uni-app·ai编程
卡卡罗特AI6 小时前
AI编程入门教程02-LLM发展历程,AI 御四家十年风云:OpenAI 分裂、Anthropic 出走、谷歌掉队、马斯克上桌
aigc·openai·ai编程
用户3126874877206 小时前
AI Agent 开发实战(二):调用 LLM 不只是发个 HTTP 请求,Prompt 工程才是真功夫
ai编程
redreamSo6 小时前
32 个 AI 编程工具的配置都放哪,这个仓库整理清楚了
ai编程·claude·cursor
9i编程6 小时前
国内直连 Claude Code 本地部署完整实操手册 ——DeepSeek 兼容接口版
ai编程·claude