(5/6)我一个人+AI,做了款叫「猜猜看呗」的全栈小程序——看完你可能也想做一个(管理篇)
说个我真实的崩溃瞬间小程序上线第 3 天一个用户留言说你们第 37 题答案错了。我打开电脑想改发现我根本没有管理后台——题目都在数据库里躺着我得手写 SQL 才能改一条。那一刻我坐在椅子上愣了三分钟产品上线了但运营这关还没过。然后我打开 AI 对话框输入“生成一个管理后台能增删改查题目、管理用户数据”。10 分钟后一个 React TypeScript 的管理后台跑起来了。从崩溃到解决中间只隔了 10 分钟。前4篇讲了「猜猜看呗」的全部产品功能——开篇闯关接龙系统5大品类8种对战5大系统好友商店。这篇开始讲幕后——产品上线后每天的题目怎么管理用户数据怎么看传统做法小程序上线后运营同学提需求我要一个后台管理题目然后开发排期、画原型、写页面、联调接口、测试……两周起步。我这次的做法写了一句话给AI。10分钟之后一个完整的React管理后台跑在了浏览器里。到底有多简单我输入给AI的Prompt大意是“用React TypeScript Ant Design生成一个管理后台。包含1. 题目管理页面支持按品类/难度筛选增删改查题目 2. 用户管理页面查看用户列表、答题记录、金币余额 3. 数据统计仪表盘”AI 吐出了完整的项目结构——标准的 React 脚手架Dashboard 仪表盘、QuestionList 题目列表、QuestionEdit 编辑、UserList 用户管理、API 服务封装。我做了三件事npm install→ AI 告诉我怎么配后端接口地址 →npm run dev。后台就跑起来了。看看实际效果管理后台主页仪表盘展示了核心数据题目总量、各品类分布、今日活跃用户、新增用户趋势。虽然数据还不大毕竟刚上线但框架是完整可用的。随着用户量增长图表会自动更新。说实话我第一次打开这个仪表盘的时候有点恍惚——我从来没写过 React但这个页面长得很专业。我盯着那张今日活跃用户的折线图看了十秒钟确认它真的在动才相信这是 AI 给我做出来的。题目编辑页面这是最核心的功能——题目的增删改查。支持按品类成语/Emoji/歇后语/脑筋急转弯/诗词和难度15 级一年级→二年级→…→高三→大学→社会人→专家筛选。点击编辑进入详情页可以修改题面、选项、答案、解析、分类——全部实时保存到后端数据库。你猜那个第 37 题答案错了的留言我是怎么处理的点开编辑页 → 找到成语猜猜 → 筛到第 37 题 → 改掉错误选项 → 保存。全程 40 秒比我当年在 Excel 里改数据快了 100 倍。这个表单页面AI不仅生成了UI还帮我处理了表单校验题面不能为空、至少两个选项下拉框联动选品类后自动加载该品类的题目列表提交防重复点击删除二次确认弹窗这些细节如果在传统开发里都是前端需要一个个手写的东西——AI一次性吐出来了。AI 是怎么做到的有人可能会问AI 真的用一句话就搞定了严格来说不是一句话是一轮多轮对话。大概的对话流程第一轮我给大框架生成管理后台增删改查题目用户管理第二轮AI生成初版 → 我反馈题目列表需要加品类筛选和分页第三轮AI加上筛选和分页 → 我补充编辑页加一个难度下拉框第四轮加完难度 → 我问样式能不能用Ant Design好看一点第五轮AI重构了组件用Ant Design → 我要求加一个数据仪表盘第六轮仪表盘生成 → 我说部署的时候API地址怎么配**六轮对话每轮平均1-2分钟。**总共大约10分钟。这10分钟产出了一个传统开发需要2-3天才能写完的后台。这个后台已经稳定运行了多久从我上线小程序到现在这个AI生成的管理后台已经跑了两个多月管理着64,000 道题目。期间有什么问题吗实话实说小问题有大问题没有。有一次题目列表的分页逻辑有bug第2页数据重复AI 30秒定位修复统计图表在数据量增长后加载变慢AI建议加了后端聚合查询优化有一个组件在新版Ant Design下报弃用警告AI马上给了迁移方案没有出现过crash、数据错误、接口异常。AI生成的代码比我想象的要稳健得多——可能是因为它生成的都是标准写法几乎没有发挥空间反而减少了人为出错的可能。说真的这比我以前让外包做的后台还稳——外包那版上线第一周就出了两次大故障。这对非技术的人意味着什么这个经历给了我一个很大的触动管理后台这种高度标准化的工作AI已经能完全接手了。不只是写代码的人可以偷懒——如果你完全不会写代码但需要一个管理后台你也可以做到。步骤是去 nodejs.org 一键下载安装 Node.js10 分钟不用懂任何概念跟装 QQ 一样点下一步也可以让 AI 帮你装——跟 AI 说帮我装 Node.js v20AI 会一步步教你怎么装。打开AI对话框描述你需要的后台功能AI生成代码 → 你复制到本地 → 运行三条命令浏览器打开localhost:3000后台跑起来了这 4 步里第 1 步是装环境一次性5 年不用再装第 2-4 步 AI 全程陪你——你不会写代码没关系让 AI 帮你跑命令、帮你排错。整个过程里你需要做的操作就是装 Node、复制代码、粘贴命令三件事其他都是 AI 干。不需要理解React是什么、TypeScript是什么、Ant Design是什么。你只需要描述我要一个能管理XX的后台AI负责把代码写好。这不是未来——这是2026年已经发生的事。我用猜猜看呗的管理后台证明了这一点。但也别过度神化说完了爽的部分也说一点客观的AI 生成的代码不是完美无缺的。它生成的通常是最佳实践80%的代码——能跑、功能对、但需要人工做一些适配接口地址需要你手动改成自己的后端地址权限控制什么人能访问什么页面AI默认不做你需要描述清楚复杂业务逻辑如题目审核流程编辑→审核→发布需要详细描述但这些问题都不是阻碍——它们是沟通问题不是能力问题。你描述得越清楚AI产出越精准。下一站另一个产品已经在想了「猜猜看呗」的产品故事还有最后一篇——下一篇讲后端服务器怎么选型。这是6篇系列里的第5篇还有1篇就讲完了。但「划水造物记」不会停在这里——下一个产品已经在构思了。是什么暂时不说留点悬念但可以透露它更小、更聚焦、AI承担的比例会更高。这次我会把管理后台这种经验直接用上不再走弯路。 说句掏心窝的话以前我总觉得做产品必须会写代码。这 5 篇写完你会发现——会描述需求的人现在也能做出产品了。工具变了门槛没了。关注「懒人偷得半日闲」下次更新时你会第一时间看到。体验传送门

