# yudada

**Repository Path**: mirrors_jfinal/yudada

## Basic Information

- **Project Name**: yudada
- **Description**: 新项目，基于 Vue 3 + Spring Boot + Redis + ChatGLM + RxJava + SSE 的 AI 答题应用平台。 用户可以基于 AI 快速制作并发布答题应用，支持检索、分享、在线答题并基于 AI 得到回答总结；管理员可以集中管理和审核应用。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-16
- **Last Updated**: 2025-11-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 鱼答答 - AI 答题应用平台

> 作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
>
> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 



## 项目简介

### 项目介绍

深入业务场景的企业级实战项目，基于 Vue 3 + Spring Boot + Redis + ChatGLM AI + RxJava + SSE 的 **AI 答题应用平台。**

用户可以基于 AI 快速制作并发布多种答题应用，支持检索和分享应用、在线答题并基于评分算法或 AI 得到回答总结；管理员可以审核应用、集中管理整站内容，并进行统计分析。

> 视频介绍：https://www.bilibili.com/video/BV1m142197hg



### 项目四大阶段

该项目选题新颖、业务完整、技术亮点多，为了帮大家循序渐进地学习，鱼皮将项目设计为 4 个阶段，通俗易懂：

1）第一阶段，开发本地的 `MBTI 性格测试小程序`。带大家熟悉答题应用的开发流程和原理，从 0 到 1 实战 Taro 跨端微信小程序开发，并分享小程序开发经验。

