二次元信息聚合平台产品系统

本项目是一个完整的全栈解决方案，主要解决了以下问题：

- 商品与漫画管理系统 ：通过后端 API 和前端管理界面，实现了对商品和漫画资源的完整管理流程，包括添加、编辑、删除、分类等功能。
- 多角色权限管理 ：实现了基于JWT的身份验证和授权系统，支持管理员、普通用户和超级管理员三种角色，确保不同用户只能访问其权限范围内的功能。
- 前后端分离架构 ：采用了现代化的前后端分离架构，解决了传统单体应用的耦合问题，提高了开发效率和系统可维护性。
- 数据安全性 ：通过密码加密存储、JWT令牌验证等机制，保障了用户数据和系统安全。

### 技术架构优势
- 三端分离设计 ：区别于常见的双端（前后端）分离，本方案采用了管理端、客户端和服务端三端分离的架构，使得各端职责更加清晰，维护和扩展更加便捷。
- 现代化前端框架 ：管理端和客户端均采用Vue 3框架，结合Tailwind CSS和PrimeVue组件库，提供了更现代、更美观的用户界面体验。
- RESTful API设计 ：后端采用规范的RESTful API设计，接口清晰明了，便于前端调用和第三方集成。
- 缓存机制 ：后端实现了缓存系统，特别是对仪表盘数据的缓存处理，提高了系统响应速度和性能。
### 功能特点
- 多业务模型支持 ：系统不仅支持传统的商品管理，还扩展了漫画资源管理，显示出较强的业务扩展性。
- 细粒度权限控制 ：通过中间件实现了细粒度的权限控制，确保不同角色用户只能访问其权限范围内的API。
- 软删除功能 ：对于重要数据如商品信息，实现了软删除功能，避免了误操作导致的数据丢失。
- 七牛云存储集成 ：系统集成了七牛云存储服务，为媒体文件提供了可靠的存储解决方案。
### 产品组成
1. 管理后台

- 基于Vue 3开发的管理员界面
- 负责商品、漫画、分类、存储位置等资源的管理
- 集成了用户权限管理功能
2. 客户端网站

- 面向终端用户的Vue 3应用
- 提供商品和漫画的浏览功能
- 采用响应式设计，支持多设备访问
3. 后端服务

- 基于Express.js的Node.js应用
- 提供RESTful API服务
- 负责数据处理、业务逻辑和权限控制
### 技术选型
1. 前端技术栈

- 框架 ：Vue 3
- UI组件 ：PrimeVue、Tailwind CSS
- 构建工具 ：Vite
- 路由 ：Vue Router
- HTTP客户端 ：Axios
2. 后端技术栈

- 运行环境 ：Node.js
- Web框架 ：Express.js
- 数据库ORM ：Sequelize
- 数据库 ：MySQL
- 认证 ：JWT (JSON Web Token)
- 密码加密 ：bcrypt
- 云存储 ：七牛云
3. 开发工具与实践

- 代码格式化 ：ESLint、Prettier
- 版本控制 ：Git
- API设计 ：RESTful
- 环境配置 ：dotenv