相关新闻

45 年传奇!回顾 IBM PC 与 Model F/XT 键盘的起源与发展历程

45 年传奇!回顾 IBM PC 与 Model F/XT 键盘的起源与发展历程

祝 IBM PC 和 Model F/XT 45 岁生日快乐!45 年前,即 1981 年 8 月 12 日,计算机领域发生永久性变革,IBM 推出个人计算机,推动 x86 在办公和家庭计算普及。其成功很大程度归功于键盘 Model F/XT。为庆祝这一时刻&#x…

2026/8/13 23:14:44 阅读更多 →
企业TikTok营销如何避坑?多国家账号矩阵的音乐版权管理方法与落地执行流程

企业TikTok营销如何避坑?多国家账号矩阵的音乐版权管理方法与落地执行流程

随着越来越多消费品牌进入全球市场,TikTok正在从一个内容娱乐平台,逐渐成为品牌海外增长的重要基础设施。过去,很多企业理解TikTok营销,更多关注单条视频能否获得高播放、是否能够制造爆款。但对于已经拥有全球市场规划、多产品线…

2026/8/13 23:14:44 阅读更多 →
TikTok海外营销成本太高怎么办?品牌如何通过KOC矩阵降低CPM和CPE提升曝光效率

TikTok海外营销成本太高怎么办?品牌如何通过KOC矩阵降低CPM和CPE提升曝光效率