![](https://pic.yupi.icu/1/image-20240604145837172.png)

2）第二阶段，上升一个层次，开发 `答题应用平台`。用户可以通过上传题目和自定义评分规则，创建答题应用，供其他用户检索和使用。该阶段涉及 Vue 3 + Spring Boot 前后端全栈项目从 0 到 1 的开发。

![](https://pic.yupi.icu/1/20240604145229177.png)

3）第三阶段，让 AI 为平台赋能，开发 `AI 智能答题应用平台`。用户只需设定主题，就能通过 AI 快速生成题目、让 AI 分析用户答案，极大降低创建答题应用的成本、提高回答多样性。是从 0 到 1 的 AI 应用开发教程，封装 AI 通用模块并教你成为 Prompt 大师！

![](https://pic.yupi.icu/1/20240604145229383.png)

4）第四阶段，通过多种企业开发技术手段进行 `项目优化`。包括 RxJava + SSE 优化 AI 生成体验、通过缓存和分库分表优化性能、通过幂等设计和线程池隔离提高系统安全性、通过统计分析和应用分享功能来将应用 “产品化” 等等，涉及大量干货！

在这个项目中，鱼皮还会带大家用 AI 工具 `CodeGeeX 智能编程助手` 提高开发效率，是不是已经迫不及待了呢？

 

### 项目展示

本项目涉及 10 多个页面，前面已经展示部分页面。

应用详情页：

![](https://pic.yupi.icu/1/20240604145229915.png)

用户答题页面：

![](https://pic.yupi.icu/1/20240604145230156.png)

创建应用页：

![](https://pic.yupi.icu/1/20240604145230361.png)

创建题目页，涉及复杂动态嵌套表单的开发：

![](https://pic.yupi.icu/1/20240604145230557.png)

应用管理页面：

![](https://pic.yupi.icu/1/20240604145230731.png)

统计分析页面：

![](https://pic.yupi.icu/1/20240604145230905.png)

应用分享功能：

![](https://pic.yupi.icu/1/20240604145231269.png)



### 免费试看

感兴趣的同学可以 **免费试看** 第一期项目回放：https://www.bilibili.com/video/BV1m142197hg



## 项目特点

鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，包括 **视频教程** 和 **文字教程**！从需求分析、技术选型、项目设计、项目初始化、Demo 编写、前后端开发实现、项目优化、部署上线等，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！

细致入微的教程：

![](https://pic.yupi.icu/1/20240604145231642.png)

满满的项目正反馈：

![](https://pic.yupi.icu/1/20240604145231908.png)



### 为什么要带做这个项目？

1）**业务真实新颖**：别人做答题应用，你做 AI 应用平台。需求实用价值更高，可以扩展出很多新奇有趣的热门应用。

2）**技术主流新颖**：基于企业主流前后端技术实现，再结合当下最热门的 AI 技术，比传统项目更有亮点。

3）**能学到东西**：不再是增删改查的项目，而是包含了大量的实际业务场景、系统设计优化、企业级解决方案。

4）**教程资料少**：市面上虽然有 AI 应用平台，但几乎没有从 0 到 1 的实战教程，鱼皮将提供细致入微的讲解。

5）**增加竞争力**：区别于各种管理平台项目，本项目涉及响应式编程、分库分表、设计模式、性能优化、多角度系统优化、产品优化的实战，给你的简历增加竞争力。



### 项目收获

鱼皮给大家讲的都是 **通用的项目开发方法和架构设计套路**，从这个项目中你可以学到：

- 如何拆解复杂业务，从 0 开始设计实现系统？
- 如何快速开发小程序、响应式网站和后端项目？
- 如何自己制作一套 Vue 3 万用前端模板？
- 如何巧用 JSON 实现复杂评分策略？
- 如何巧妙利用设计模式来优化代码？
- 如何利用 AI 工具 `CodeGeeX 智能编程助手` 提高开发效率？
- 如何利用 SSE 技术实时推送通知？
- 如何利用 Redis + Caffeine + 分布式锁实现稳定高效的缓存？
- 如何通过 RxJava 反应式编程 + 分库分表提升服务性能？
- 如何通过幂等设计、线程池隔离提升系统安全稳定性？

此外，还能学会很多思考问题、对比方案、产品设计的方法，提升排查问题、自主解决 Bug、产品理解的能力，成为一个项目负责人。



### 鱼皮系列项目优势

鱼皮原创项目系列以 **实战** 为主，用 **全程直播** 的方式，**从 0 到 1** 带大家学习技术知识，并立即实践运用到项目中，做到学以致用。

此外，还提供如下服务：

- 详细的直播笔记（本项目有全套文字教程）
- 完整的项目源码（分节的代码，更易学习）
- 答疑解惑
- 专属项目交流群
- ⭐️ 现成的简历写法（直接写满简历）
- ⭐️ 项目的扩展思路（拉开和其他人的差距）
- ⭐️ 项目相关面试题、题解和真实面经（提前准备，面试不懵逼）
- ⭐️ 前端 + Java 后端万用项目模板（快速创建项目）

比起看网上的教程学习，鱼皮项目系列的优势：

> 从学知识 => 实践项目 => 复习笔记 => 项目答疑 => 简历写法 => 面试题解的一条龙服务

从需求分析、技术选型、项目设计、项目初始化、Demo 编写、前后端开发实现、项目优化、部署上线等，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！

编程导航已有 **10 多套项目教程！** 每个项目的学习重点不同，几乎全都是前端 + 后端的 **全栈** 项目 。

详细请见：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd



## 架构设计

### 1、核心业务流程图

![](https://pic.yupi.icu/1/20240604145232082.png)

### 2、时序图

![](https://pic.yupi.icu/1/20240604145232239.png)

### 3、架构设计图

![](https://pic.yupi.icu/1/20240604145232474.png)



## 技术选型

### 后端

- Java Spring Boot 开发框架（万用后端模板）
- 存储层：MySQL 数据库 + Redis 缓存 + 腾讯云 COS 对象存储
- MyBatis-Plus 及 MyBatis X 自动生成
- Redisson 分布式锁
- Caffeine 本地缓存
- ⭐️ 基于 ChatGLM 大模型的通用 AI 能力
- ⭐️ RxJava 响应式框架 + 线程池隔离实战 
- ⭐️ SSE 服务端推送
- ⭐️ Shardingsphere 分库分表
- ⭐️ 幂等设计 + 分布式 ID 雪花算法
- ⭐️ 多种设计模式
- ⭐️ 多角度项目优化：性能、稳定性、成本优化、产品优化等



### 前端

#### Web 网页开发

- Vue 3 
- Vue-CLI 脚手架
- Axios 请求库
- Arco Design 组件库
- 前端工程化：ESLint + Prettier + TypeScript
- 富文本编辑器
- QRCode.js 二维码生成
- ⭐️ Pinia 状态管理
- ⭐️ OpenAPI 前端代码生成

#### 小程序开发

- React
- Taro 跨端开发框架
- Taro UI 组件库

### 开发工具

- 前端 IDE：JetBrains WebStorm
- 后端 IDE：JetBrains IDEA
- [CodeGeeX 智能编程助手](https://codegeex.cn/)



## 项目大纲

### 第一阶段：MBTI 性格测试小程序

1. 项目介绍 | 项目背景和优势
2. 项目介绍 | 核心业务流程
3. 项目介绍 | 项目功能梳理
4. 项目介绍 | 技术选型和架构设计
5. MBTI 小程序 | 性格测试应用介绍
6. MBTI 小程序 | 实现方案和评分原理
7. MBTI 小程序 | Taro + React 小程序入门
8. MBTI 小程序 | 小程序开发实战
9. MBTI 小程序 | 小程序开发常用解决方案

### 第二阶段：Web 答题应用平台

1. 平台开发 | 需求分析
2. 平台开发 | 库表设计
3. 平台开发 | 后端初始化
4. 平台开发 | 后端基础开发
5. 平台开发 | 后端核心业务流程开发
6. 平台开发 | 前端技术选型
7. 平台开发 | 前端项目初始化
8. 平台开发 | 前端 Vue 3万用模板开发
9. 平台开发 | 前端基础页面开发（管理页面）
10. 平台开发 | 前端应用主页开发
11. 平台开发 | 前端应用详情页开发
12. 平台开发 | 前端创建模块开发 - 创建应用
13. 平台开发 | 前端创建模块开发 - 创建题目
14. 平台开发 | 前端创建模块开发 - 创建评分
15. 平台开发 | 前端答题模块开发 - 应用答题
16. 平台开发 | 前端答题模块开发 - 答题结果
17. 平台开发 | 前端答题模块开发 - 我的回答

### 第三阶段：AI 智能答题应用平台

1. 平台智能化 | 智谱 AI 大模型介绍
2. 平台智能化 | 智谱 AI SDK 接入
3. 平台智能化 | 通用 AI 模块封装
4. 平台智能化 | AI 生成题目 - 方案设计（Prompt）
5. 平台智能化 | AI 生成题目 - 后端开发
6. 平台智能化 | AI 生成题目 - 前端开发
7. 平台智能化 | AI 智能评分 - 方案设计（Prompt）
8. 平台智能化 | AI 智能评分 - 后端开发
9. 平台智能化 | AI 智能评分 - 前端开发
10. 扩展知识 | Spring AI
11. 扩展知识 | 智谱 AI + Spring AI 整合应用

### 第四阶段：多角度项目优化

1. 性能优化 | RxJava 响应式编程 - 核心概念
2. 性能优化 | RxJava 响应式编程 - Demo 实操
3. 性能优化 | AI 生成题目优化 - 需求分析
4. 性能优化 | AI 生成题目优化 - 前后端实时通讯（SSE 技术）
5. 性能优化 | AI 生成题目优化 - 后端开发
6. 性能优化 | AI 生成题目优化 - 前端开发
7. 性能优化 | AI 评分优化 - 需求分析
8. 性能优化 | AI 评分优化 - 方案设计（缓存设计）
9. 性能优化 | AI 评分优化 - 后端本地缓存开发
10. 性能优化 | AI 评分优化 - Redisson 解决缓存击穿
11. 性能优化 | 分库分表 - 核心概念
12. 性能优化 | 分库分表 - 技术选型
13. 性能优化 | 分库分表 - Sharding JDBC 实战
14. 系统优化 | 幂等设计 - 主流方案
15. 系统优化 | 幂等设计 - 分布式唯一 id 生成
16. 系统优化 | 幂等设计 - 后端开发
17. 系统优化 | 幂等设计 - 前端开发
18. 系统优化 | 线程池隔离 - 方案设计
19. 系统优化 | 线程池隔离 - 开发实现
20. 系统优化 | 统计分析 - 方案选型
21. 系统优化 | 统计分析 - 自定义 SQL
22. 系统优化 | 统计分析 - 后端开发
23. 系统优化 | 统计分析 - 前端可视化
24. 系统优化 | 应用分享 - 移动端扫码分享
25. 系统优化 | 应用分享 - 通用分享组件



## 项目资料

包括：

- 学习计划、视频教程、文字教程、项目源码
- 项目答疑、项目交流群、学员笔记
- 简历写法、面试题解、扩展思路

以上资料均可在编程导航网站获取：https://www.code-nav.cn/course/1790274408835506178

点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后，可以按照帖子 https://t.zsxq.com/eJxjY 的引导认证并解锁项目资料的权限。如图：

![](https://pic.yupi.icu/1/20240604145232643.png)



## 更多项目

请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)



## 加入学习

欢迎 [点此加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，学习大量优质原创项目，享受更多原创资料，开启你的编程起飞之旅~