大家好,我是程序员鱼皮,现在已经是全民 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. 转载 Python 存储与读取HDF5文件

    HDF5 简介 HDF(Hierarchical Data Format)指一种为存储和处理大容量科学数据设计的文件格式及相应库文件.HDF 最早由美国国家超级计算应用中心 NCSA 开发,目前在非盈 ...

  2. JVM故障分析及性能优化系列之四:jstack生成的Thread Dump日志线程状态

    https://www.javatang.com/archives/2017/10/25/36441958.html JVM故障分析及性能优化系列文章 JVM故障分析及性能优化系列之一:使用jstac ...

  3. Qt编写视频监控系统78-视频推流到流媒体服务器

    一.前言 视频推流作为独立的模块,目前并没有集成到视频监控系统中,目前是可以搭配监控系统一起使用,一般是将添加好的摄像头通道视频流地址打开后,读取视频流重新推到流媒体服务器,然后第三方可以从流媒体服务 ...

  4. Qt音视频开发28-ffmpeg解码本地摄像头(yuv422转yuv420)

    一.前言 一开始用ffmpeg做的是视频流的解析,后面增加了本地视频文件的支持,到后面发现ffmpeg也是支持本地摄像头设备的,只要是原则上打通的比如win系统上相机程序.linux上茄子程序可以正常 ...

  5. UML之包的导入与访问

    包是UML中管理元素的有效手段,UML中的所有元素均隶属于某一个包,即使你没有指定元素所属的包,这些元素也会被置于一个默认包中,包的本质是命名空间.当我们在一个包中需要访问另一个包中的元素时,可以使用 ...

  6. elasticsearch数据导出和导入

    数据导入和导出依赖于命令 elasticdump 数据导出 #!/bin/bash ES=http://ip:port ED=数据保存位置 datename=$(date +%Y-%m-%d) #da ...

  7. 刚学完Vue收集的库或项目分享

    最近刚看完一个Vue3的视频教程,还不错,整理最近收集与Vue相关的库或项目. awesome-vue:与 Vue.js 相关的精彩内容精选清单.https://github.com/vuejs/aw ...

  8. Jetbrains fleet 配置 C++开发环境(基于CMAKE和MinGW)

    Jetbrains fleet 配置 C++开发环境 1. 安装 Jetbrains Fleet 到Fleet下载页面下载Toolbox并安装 Jetbrains-Fleet下载页 安装完成后在任务栏 ...

  9. 特斯拉CEO埃隆马.斯克的五步工作法,怎么提高工程效率加速产品开发?

    简介 在<埃隆·马斯克传>这本书中,有两个章节写到了特斯拉 CEO 埃隆马斯克为了在一段时间内,提升特斯拉汽车 model 3 的产能到每个月 5000 辆这个数量级,在书中叫 " ...

  10. Windows bat批处理文件结束某个程序进程,删除文件夹

    Windows bat批处理文件结束某个程序进程,删除文件夹 bat文件内容: @echo off setlocal :: 要结束的应用程序进程名 set "PROCESS_NAME=助手. ...