从后端写前端(零基础用Cursor做出完整App,这是真实的三周过程)

从后端写前端(零基础用Cursor做出完整App,这是真实的三周过程)
零基础用Cursor做出完整App,这是真实的三周过程

> 我不是程序员,做了5年市场运营,写过最复杂的「代码」是Excel公式。三周前我用Cursor做出了一个有真实用户的Web App。但我不打算说「任何人都能做App」——我要说的是你会在哪里卡,卡了怎么继续走。

---

我想做什么

工作上要跟踪大量公众号文章数据,以前手动去各账号看、记表格、做分析,每周要花三四小时。

我想做一个工具:输入文章链接,汇总数据,做趋势分析。需求很朴素,但对一个完全不懂技术的人来说,从想法到能用,中间有真实的坑。

---

第一周:让代码跑起来

第一天在Cursor里说了需求,它生成了一堆文件——Python Flask后端、前端页面、数据库方案,看起来像那么回事,但我完全不知道怎么运行。

问「这怎么跑」,它给了命令,我一条条复制到终端,中间报了好几次错,截图给它看,每次它帮我解决,折腾了四个小时。

后来才想明白:这四小时可以省掉。 在最开始就说「我是完全的新手,请给我从零开始的环境配置步骤,包括需要装什么软件」,它会给你一份傻瓜教程,而不是假设你懂终端。

第一周末结果: 本地能跑起来的基础页面。数据抓取部分没成——公众号有防爬措施,而且Cursor明确告诉我直接爬违反腾讯使用条款,技术上也很难做。

---

第二周:遇到真正的坎

数据抓不了,这是一个产品方向问题,不是代码问题。

我做了一个决定:改成用户手动输入数据,系统负责存储、可视化和分析。 看起来倒退了一步,但项目变得可以做了。这个判断没有AI可以替你做。

这周做了三件事:数据库结构、输入表单、图表展示。

Cursor在图表这块表现最好。我说「折线图,X轴是日期,Y轴是阅读量,不同文章用不同颜色」,它用Chart.js出了效果,比我预期好。

踩坑:数据存不住,刷新就没了。

Cursor找到了原因,但给的修复说明我看不懂要改哪里。

学到一个技巧:遇到这种情况,别让它「解释」,直接说「帮我修改代码,我只需要复制粘贴就能用」。它会直接给你改好的完整代码块,比看解释有效率多了。

第二周末结果: 输入、存储、看图,基础功能全跑通。

---

第三周:让它像个正经产品

功能通了,界面是原始HTML的默认样子。

我说「参考Linear的设计风格,清爽简洁,深色模式,左侧导航栏」,Cursor给我出了一套完整的CSS和布局,效果真有点那个意思了。

陆续加了这些功能:

功能

难度

过程

数据导出Excel

一次说清楚,直接跑通

批量输入

从后端写前端(零基础用Cursor做出完整App,这是真实的三周过程)

顺利

用户登录

来回折腾了快两天

用户登录是最折腾的部分。 登录后刷新就退出——Cookie的问题。Cursor给了三个方案,前两个都没解决,第三个才OK。

这里的教训: 遇到它反复给错方案的时候,不要一直追问同一个问题,换个描述方式,或者直接说「之前的方案不管用,给我一个完全不同的思路」。

第三周末结果: 把链接发给同事和朋友,30多个人开始用,收到第一波真实反馈。

---

真实的感受

用Cursor做App,和我最初想象的不一样。我以为是「你说,AI做,你验收」,实际上更像——

你是产品经理,AI是实习程序员,你们需要大量沟通才能把事做对。

作为零基础的人,大量时间花在:

  • 弄清楚问题在哪(不是让AI去修,是先理解症状)
  • 做产品决策(技术行不通时,换方案还是换需求,这是你的事)
  • 描述需求(越具体越好,「让它好看」不如「Linear风格,深色模式,左侧导航」)

Cursor真正帮我省时间的地方:

  • 生成代码(我不用自己写一行)
  • 找bug原因(大部分都能定位到)
  • UI实现(我描述风格,它出代码,效果经常超预期)

---

给想尝试的人

1. 从最小可用版本开始

先把核心功能做通,别一上来就规划所有细节。

2. 遇到报错不要自己猜

直接截图或粘贴错误信息给Cursor,它大多数时候能找到原因。

3. 每个阶段先确认「能跑」

跑通了再加新功能,别同时改太多东西,不然出问题不知道是哪里的锅。

4. 它反复给错方案时换思路

同一个问题问三遍还是不行,换个描述方式,或者要求「完全不同的实现方式」。

5. 不懂的概念让它用大白话解释

说「用小学生能懂的方式解释」,不要假装看懂了继续往下走。

---

三周完成一个真实在用的Web App,放在两年前这对我来说是不可能的事。

但「零基础也能做App」这句话要加一个条件:你需要有耐心学着和AI有效沟通,以及准备好面对它搞不定的那些部分。

这两件事,没有捷径。

---

*实操时间:2026年3月 / 工具:Cursor Pro / 项目:公众号数据追踪Web App*

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读

最新文章

热门文章

本栏目文章