利用DeepSeek做一个网页程序会这么简单

昨天在老徐的DeepSeek星球看到一篇帖子，很惊艳，仅仅与DeepSeek对话了6次，就完成了一个很不错的HTML网页程序，确实很强。

萝卜哥不是在传播焦虑，但是你看现在AI的发展，如果有人还在固步自封，那么被善于使用AI的人替代一定是早晚的事情！

当然一定还有很多人不相信，认为就算AI再厉害，但是现在吹的也过头了，那么今天萝卜哥就来和大家一起复现制作这个网页程序的全过程，让大家看看，AI的力量到底有多强大。

原帖子在这里，大家也可以照着执行

因为这个过程要多次与DeepSeek交互，为了防止经常频繁，萝卜哥还是使用平替网站，也可以随便测试一下平台网站是不是真正的满血。

网站如下：https://dazi.co/login?i=cd304877

熟悉萝卜哥的应该都知道这个网站了，我还是非常推荐该网站的，真的谁用谁知道啊！

先让大模型生成一份带选择的菜名

帮我整理一份家常菜菜单，菜系都可，100 个菜品。包含菜名，做法，推荐指数

第二步让DeepSeek生成第一版HTML程序

帮我整理一份家常菜菜单，菜系都可，100 个菜品。包含菜名，做法，推荐指数；根据这份菜单数据，帮我做一个家庭成员自用的点餐系统。具体需求，1、菜单按菜品大类在顶部菜单栏显示，菜品在下方平铺分布，每个菜品点开tips显示详细的做法，2、显示当天的日期和周几 ，3、能记录点餐人，默认点餐人为空，点餐前选择身份（爸爸/妈妈/爷爷/奶奶/大宝/二宝/三宝/四宝），以及点餐日期，点餐时间默认当天，可支持选择今天之后一周内的餐品；没选不允许提交，4、提交点餐，弹出显示这次选择的菜品，二次确认，5、能查询当月家庭成员的点餐明细，6、数据存储在浏览器缓存，不丢失，7、春意盎然的绿色风格，8、用免费可商业字体 ，9、选择某个菜品，显示勾选状态，提交前可取消勾选，10、提交时，弹出确认，「xxx」这是你选购的菜品，11、html格式输出 。

然后有的时候大模型会偷懒，不给出完整代码，那么我们再要求它给出即可

这里我们复制HTML代码就行

这一版的运行效果如下

点菜之后，可以在下方查询到点菜历史记录

现在缺少了菜品的代码，让大模型补充好

这里我们替换掉第一版代码中的menuData就行

替换如下

但是替换之后，发现菜品列表无法展示

这说明刚刚替换的JavaScript代码有问题，其实这里是多少需要一些编程基础的，因为代码运行遇到问题，就需要debug，而debug的过程，没有一点代码基础时很难的。

经过观察我们发现，是大模型生成的JavaScript代码里的键值带了双引号，我们让大模型重新生成，或者直接告诉大模型它的代码有问题，有时候也能自动修复

替换之后效果如下

虽然菜品都有了，但是排版混乱，一点都不美观

接下来我们继续优化页面

再优化下，1、点单记录页面，也是用绿色风格，且能按点单人分类显示每天的点单数据，2、点单记录用一个「内嵌页」效果显示，3、菜品名加个图标和背景底色，做法文字缩小一号，太大了。4、确认页面，排版混乱，按菜品单行显示，5、菜品分类加个图标，6、页面自适应，能在电脑，手机，平板 自由切回。

这一版优化之后是这样

现在其他还好，就是菜品名称展示的太大了，还有上面四个选择框也不好看，继续优化

菜品用豆腐块的形式展示，身份选择框，时间选择框，查看记录以及提交订单四个控件不美观，另外查看记录以及提交订单两个控件可以悬浮在右下角，方便滑动页面时随时提交和查看

怎么说呢，其他的优化还不错，就是菜品展示还是没有按照豆腐块的形式来

再强调一下，让大模型继续优化

大模型还是没能很好的完成我的诉求，还需要继续优化，不过我觉得就先这样吧，还有其他事情要忙了，大家感兴趣的继续来优化呀

后台回复“代码”，获取这个完整的HTML文件哈

写在最后

最后再多说两句吧，现在的AI工具确实很强大，甚至可以生成很厉害的代码，确实在一定程度上减少了程序员的工作，但是我觉得还远远不能代替程序员，尤其是完全没有编程经验的人，要想靠着AI工具做成符合大众要求的软件，还是需要很多功夫的。，比如出现bug，小白肯定是一头雾水，虽然AI能解决一定的问题，但是怎么合理的提问，也是经验的一部分呀。

但是这样恰恰是AI工具存在的意义，AI的出现，一定不是为了替代人类而来的，而是为了让人类更好的学习工作，把更多重复的动作交给AI，人们可以有更多时间进行具有创造性的动作。

与AI合作，首先也是要把握好这个尺度，让AI给自己提效，而不是想着什么都留给AI！

可以添加萝卜哥微信，免费加入AI&DeepSeek学习交流群，你可以在群里提出你想要看的内容，萝卜哥尽量安排哈

最后欢迎大家加入萝卜哥的免费知识星球，萝卜哥每天都会在星球上输出大量关于DeepSeek和AI的实操内容，一定对你有所帮助！

往期文章：

依靠DeepSeek，带着老婆做副业，真香！

DeepSeek+小红书，普通人的最佳变现实践来啦！