带大家做了个 AI 项目,没想到这么简单!

大家好,我是程序员鱼皮,现在已经是全民 AI 时代了,咱们程序员更要想办法榨干 AI,把 AI 利用起来。前几天我一时兴起,直播用 2 多个小时的时间,从需求分析开始,带大家做了一个 AI 海龟汤游戏项目。

代码也给大家开源出来了,供朋友们玩耍和学习:

开源:github.com/liyupi/yuha...

下面简单介绍下这个项目~

AI 海龟汤项目

几个小时就能学完的 AI 原生项目,通过做一个 AI 海龟汤游戏网站,带大家快速实战 AI 项目的开发流程,紧跟时代的前沿。

可能很多朋友没听说过海龟汤,这是一个老少咸宜的小游戏,分为汤面和汤底,主持人讲一个故事(汤面),由玩家通过提问的方式来不断地揭露还原故事的真相(汤底)。

举个例子:有一个人邀请朋友来参加生日聚会,在他吹完蜡烛后,他把在场的所有朋友都弄死了,问为什么?

可以让 AI 代替传统海龟汤的主持人,玩家只需要向 AI 对话,就能够自己进行海龟汤的游戏。

下面这个图就是用 AI 生成的网站,其实还可以再优化优化让它更好看~

通过这个小项目,其实还是能学到不少东西的:

  1. 学习标准的企业项目开发流程:需求分析 => 方案设计 => 后端开发 + 前端开发 => 测试 => 部署上线(可选)
  2. 学习如何快速初始化前后端项目
  3. 学习在程序中接入 AI 大模型
  4. 学习如何封装自己的 AI 工具类
  5. 学习如何优化 Prompt
  6. 学习如何维护对话上下文并传递给 AI
  7. 学习如何利用 AI 补全代码
  8. 学习如何纯利用 AI 开发前端网站

技术选型

前端

  • Vue 3:适合快速开发单页面应用
  • Ant Design Vue:主流组件库,兼容 PC 端和移动端响应式
  • Vue Router:前端路由组件
  • Axios:主流的请求库

后端

  • Java + Spring Boot 框架
  • MySQL 数据库
  • MyBatis + MyBatis Plus 框架
  • Hutool 工具类
  • Swagger + Knife4j 接口文档组合
  • AI 大模型接入,此处接入的是目前很火的 DeepSeek

业务流程

  1. 玩家进入页面,点击【开始游戏】,进入聊天室页面
  2. 进入聊天室页面时,AI 会立刻给出一个招呼语(给出故事汤面)
  3. 接下来,用户可以和 AI 主持人进行对话
  4. 用户可以主动结束,也可以由 AI 主动结束游戏
  5. 用户可以随时查看往期的对话记录

流程如图,这个图也是利用 AI 生成出来的:

最后

这个项目的完整直播回放已经分集发到了 编程导航网站 上。除了上面这个项目外,最近我给编程导航的 智能面试刷题平台项目 也新增了不少 AI 的功能,比如 AI 生成题目和题解、AI 模拟面试等,都能够帮大家增加简历亮点并提升求职竞争力。

编程导航还有我带大家做过的 10 多套项目教程,从 0 到 1 带大家实操全栈项目开发,春招很多朋友靠我的项目拿到了不错的 Offer,好评如潮~

大家如果想增加项目经历、简历亮点、企业开发经验,成为一名优秀的独立开发者,欢迎加入 编程导航 抓紧学起来,变强什么时候都不晚。还想看哪方面的教程,也可以评论区留言,4 月应该还会再出 2 个新项目~

更多

💻 编程学习交流:编程导航 📃 简历快速制作:老鱼简历 ✏️ 面试刷题神器:面试鸭

相关推荐
陈随易6 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
头发还在的女程序员8 小时前
医院陪诊管理系统怎么选择?——2026 年选型避坑与架构参考
java·开发语言·陪诊系统·陪诊app·医院陪诊陪护
CodeStats8 小时前
【Spring事务】Spring事务注解 @Transactional 完整体系:从 MySQL 隔离级别到 MyBatis 原理详解
java·spring·mybatis·事务·transactional
我命由我123459 小时前
Android 开发问题:为 PDFView 设置一个带有黑色边框的背景 drawable,但边框没有生效
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
都叫我大帅哥11 小时前
从Python到Java:为什么企业级Agent最终会选择Java?
java·ai编程
wanderist.11 小时前
Lambda表达式在算法竞赛中的应用
java·开发语言·算法
腻害兔13 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:IM 即时通讯模块,一个被低估的「全功能聊天系统」
java·前端·vue.js·产品经理·ai编程
心念枕惊13 小时前
.NET CORE 授权进阶-角色、策略与动态权限实现
java·前端·.netcore
Hilaku14 小时前
为什么在 2026 年,MPA(多页面应用)正在悄悄复辟?
前端·javascript·程序员
景同学14 小时前
把 AI 用到线上运维:可行、有效,前提是喂足信息——一次 Full GC 排障实录
java·人工智能·后端