我用WorkBuddy从0到1做了一个动态企业官网，全过程记录

一个不会写代码的人，用AI工具独立完成了一个带前后台的动态网站，从需求分析到部署上线，全程只用了不到一天时间。这篇文章记录完整过程，给想体验AI开发的朋友做个参考。

一、为什么做这个项目

最近在体验AI办公工具，想验证一个想法：一个完全不懂编程的人，能不能靠AI工具独立完成一个完整的软件项目？

于是我定了个目标：做一个带后台管理的动态企业官网，要求：

• 前台有多页面（首页、产品服务、新闻动态、关于我们、联系我们）
• 后台可以发布新闻、管理公司信息、查看用户留言
• 可以换页面主题风格
• 部署在本地能直接访问

听起来像一个小团队干的活，但我打算一个人+AI来搞定。

二、工具组合：豆包做"大脑"，WorkBuddy做"手脚"

我的工作模式是这样的：

我提需求 → 豆包优化成精准的技术指令 → WorkBuddy执行开发 → 我验收测试

• 豆包：负责需求分析、技术选型、提示词优化。相当于架构师和需求分析师。
• WorkBuddy：负责写代码、建数据库、出文档。相当于开发工程师。
• 我：负责提需求、验收效果、调整方向。相当于产品经理+项目经理。

这个模式的核心是：我不需要会写代码，我只需要会说清楚我要什么。

三、第一步：需求梳理和技术选型

我先把需求列了个大概，然后让豆包帮我梳理成完整的技术方案。

我问豆包的第一个问题大概是这样：

"我要做一个动态企业官网，前台有首页、产品、新闻、关于我们、联系我们5个页面，后台可以管理新闻、公司信息、用户留言。用什么技术栈最简单、最容易在本地跑起来？"

豆包给我的建议：

• 后端：PHP（原生，不用框架，简单直接）
• 数据库：MySQL
• 前端：Bootstrap 5（响应式，不用自己写太多CSS）
• 运行环境：phpStudy（Windows一键集成Nginx+MySQL+PHP）

理由是：phpStudy在Windows上一键安装，不用配环境；PHP+MySQL是企业官网最经典的组合；Bootstrap上手快，效果也好看。

四、第二步：WorkBuddy开始干活

技术方案定了以后，我把完整的需求描述给WorkBuddy，让它开始写代码。

我给WorkBuddy的提示词大概是这样：

"帮我开发一个动态企业官网，技术栈PHP+MySQL+Bootstrap 5。要求： 1. 前台6个页面：index.php首页、products.php产品服务、news.php新闻列表、news_detail.php新闻详情、about.php关于我们、contact.php联系我们 2. 后台13个页面：登录、仪表盘、新闻管理、产品管理、轮播图管理、公司信息、团队成员、里程碑、留言管理等 3. 数据库8张表：admins、banners、company_info、messages、milestones、news、services、team_members 4. 附带install.sql安装脚本和README说明文档 5. 代码规范，注释清晰"

WorkBuddy收到任务后，开始深度思考，然后一个文件一个文件地生成代码。整个过程我只需要等，它会自动规划、自动写代码、自动检查。

大概十几分钟后，37个文件全部生成完毕，包括：

• 前台6个PHP页面
• 后台13个管理页面
• 公共函数库和配置文件
• CSS样式表和JS脚本
• 数据库安装脚本install.sql
• README说明文档

五、第三步：部署到本地运行

代码生成完了，接下来要跑起来。

5.1 安装phpStudy

从官网下载phpStudy V8集成环境，一键安装，包含Nginx+MySQL+PHP。

5.2 配置数据库

1. 启动phpStudy的WNMP（Nginx+MySQL+PHP）
2. 创建数据库 dashu_tech
3. 导入install.sql，自动创建8张表和初始数据
4. 修改config.php里的数据库密码

5.3 部署代码

把网站代码复制到phpStudy的WWW目录下，浏览器访问localhost就能看到网站了。

中间踩了几个坑：

• Nginx端口冲突：两个配置文件都监听80端口。最简单的解决方案是直接把代码放到默认的WWW目录，不用改配置。
• 数据库密码：phpStudy GUI改密码输入框没反应，改用命令行改成功了。