对于正在布局全球市场的消费品牌来说,TikTok已经从一个单纯的内容娱乐平台,逐渐成为品牌建立海外认知、影响用户决策的重要增长渠道。但很多品牌在实际运营过程中都会遇到类似问题:投入越来越高,内容数量不断增加,CPM和…

2026/8/13 23:14:44 阅读更多 →

最新新闻

边云协同视频分析性能优化指南:多站点部署下的参数配置与排查清单(边缘推理+云端管理)

边云协同视频分析性能优化指南:多站点部署下的参数配置与排查清单(边缘推理+云端管理)

1. 环境假设在参考本文的参数与优化步骤前,请确认您的系统环境符合以下基础假设:部署拓扑: 1 个中心云端管理平台(部署于公网或私有云 VM) N 个边缘站点节点(部署于各站点局域网的边缘 AI 盒子/工控机&…

2026/8/14 2:16:14 阅读更多 →
从ZeroClaw与OpenClaw内存对比,解析技术选型与性能评估方法论

从ZeroClaw与OpenClaw内存对比,解析技术选型与性能评估方法论

1. 从一张图引发的技术讨论最近在技术社区里,一张对比图传得挺火,标题大概是“ZeroClaw vs OpenClaw:内存占用 -99%”。这张图通常是一个简单的柱状图或折线图,左边是OpenClaw运行时内存占用的一个高耸的柱子,右边是Ze…

2026/8/14 2:16:14 阅读更多 →
从CCTV《360度》片头拆解视频包装:仪式感、信任契约与视听设计

从CCTV《360度》片头拆解视频包装:仪式感、信任契约与视听设计

那天晚上,我正为一个视频包装项目发愁。客户想要一种“有分量感”的新闻开场,要求既有权威性,又不失现代节奏。我翻遍了手头的素材库,从电影预告到纪录片片头,总觉得差那么点意思——要么太娱乐化,要么太沉…

2026/8/14 2:16:14 阅读更多 →
终极指南:如何在VSCode中秘密阅读小说而不被发现

终极指南:如何在VSCode中秘密阅读小说而不被发现

终极指南:如何在VSCode中秘密阅读小说而不被发现 【免费下载链接】Thief-Book-VSCode VScode 上一款真正的摸鱼插件 项目地址: https://gitcode.com/gh_mirrors/th/Thief-Book-VSCode Thief-Book-VSCode是一款专为程序员设计的创新插件,它巧妙地将…

2026/8/14 2:16:14 阅读更多 →
信号与系统考研强化:打通奥本海姆教材到真题解题的最后一公里

信号与系统考研强化:打通奥本海姆教材到真题解题的最后一公里

最近在整理考研资料时,发现一个挺有意思的现象:很多同学在复习信号与系统时,尤其是面对奥本海默(Alan V. Oppenheim)那本经典教材,常常陷入一种“知识点都懂,题目一做就懵”的困境。他们能背出卷…

2026/8/14 2:16:14 阅读更多 →
从零部署Hermes Agent:打通Terminal、飞书、持久记忆与技能自进化

从零部署Hermes Agent:打通Terminal、飞书、持久记忆与技能自进化

在 AI Agent 开发领域,如何让一个智能体不仅能理解指令,还能记住上下文、调用外部工具、并持续自我进化,是许多开发者和团队面临的挑战。Hermes Agent 作为一个新兴的 Agent 框架,以其独特的 Harness Engineering 理念和强大的 …

2026/8/14 2:15:14 阅读更多 →

日新闻

临沂网站建设铭镇:深耕本土数字生态,以匠心铸就企业品牌核心竞争力

临沂网站建设铭镇:深耕本土数字生态,以匠心铸就企业品牌核心竞争力

在这个流量为王、视觉至上的互联网时代,对于临沂乃至整个山东乃至全国的传统中小企业来说,拥有一张精美的“数字名片”早已不再是可选项,而是生存的必答题。每当夜幕降临,沂河两岸灯火辉煌,物流之都的喧嚣逐渐沉淀为对未来的思考。我们常常听到老板们在茶余饭后探讨:为什…

2026/8/14 0:00:26 阅读更多 →
Flutter与OpenHarmony实现剧本杀组队表单开发实战

Flutter与OpenHarmony实现剧本杀组队表单开发实战

1. 项目概述在移动应用开发领域,跨平台框架Flutter因其高效的开发体验和出色的性能表现,已经成为众多开发者的首选。而OpenHarmony作为新兴的操作系统平台,其开放性和灵活性为开发者提供了全新的可能性。本文将聚焦于一个实际应用场景——剧本…

2026/8/14 0:00:26 阅读更多 →
大连网站建设找简维科技:为您打造懂业务更懂用户的数字化转型引擎

大连网站建设找简维科技:为您打造懂业务更懂用户的数字化转型引擎

在这个数字化浪潮席卷全球的今天,企业想要在激烈的市场竞争中站稳脚跟,拥有一张好看的“数字名片”已经远远不够了。很多老板在刚开始接触互联网业务时,都有一个共同的困惑:为什么我花了钱建的网站,就像是在真空中自嗨?访客进来转了两圈就跑了,线索石沉大海,甚至连客服…

2026/8/14 0:01:27 阅读更多 →

周新闻

5分钟告别提取码焦虑:baidupankey如何智能破解百度网盘资源锁

5分钟告别提取码焦虑:baidupankey如何智能破解百度网盘资源锁

5分钟告别提取码焦虑:baidupankey如何智能破解百度网盘资源锁 【免费下载链接】baidupankey 在线查询网盘提取码(维护中 rm repo) 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 你是否曾经在深夜寻找一份重要资料&#x…

2026/8/13 2:38:34 阅读更多 →
如何快速生成中国车牌图片:Python开源工具完整指南

如何快速生成中国车牌图片:Python开源工具完整指南

如何快速生成中国车牌图片:Python开源工具完整指南 【免费下载链接】chinese_license_plate_generator 中国车牌生成器 项目地址: https://gitcode.com/gh_mirrors/ch/chinese_license_plate_generator 中国车牌生成器是一个基于Python的开源项目&#xff0c…

2026/8/13 10:41:52 阅读更多 →
收藏!小白程序员轻松入门大模型,从Harness工程开始实践

收藏!小白程序员轻松入门大模型,从Harness工程开始实践

文章强调学习大模型不应只关注模型本身,而应重视模型外的系统搭建,即Harness。提出AgentModelHarness的实用公式,详细介绍Harness的四个层次:持久化层、执行层、控制层和观察与验证层。文章还探讨了上下文工程、工具设计、AGENTS.…

2026/8/13 10:41:51 阅读更多 →

月新闻

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南 【免费下载链接】BaiduNetdiskPlugin-macOS For macOS.百度网盘 破解SVIP、下载速度限制~ 项目地址: https://gitcode.com/gh_mirrors/ba/BaiduNetdiskPlugin-macOS 还在为百度网盘macOS版的龟速下…

2026/8/13 10:41:50 阅读更多 →
终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 还在为网易云音乐下载的NCM格式文件无法在其他播放器播放而烦恼吗?ncmdump解密工具帮你轻松解决这个困…

2026/8/13 10:41:49 阅读更多 →
HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

AgentCard 智能体卡片:为英语学习 App 打造桌面级学习助手适用平台:HarmonyOS 7.0 (API 26 Beta)一、引言 HarmonyOS 7.0(API 26 Beta)新增了 AgentCard 智能体卡片能力,这是继 HMAF(鸿蒙智能体框架&#x…

2026/8/13 10:41:49 阅读更多 →