本项目是一个完整的全栈解决方案，主要解决了以下问题： - 商品与漫画管理系统 ：通过后端 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