zihluwang
ac8a2e90d8
Add English and Chinese docs for the Delta Force Guide full-stack app (Spring Boot backend + React frontend) with architecture, API reference, and live site link.
49 lines
2.0 KiB
Plaintext
49 lines
2.0 KiB
Plaintext
---
|
||
title: Delta Force Guide
|
||
---
|
||
|
||
import { Tabs, Tab } from "@rspress/core/theme"
|
||
|
||
## 介绍
|
||
|
||
Delta Force Guide 是一个全栈 Web 应用，为游戏 Delta Force（三角洲部队）提供可搜索的枪械改装代码库。项目包含两个组件：
|
||
|
||
- **Web 前端** — 基于 React 的单页应用，用于浏览、筛选和复制改装代码。
|
||
- **后端服务** — 基于 Spring Boot 的 REST API，处理数据持久化、身份认证和内容管理。
|
||
|
||
线上站点位于 **[dfguide.onixbyte.cn](https://dfguide.onixbyte.cn)**。
|
||
|
||
## 特性
|
||
|
||
- **枪械浏览** — 浏览精选的游戏内枪械列表及详细属性。
|
||
- **改装代码库** — 按武器、模式和标签搜索筛选改装代码。
|
||
- **一键复制** — 直接从界面复制改装代码。
|
||
- **高效渲染** — 通过窗口虚拟化实现大列表的流畅渲染。
|
||
- **身份认证** — 支持用户登录，采用 JWT 认证和验证码校验。
|
||
- **后台管理** — 枪械与改装数据完整的增删改查功能。
|
||
- **静态友好** — 前端以静态站点部署，通过 API 代理与后端通信。
|
||
|
||
## 架构
|
||
|
||
| 组件 | 技术栈 |
|
||
|---|---|
|
||
| **前端** | React 19、TypeScript、Tailwind CSS 4、Ant Design 6、React Router 7、Redux Toolkit、TanStack Virtual |
|
||
| **后端** | Spring Boot 3、Java 21、PostgreSQL、MyBatis、Flyway、Redis |
|
||
| **认证** | JWT（access 和 refresh token）、验证码集成 |
|
||
| **存储** | AWS S3（图片上传） |
|
||
|
||
前端是由 Vite 构建的静态站点，通过 API 与 Spring Boot 后端通信。认证采用 JWT access 和 refresh token 机制，refresh token 通过 Redis 管理。
|
||
|
||
## 代码仓库
|
||
|
||
- [delta-force-guide-server](https://github.com/onixbyte/delta-force-guide-server) — Spring Boot 后端
|
||
- [delta-force-guide-web](https://github.com/onixbyte/delta-force-guide-web) — React 前端
|
||
|
||
## 快速链接
|
||
|
||
- **线上站点：** [dfguide.onixbyte.cn](https://dfguide.onixbyte.cn)
|
||
|
||
## 许可证
|
||
|
||
Delta Force Guide 是采用 MIT 许可证发布的开源软件。
|