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

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

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

开源：https://github.com/liyupi/yuhaigui-ai-game

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

 

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，好评如潮~

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

更多编程学习资源

• Java前端程序员必做项目实战教程+毕设网站

• 程序员免费编程学习交流社区（自学必备）

• 程序员保姆级求职写简历指南（找工作必备）

• 程序员免费面试刷题网站工具（找工作必备）

• 最新Java零基础入门学习路线 + Java教程

• 最新Python零基础入门学习路线 + Python教程

• 最新前端零基础入门学习路线 + 前端教程

• 最新数据结构和算法零基础入门学习路线 + 算法教程

• 最新C++零基础入门学习路线、C++教程

• 最新数据库零基础入门学习路线 + 数据库教程

• 最新Redis零基础入门学习路线 + Redis教程

• 最新计算机基础入门学习路线 + 计算机基础教程

• 最新小程序入门学习路线 + 小程序开发教程

• 最新SQL零基础入门学习路线 + SQL教程

• 最新Linux零基础入门学习路线 + Linux教程

• 最新Git/GitHub零基础入门学习路线 + Git教程

• 最新操作系统零基础入门学习路线 + 操作系统教程

• 最新计算机网络零基础入门学习路线 + 计算机网络教程

• 最新设计模式零基础入门学习路线 + 设计模式教程

• 最新软件工程零基础入门学习路线 + 软件工程教程