六、效果展示

6.1 前台首页

网站打开后是这样的——深靛蓝主色调，配香槟金点缀，看起来比较沉稳专业：

首页包含：

• 顶部导航栏（首页、产品服务、新闻动态、关于我们、联系我们）
• Hero大横幅（主标语+两个行动按钮）
• 公司介绍和核心优势卡片
• 核心服务板块

向下滚动还有更多内容：

6.2 后台管理

后台地址是 /admin/login.php，用管理员账号登录后可以看到完整的管理界面：

• 左侧菜单栏：仪表盘、内容管理（新闻、产品、轮播图）、站点设置（公司信息、团队与历程）、客户互动（留言管理）
• 右侧内容区：可以编辑各种内容

比如修改公司信息，直接在表单里改完点保存，前台立刻同步更新。发布新闻也是一样，后台编辑好内容，前台就能看到。

七、第四步：换主题风格

网站刚做出来的时候是默认的科技蓝配色。后来我觉得不够高端，想换成更专业的深靛蓝+香槟金主题。

这个过程同样是用AI完成的：

我给WorkBuddy的提示词：

"帮我换一个更专业、更高端的颜色主题，适合软件开发公司。主色调用深靛蓝/藏青色，辅助色用金色/香槟金。只需要输出修改后的:root变量部分，变量名保持不变，只改颜色值。"

WorkBuddy先检查了前后台两个CSS文件里的所有颜色变量和硬编码颜色，然后生成了新的配色方案：

新的配色方案：

• 主色：#1E3A5F（深靛蓝）
• 辅助色：#C9A961（香槟金）
• 最深色：#0A1A2E（页脚和大色块）
• 中性色：全部从蓝色系改成中性灰蓝

我把新的CSS变量替换进去，刷新浏览器，整个网站的风格立刻就变了。从原来的亮蓝色科技风，变成了沉稳的藏青+金色商务风。

八、心得体会

8.1 AI开发的真实体验

• 快是真的快：从需求到上线，整个过程不到一天。传统方式做这样一个小网站，至少需要一周。
• 但不是完全躺平：你需要懂需求、会验收、能描述问题。AI写的代码不一定一次就对，需要你测试、反馈、调整。
• 踩坑还是要自己踩：环境配置、端口冲突、数据库连接这些问题，AI能给建议，但最终要你自己动手解决。

8.2 一个人真的能干一个团队的活吗？

我的体会是：在小项目上，完全可以。

这个项目里：

• 需求分析：我+豆包完成
• 技术选型：豆包建议
• 代码开发：WorkBuddy完成
• 文档撰写：WorkBuddy自动生成
• 测试验收：我来做
• 部署配置：我+AI辅助

相当于我一个人扮演了产品经理、项目经理、测试、运维的角色，而开发的活全部交给了AI。

8.3 适合用AI做什么？

• ✅ 适合：小型网站、内部工具、简单的管理系统、文档生成、数据处理
• ⚠️ 谨慎：大型系统、高并发项目、涉及核心业务逻辑的关键系统
• ❌ 不适合：完全不测试就上线、不验收就交付

九、总结

这次体验最大的感受是：AI工具已经把软件开发的门槛降到了"会提需求就行"的程度。

你不需要会写代码，不需要懂框架，不需要配环境——你只需要清楚地知道你要做什么，然后把需求描述给AI，让AI帮你干。

当然，这不是说程序员要失业了。相反，会用AI工具的人，效率会比不会用的人高很多倍。 未来的软件开发，可能就是"人提需求+AI写代码+人验收"的模式。

如果你也想体验一下，建议从一个小项目开始，比如做个个人博客、做个简单的工具页面，用AI工具从头到尾跑一遍流程。你会发现，原来做一个软件项目，没有想象中那么难。

工具清单：

• AI助手：豆包（需求分析、提示词优化）
• AI开发：WorkBuddy（代码生成）
• 运行环境：phpStudy V8（Nginx+MySQL+PHP）
• 技术栈：PHP + MySQL + Bootstrap 5