公主连结助手

# 公主连结作业网功能介绍

本网站是一款专为《公主连结 Re:Dive》玩家打造的游戏作业分享与查询平台，旨在帮助玩家更轻松地完成公会战挑战。网站提供 BOSS 作业查询、伤害与难度筛选、角色阵容展示等功能，方便玩家快速找到适合自己的攻略方案。同时支持玩家发布和管理自定义作业，并通过角色池管理维护不同游戏账号的角色信息。网站还计划提供三刀套餐、六刀套餐等组合方案，帮助玩家合理规划出战阵容，提高作业查找效率，让公会战准备更加便捷、高效。

# 公主连结作业网项目实现方案

## 一、整体架构

本项目采用前后端分离架构，主要由用户前端、后台管理前端、后端 API 服务和数据库四个部分组成。前端负责页面展示、用户交互和数据处理，后端负责业务逻辑、身份认证、权限控制及数据读写，数据库负责保存用户、游戏角色、作业信息、角色池和套餐配置等数据。

前后端通过 HTTP API 进行通信，统一采用 JSON 格式传输数据。用户端与管理端分别部署，后端集中提供业务接口，从而降低模块之间的耦合度，方便后续维护、扩展和独立部署。

## 二、项目整体设计思路

项目围绕《公主连结 Re:Dive》公会战作业查询与管理需求展开，按照业务职责划分模块，并通过统一的接口规范连接各个功能。

1. **前后端分离：** 前端专注于界面和交互，后端统一处理业务规则与数据访问。
2. **模块化设计：** 将身份认证、角色管理、作业管理、套餐组合和后台管理等功能独立划分，便于分阶段开发与维护。
3. **统一身份认证：** 使用 Laravel Sanctum 实现 API 身份认证，并区分访客、注册用户和管理员等不同身份，结合中间件实现访问控制。
4. **数据关联设计：** 通过用户、游戏账号、角色池、作业、阵容角色和作业链接等数据关系，支持多个游戏账号分别维护角色信息，并为后续的作业匹配与套餐组合提供数据基础。
5. **统一接口规范：** 后端接口采用统一的 JSON 响应结构，便于前端进行请求、异常处理和数据展示。
6. **独立部署：** 前端与后端分别部署，通过配置 API 地址进行通信，降低部署环境之间的耦合。

## 三、各模块技术栈

### 1. 用户前端

- **核心框架：** Vue 3
- **开发框架：** uni-app
- **开发工具：** HBuilderX
- **主要职责：** 作业列表展示、BOSS 筛选、伤害与难度排序、角色阵容展示、用户自定义作业、角色池管理，以及三刀套餐和六刀套餐等组合功能。
- **设计思路：** 优先满足 PC 端使用体验，同时兼顾移动端适配；通过模块化页面和统一 API 请求封装，减少重复代码，方便后续增加新功能。

### 2. 后台管理前端

- **核心框架：** Vue 3
- **管理框架：** Vben Admin
- **UI 组件库：** Element Plus
- **构建工具：** Vite
- **包管理工具：** pnpm
- **主要职责：** 用户管理、角色与权限管理、游戏数据维护、作业管理及系统日志等后台业务。

### 3. 后端 API 服务

- **开发语言：** PHP
- **后端框架：** Laravel 13
- **身份认证：** Laravel Sanctum
- **数据校验：** Larave