不懂代码,怎么把网站从一张纸变成一栋楼?
- 2026-09-25 09:26:49
上篇发完之后一直在捣鼓怎么将网站做得更好。今天就来分享一下。
先说结论：我依然不懂代码，但我学会了跟 AI 一起干活。
这一路我的网站从一张静态网页，长成了前后端分离的小项目。整个过程不神秘，靠的是三件事：搞懂几个词、记住几个土办法、还有几次老老实实的翻车。
今天全部分享给你，全是外行话。
第一件事：先搞懂四个词
我猜你跟我一样，一听"前后端分离"就想关页面。别关，我用四个比喻讲完。
前端 = 饭店的门面和桌椅。客人看到的装修、菜单、灯，都是前端。我的网站用的 Vue 就是干这个的。
后端 = 后厨。客人看不见，但菜是在这儿做的。点菜、记账、出菜，都是后厨的活。我的网站用的 Spring Boot 就是干这个的。
数据库 = 仓库加账本。食材放哪、卖了什么，都记在这。以前我的文章存在文件里，相当于把菜堆在门口；现在进了数据库，相当于搬进了正规仓库，电脑坏了也不怕。
登录认证 = 一把会过期的钥匙。我的后台用 JWT 当钥匙，七天过期，丢了也不怕，重新领一把就行。
第二件事：跟 AI 合作的 3 个土办法
1.一次只提一个需求，就跟搭积木一样，别一口气要十个功能。我翻车那次，就是一口气提了搜索+分页+夜间模式，页面全乱。拆成一件件小事，每件聊清楚了再提下一件，效率反而高。
2.截图描述问题。AI 看不见你的屏幕，但它看得懂图片。报错、乱掉的页面，直接截图丢给它，比打一百个字都管用。我修翻车，全靠这一招。
3.不懂的术语，直接问。我不懂"XSS""JWT"的时候，就一句话：用大白话讲给我听。它会从"把坏代码塞进页面"讲到"钥匙过期"，比看教程管用多了。
第三件事：说说我翻过的车（真实版）
翻车一：数据搬家，文章"全没了"。我把文章从文件搬进数据库，搬完一刷新——空的！吓得我半夜给 AI 发消息。后来才知道，是"迁移"没跑完，重启一下就好了。那天我学会一个新词：迁移。也学会一件事：别半夜改数据。
翻车二：页面"白了"。我把网站拆成"前端""后端"的那天，想给首页换个新样子，AI 改完一刷新——一片空白，什么都没有。没有文章，没有菜单，连标题都没了。我第一反应：完了，网站没了。截图丢给 AI，它说：别慌，前端和后端还没"接"上，数据过不来，所以页面是空的。它把两边接好，再一刷新，回来了。那天我学会一个新词：接口。也学会一件事：改之前，先备份。
你看，翻车不可怕，翻车后有人（或者有 AI）接着你，才重要。
最后，说点实话
网站还是没上线，只有我本地能跑。
但部署文档AI已经帮我写好了：服务器、域名、nginx、HTTPS，一步一步，全是 AI 教我的大白话版本。
下一步，就是把这份文档变成真的。
要是成了，你就真的能点开我的书房了。
要是我又翻车了……我也会写下来给你看。毕竟这个号的定位，就是"半成品"。
先做出来，再变好。
关注我，看一个不懂代码的人，怎么把半成品变成现实。
