更新前后端开发说明
This commit is contained in:
+1
-47
@@ -1,15 +1,6 @@
|
||||
# Pixiv Manager Frontend
|
||||
|
||||
一个优雅的 Pixiv 作品管理前端应用,基于 Vue 3 + TypeScript + Vite + Pinia 构建。
|
||||
|
||||
## 功能特性
|
||||
|
||||
- 🎨 **作品搜索与浏览** - 支持关键词搜索、标签筛选、排序等功能
|
||||
- 👨🎨 **作者管理** - 关注喜欢的作者,查看作品列表和统计信息
|
||||
- 📥 **下载管理** - 支持单个作品、批量作品、作者作品下载
|
||||
- 🔐 **用户认证** - 基于 Pixiv OAuth 2.0 的安全登录系统
|
||||
- 📱 **响应式设计** - 完美适配桌面端和移动端
|
||||
- ⚡ **现代化技术栈** - Vue 3 + TypeScript + Vite + Pinia
|
||||
Pixiv 作品管理前端应用,基于 Vue 3 + TypeScript + Vite + Pinia 构建。
|
||||
|
||||
## 技术栈
|
||||
|
||||
@@ -88,28 +79,6 @@ pnpm build
|
||||
pnpm lint
|
||||
```
|
||||
|
||||
## 设计原则
|
||||
|
||||
### 组件设计
|
||||
- **单一职责**: 每个组件只负责一个特定功能
|
||||
- **可复用性**: 组件设计时考虑复用性,避免过度耦合
|
||||
- **类型安全**: 全面使用 TypeScript 确保类型安全
|
||||
|
||||
### 状态管理
|
||||
- **集中管理**: 使用 Pinia 进行集中状态管理
|
||||
- **响应式**: 状态变化自动触发 UI 更新
|
||||
- **持久化**: 关键状态支持本地持久化
|
||||
|
||||
### API 设计
|
||||
- **服务层**: 所有 API 调用封装在服务层
|
||||
- **错误处理**: 统一的错误处理机制
|
||||
- **类型安全**: API 响应类型定义完整
|
||||
|
||||
### 样式设计
|
||||
- **响应式**: 支持多种屏幕尺寸
|
||||
- **一致性**: 统一的设计语言和组件库
|
||||
- **可维护性**: 模块化的 CSS 结构
|
||||
|
||||
## 主要功能模块
|
||||
|
||||
### 1. 认证模块
|
||||
@@ -161,22 +130,7 @@ pnpm build
|
||||
# dist/ 目录包含所有静态文件
|
||||
```
|
||||
|
||||
## 贡献指南
|
||||
|
||||
1. Fork 项目
|
||||
2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)
|
||||
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
||||
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
||||
5. 打开 Pull Request
|
||||
|
||||
## 许可证
|
||||
|
||||
本项目仅供学习和个人使用,请遵守 Pixiv 的服务条款。
|
||||
|
||||
## 更新日志
|
||||
|
||||
### v1.0.0
|
||||
- 初始版本发布
|
||||
- 基础功能实现
|
||||
- 响应式设计
|
||||
- TypeScript 支持
|
||||
|
||||
Reference in New Issue
Block a user