Skip to content

Commit 103e35d

Browse files
liyupiliyupi
committed
补充项目介绍文档
1 parent d4ac51a commit 103e35d

File tree

1 file changed

+238
-0
lines changed

1 file changed

+238
-0
lines changed

‎README.md‎

Lines changed: 238 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,238 @@
1+
# 程序员技术练兵场
2+
3+
> 作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
4+
>
5+
> 本项目为鱼皮全程直播开发的项目！提供完整视频教程 + 文字教程 + 答疑服务，帮你提升项目能力，给简历增加亮点！
6+
>
7+
> ⭐️ 加入项目系列学习：[加入编程导航](https://www.codefather.cn/vip)
8+
9+
10+
11+
## 一、项目介绍
12+
13+
这是一套以 **AI 开发实战 + 全栈技术** 为核心的项目教程，基于 Spring Boot 3 + LangChain4j + Vue 3 开发的程序员技术练兵场平台，通过 AI 智能生成关卡、薪资动态评估、拖拽式答题等创新功能，帮助程序员朋友们提升技术广度和薪资水平！
14+
15+
![](https://pic.yupi.icu/1/c75310ecf7b38ce73b7c3d53f36fb656.png)
16+
17+
18+
19+
### 5 大核心功能
20+
21+
1）AI 智能生成关卡：基于用户当前薪资和学习方向，AI 动态生成真实企业场景的技术挑战，支持前端、Java后端、Python后端、软件测试、AI算法、网络运维等多个技术方向。
22+
23+
![](https://pic.yupi.icu/1/5c041ca7e386f5bda3d32d16501f31b8.png)
24+
25+
26+
27+
2）薪资动态评估：根据答题表现实时调整用户薪资，提供精准的技术水平评估和职业发展建议。
28+
29+
![](https://pic.yupi.icu/1/629a89706e886a5467c876fd2609bbe3.png)
30+
31+
32+
33+
3）拖拽式答题：拖拽交互设计，让答题过程更加直观有趣，支持多选技术方案组合。
34+
35+
![](https://pic.yupi.icu/1/68b10cde324478cd26da432ecd355894.png)
36+
37+
38+
39+
4）智能结果报告：AI 生成详细的闯关报告，包括分数评价、薪资调整、投递建议、技术解析、架构图、流程图、学习建议和面试题推荐。
40+
41+
![](https://pic.yupi.icu/1/04228c6561ea927f9322450419de2f81.png)
42+
43+
![](https://pic.yupi.icu/1/0b43f97059ee9f71182c0e9bb494e394.png)
44+
45+
![](https://pic.yupi.icu/1/25583b363cb71b871ce834272ca14723.png)
46+
47+
48+
49+
5）历史记录追踪：完整记录挑战历史和成长轨迹，支持薪资变化可视化展示。
50+
51+
![](https://pic.yupi.icu/1/7c865d13a3e9e2b4562067509e0237a7.png)
52+
53+
54+
55+
### 为什么做这个项目？
56+
57+
1）技术热点：AI + 编程是当前最火的赛道，掌握 AI 应用开发技能极具市场价值。
58+
59+
2）实用性强：真实企业场景的技术挑战，帮助程序员快速提升技术广度和面试能力。
60+
61+
3）技术先进：集成最新的 LangChain4j 框架和通义千问大模型，掌握前沿 AI 开发技术。
62+
63+
4）求职利器：项目涵盖多个技术栈，是简历上的亮点项目。
64+
65+
66+
67+
## 二、项目优势
68+
69+
本项目紧跟 AI 时代、选题新颖、技术丰富。区别于传统的增删改查项目，带你实战 AI 智能体开发、前后端全栈技术、创新交互设计等企业级应用场景，大幅提升求职竞争力！
70+
71+
从这个项目中你可以学到：
72+
73+
- 如何利用 AI Vibe Coding 开发包含完整前后端的项目？
74+
- 如何基于 LangChain4j 构建 AI 应用，实现智能关卡生成？
75+
- 如何集成通义千问大模型，实现复杂的 AI 对话和内容生成？
76+
- 如何设计提示词工程，让 AI 生成高质量的技术内容？
77+
- 如何使用 Mermaid 生成系统架构图和流程图？
78+
- 如何集成面试题搜索工具，提供个性化学习建议？
79+
80+
81+
82+
### 鱼皮系列项目优势
83+
84+
鱼皮的原创项目以 **实战** 为主，用 **全程直播** 的方式 **从 0 到 1** 带做，从需求分析、技术选型、项目设计、项目初始化、Demo 编写、前后端开发实现、项目优化、部署上线等，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
85+
86+
比起看网上的教程学习，鱼皮项目系列的优势：从学知识 => 实践项目 => 复习笔记 => 项目答疑 => 简历写法 => 面试题解的一条龙服务
87+
88+
![](https://pic.yupi.icu/1/image-20250926184039049.png)
89+
90+
编程导航已有 **20 +套项目教程！** 每个项目的学习重点不同，几乎全都是前端 + 后端的 **全栈项目** 。
91+
92+
![](https://pic.yupi.icu/1/image-20250917153702335.png)
93+
94+
详细请见：[https://codefather.cn/course](https://www.codefather.cn/course)（在该页面右侧有教程推荐和学习建议）
95+
96+
往期项目介绍视频：[https://bilibili.com/video/BV1YvmbYbEgS](https://www.bilibili.com/video/BV1YvmbYbEgS/)
97+
98+
99+
100+
## 三、技术架构
101+
102+
### 技术栈
103+
104+
**后端技术：**
105+
- Spring Boot 3.5.5 - 现代化 Java 框架
106+
- LangChain4j - AI 应用开发框架
107+
- 通义千问 - 阿里云大语言模型
108+
- MyBatis Plus - 数据库 ORM 框架
109+
- MySQL - 关系型数据库
110+
- Redis - 缓存和会话存储
111+
- Knife4j - API 接口文档
112+
113+
**前端技术：**
114+
- Vue 3 - 渐进式 JavaScript 框架
115+
- Element Plus - Vue 3 组件库
116+
- Vue Router - 路由管理
117+
- Pinia - 状态管理
118+
- Axios - HTTP 客户端
119+
- Vite - 前端构建工具
120+
121+
**AI 相关：**
122+
- LangChain4j Community Dashscope - 通义千问集成
123+
- 提示词工程 - 优化 AI 输出质量
124+
- Tool Calling - AI 工具调用机制
125+
126+
127+
128+
### 核心业务流程
129+
130+
```mermaid
131+
graph TD
132+
A[用户登录] --> B[选择学习方向]
133+
B --> C[AI生成关卡]
134+
C --> D[拖拽式答题]
135+
D --> E[AI分析结果]
136+
E --> F[生成详细报告]
137+
F --> G[更新薪资评估]
138+
G --> H[记录历史]
139+
H --> I[推荐学习资源]
140+
```
141+
142+
143+
144+
## 四、快速开始
145+
146+
### 环境要求
147+
148+
- JDK 21+
149+
- Node.js 16+
150+
- MySQL 8.0+
151+
- Redis 6.0+
152+
- Maven 3.8+
153+
154+
155+
156+
### 后端启动
157+
158+
1）克隆项目
159+
160+
```bash
161+
git clone https://github.com/liyupi/coder-test.git
162+
cd coder-test
163+
```
164+
165+
2）配置数据库
166+
167+
```bash
168+
# 创建数据库
169+
mysql -u root -p
170+
CREATE DATABASE coder_test;
171+
172+
# 导入数据库表结构
173+
mysql -u root -p coder_test < database/create_tables.sql
174+
```
175+
176+
3）配置 AI 服务
177+
178+
```bash
179+
# 编辑配置文件，填入通义千问 API Key
180+
vim src/main/resources/application.yml
181+
```
182+
183+
4）启动后端服务
184+
185+
```bash
186+
mvn spring-boot:run
187+
```
188+
189+
190+
191+
### 前端启动
192+
193+
1）进入前端目录
194+
195+
```bash
196+
cd coder-test-frontend
197+
```
198+
199+
2）安装依赖
200+
201+
```bash
202+
npm install
203+
```
204+
205+
3）启动开发服务器
206+
207+
```bash
208+
npm run dev
209+
```
210+
211+
4）访问应用
212+
213+
```
214+
http://localhost:5173
215+
```
216+
217+
218+
219+
### API 文档
220+
221+
启动后端服务后，访问 Knife4j 接口文档：
222+
```
223+
http://localhost:8080/doc.html
224+
```
225+
226+
227+
228+
## 五、加入学习
229+
230+
编程导航已有 **20 +套项目教程**！每个项目的学习重点不同，几乎全都是前端 + 后端的 **全栈** 项目 。
231+
232+
![](https://pic.yupi.icu/1/image-20250917153702335.png)
233+
234+
欢迎加入 [编程导航](https://www.codefather.cn/vip)，加入后不仅可以全程跟学本项目，往期 20+ 套原创项目教程也都可以无限回看。还能享受更多原创技术资料、学习和求职指导、上百场面试回放视频，开启你的编程起飞之旅~
235+
236+
1 天不到 1 块钱，绝对是对自己最值的投资！PC 网站和 APP 都可以学习。
237+
238+

0 commit comments

Comments
 (0)