大家好,我是程序员鱼皮,现在已经是全民 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 个新项目~

更多编程学习资源

带大家做了个 AI 项目,没想到这么简单!的更多相关文章

  1. 我和小美的撸码日记(1)之软件也需靠脸吃饭,带您做张明星脸(附后台经典框架 DEMO 下载)

    众所周知程序员得靠技术吃饭,但是真的光靠技术就够了吗?Teacher苍,一位德艺双馨的艺术家,论技术她自然是炉火纯青,我觉得她桃李遍天下的原因不仅限于些,试想如果Teacher苍长得跟凤姐一样再带点乡 ...

  2. 阿里开源首个移动AI项目,淘宝同款推理引擎

    淘宝上用的移动AI技术,你也可以用在自己的产品中了. 刚刚,阿里巴巴宣布,开源自家轻量级的深度神经网络推理引擎MNN(Mobile Neural Network),用于在智能手机.IoT设备等端侧加载 ...

  3. 在做关于NIO TCP编程小案例时遇到无法监听write的问题,没想到只是我的if语句的位置放错了位置,哎,看了半天没看出来

    在做关于NIO TCP编程小案例时遇到无法监听write的问题,没想到只是我的if语句的位置放错了位置,哎,看了半天没看出来 贴下课堂笔记: 在Java中使用NIO进行网络TCP套接字编程主要以下几个 ...

  4. AI 也开源:50 大开源 AI 项目 (转)

    这些开源AI项目专注于机器学习.深度学习.神经网络及其他应用场合. 自IT界早期以来,研制出能像人类那样“思考”的机器一直是研究人员的一大目标.在过去几年,计算机科学家们在人工智能(AI)领域已取得了 ...

  5. 使用Eclipse自带的Maven插件创建Web项目时报错:

    问题描述: 使用Eclipse自带的Maven插件创建Web项目时报错: Could not resolve archetype org.apache.maven.archetypes:maven-a ...

  6. xmake入门,构建项目原来可以如此简单

    前言 在开发xmake之前,我一直在使用gnumake/makefile来维护个人C/C++项目,一开始还好,然而等项目越来越庞大后,维护起来就非常吃力了,后续也用过一阵子automake系列工具,并 ...

  7. 动端逐渐出了许多的移动端的框架,比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点,不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点:

    移动前端工作的那些事---前端制作之微信小技巧篇   (2013-11-15 15:20) 转载▼ 标签: it css3/javascript html5 webapp 手机网站搭建 分类: 前端制 ...

  8. IDEA的Tomcat配置Web的项目创建以及Servlet简单运行。

    相关软件: 1.IDEA编译器 2.JDK 3.Tomcat          (相关软件都可以到官网上下载,老表提示:不要下载最新版本因为不要做试验品)   IDEA的安装非常简单,找好安装的盘,n ...

  9. 没想到 Google 排名第一的编程语言,为什么会这么火?

    没想到吧,Python 又拿第一了! 在 Google 公布的编程语言流行指数中,Python 依旧是全球范围内最受欢迎的技术语言!   01 为什么 Python 会这么火? 核心还是因为企业需要用 ...

  10. 没想到,Git居然有3种“后悔药”!

    没想到,Git居然有后悔药! 你知道Git版本控制系统中都有哪些"后悔药"吗? 本文通过案例讲解git reset . git revert . git checkout在版本控制 ...

随机推荐

  1. [转]Bundle Adjustment简述

    原文链接:https://optsolution.github.io/archives/58892.html或https://blog.csdn.net/optsolution/article/det ...

  2. MySql中MySqlParameter的用法

    在C#中,向表person插入一条数据(表person包括两列:id和name),使用MySqlParameter定义表中各列的值. static void Main(string[] args) { ...

  3. [转]Microsoft Robotics Studio:微软仿真机器人集成开发环境,简称MSRS

    原文链接:Microsoft Robotics Studio 微软官网:Robotics: Simulating the World with Microsoft Robotics Studio 其它 ...

  4. Web网页端IM产品RainbowChat-Web的v7.0版已发布

    一.关于RainbowChat-Web RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIM ...

  5. 零基础入门:基于开源WebRTC,从0到1实现实时音视频聊天功能

    本文由微医云技术团队前端工程师张宇航分享,原题"从0到1打造一个 WebRTC 应用",有修订和改动. 1.引言 去年初,突如其来的新冠肺炎疫情让线下就医渠道几乎被切断,在此背景下 ...

  6. CDS标准视图:维护任务清单数据 I_MaintenanceTaskListData

    视图名称:维护任务清单数据 I_MaintenanceTaskListData 视图类型:基础 视图代码: 点击查看代码 @AbapCatalog.sqlViewName: 'IPMTASKLISTD ...

  7. HTTP方法-GET对比POST

    什么是 HTTP ? 超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信. HTTP 的工作方式是客户端与服务器之间的请求-应答协议. web 浏览器可能是客户端,而计算机上的网络应用 ...

  8. VOLE+OKVS的PSI技术落地应用

    学习&转载文章:技术创新〡VOLE+OKVS的PSI技术落地应用 神谱科技基于VOLE+OKVS设计了两方PSI和多方PSI协议,并已应用于Seceum系列隐私计算产品中. Seceum并无开 ...

  9. Windows&Mac解决端口占用问题

    Windows解决端口占用问题 1.打开命令窗口(以管理员身份运行) 以管理员方式打开cmd 2.查找所有运行的端口 我这里运行了一个项目127.0.0.1:5000,使用的是5000端口,以此来做示 ...

  10. ulimit命令 控制服务器资源

    命   令:ulimit功   能:控制shell程序的资源语 法:ulimit [-aHS][-c <core文件上限>][-d <数据节区大小>][-f <文件大 小 ...