莱莱 发表于 2025-3-12 10:10:45

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

大家好,我是程序员鱼皮,现在已经是全民 AI 期间了,咱们程序员更要想办法榨干 AI,把 AI 利用起来。前几天我一时鼓起,直播用 2 多个小时的时间,从需求分析开始,带大家做了一个 AI 海龟汤游戏项目。
代码也给大家开源出来了,供朋友们玩耍和学习:
开源:https://github.com/liyupi/yuhaigui-ai-game
https://pic.yupi.icu/1/image-20250311173906981.png
下面简朴介绍下这个项目~
 
AI 海龟汤项目

几个小时就能学完的 AI 原生项目,通过做一个 AI 海龟汤游戏网站,带大家快速实战 AI 项目标开发流程,紧跟期间的前沿。
可能很多朋友没听说过海龟汤,这是一个老少咸宜的小游戏,分为汤面和汤底,主持人讲一个故事(汤面),由玩家通过提问的方式来不绝地揭破还原故事的原形(汤底)。
举个例子:有一个人邀请朋友来到场生日集会,在他吹完蜡烛后,他把在场的全部朋友都弄死了,问为什么?
https://pic.yupi.icu/1/image-20250311174206256.png
可以让 AI 代替传统海龟汤的主持人,玩家只需要向 AI 对话,就能够自己举行海龟汤的游戏。
下面这个图就是用 AI 生成的网站,其实还可以再优化优化让它更好看~
https://pic.yupi.icu/1/1741583369760-09fd9c45-2093-4ab0-8148-ec83ad61fc6b.png
 
通过这个小项目,其实还是能学到不少东西的:

[*]学习标准的企业项目开发流程:需求分析 => 方案设计 => 后端开发 + 前端开发 => 测试 => 部署上线(可选)
[*]学习如何快速初始化前后端项目
[*]学习在程序中接入 AI 大模子
[*]学习如何封装自己的 AI 工具类
[*]学习如何优化 Prompt
[*]学习如何维护对话上下文并传递给 AI
[*]学习如何利用 AI 补全代码
[*]学习如何纯利用 AI 开发前端网站
 
https://pic.yupi.icu/1/1741248993412-8e92e068-5192-46ad-81bc-bf046de4c005.png
 
技能选型

前端


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


[*]Java + Spring Boot 框架
[*]MySQL 数据库
[*]MyBatis + MyBatis Plus 框架
[*]Hutool 工具类
[*]Swagger + Knife4j 接口文档组合
[*]AI 大模子接入,此处接入的是目前很火的 DeepSeek
 
https://pic.yupi.icu/1/1741247574417-a53861c4-35c6-488d-90a1-aa2cea31cee0.png
 
业务流程


[*]玩家进入页面,点击【开始游戏】,进入聊天室页面
[*]进入聊天室页面时,AI 会立刻给出一个招呼语(给出故事汤面)
[*]接下来,用户可以和 AI 主持人举行对话
[*]用户可以自动结束,也可以由 AI 自动结束游戏
[*]用户可以随时查看往期的对话记录
流程如图,这个图也是利用 AI 生成出来的:
https://pic.yupi.icu/1/image-20250310135157204.png
 
最后

这个项目标完备直播回放已经分集发到了 编程导航网站 上。除了上面这个项目外,最近我给编程导航的 智能口试刷题平台项目 也新增了不少 AI 的功能,比如 AI 生成题目和题解、AI 模拟口试等,都能够帮大家增加简历亮点并提升求职竞争力。
https://pic.yupi.icu/1/image-20250311175611501.png
编程导航还有我带大家做过的 10 多套项目教程,从 0 到 1 带大家实操全栈项目开发,春招很多朋友靠我的项目拿到了不错的 Offer,好评如潮~
https://pic.yupi.icu/1/image-20250311180241880.png
大家如果想增加项目经历、简历亮点、企业开发经验,成为一名良好的独立开发者,欢迎加入 编程导航 codefather.cn 抓紧学起来,变强什么时间都不晚。还想看哪方面的教程,也可以批评区留言,4 月应该还会再出 2 个新项目~
https://pic.yupi.icu/1/image-20250311180814163.png
更多编程学习资源


[*]Java前端程序员必做项目实战教程+毕设网站
[*]程序员免费编程学习交流社区(自学必备)
[*]程序员保姆级求职写简历指南(找工作必备)
[*]程序员免费口试刷题网站工具(找工作必备)
[*]最新Java零底子入门学习路线 + Java教程
[*]最新Python零底子入门学习路线 + Python教程
[*]最新前端零底子入门学习路线 + 前端教程
[*]最新数据布局和算法零底子入门学习路线 + 算法教程
[*]最新C++零底子入门学习路线、C++教程
[*]最新数据库零底子入门学习路线 + 数据库教程
[*]最新Redis零底子入门学习路线 + Redis教程
[*]最新计算机底子入门学习路线 + 计算机底子教程
[*]最新小程序入门学习路线 + 小程序开发教程
[*]最新SQL零底子入门学习路线 + SQL教程
[*]最新Linux零底子入门学习路线 + Linux教程
[*]最新Git/GitHub零底子入门学习路线 + Git教程
[*]最新操作系统零底子入门学习路线 + 操作系统教程
[*]最新计算机网络零底子入门学习路线 + 计算机网络教程
[*]最新设计模式零底子入门学习路线 + 设计模式教程
[*]最新软件工程零底子入门学习路线 + 软件工程教程

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 带大家做了个 AI 项目,没想到这么简朴!