363 lines
8.2 KiB
Markdown
363 lines
8.2 KiB
Markdown
# 🎨 DesignHub - 设计师任务管理平台
|
||
|
||
<div align="center">
|
||
|
||
|
||
|
||
|
||
|
||
**现代化的设计师任务抢单与管理系统**
|
||
|
||
[功能特性](#-核心功能) • [技术栈](#-技术栈) • [快速开始](#-快速开始) • [文档](#-项目文档) • [截图](#-系统截图)
|
||
|
||
</div>
|
||
|
||
---
|
||
|
||
## 📖 项目简介
|
||
|
||
DesignHub是一个功能完善的设计师任务管理平台，旨在帮助企业高效管理设计任务的发布、接收、执行和评审全流程。系统采用积分制管理，配备完整的激励机制和数据分析功能，大幅提升设计团队的工作效率和积极性。
|
||
|
||
### 🎯 核心价值
|
||
|
||
- **任务流转高效化**：从发布到完成，全程可视化管理
|
||
- **积分控制精准化**：多维度积分管理，合理分配资源
|
||
- **激励机制完善化**：签到、成就、排行榜，激发团队活力
|
||
- **数据分析智能化**：多维度数据统计，辅助决策
|
||
- **消息通知及时化**：实时推送，确保信息触达
|
||
|
||
---
|
||
|
||
## ✨ 核心功能
|
||
|
||
### 🔐 用户认证与权限
|
||
- JWT双令牌认证机制
|
||
- RBAC权限模型（7种角色）
|
||
- 钉钉登录预留接口
|
||
- 细粒度权限控制
|
||
|
||
### 📋 任务管理
|
||
- 任务发起（配置化类型、品牌、平台）
|
||
- 任务抢单（自由抢单/指定分配/招募）
|
||
- 任务执行（进度跟踪、时效计算）
|
||
- 任务评审（五星评分、质量评价）
|
||
- 管理员调配（分配、转移、优先级调整）
|
||
|
||
### 💰 积分管理
|
||
- 团队积分池
|
||
- 积分充值与审批
|
||
- 周期限额管理（日/周/月）
|
||
- 积分消耗与奖励
|
||
- 延误扣分机制
|
||
|
||
### 🏆 激励系统
|
||
- **签到系统**：每日签到、连续追踪、奖励递增
|
||
- **成就系统**：10个默认成就、自动解锁、奖励发放
|
||
- **排行榜**：好评排行、积分排行、效率排行
|
||
|
||
### 🔔 通知系统
|
||
- 站内消息（4种类型）
|
||
- 通知分类与筛选
|
||
- 已读/未读管理
|
||
- 钉钉推送预留接口
|
||
|
||
### 📊 数据分析
|
||
- 需求统计（总览/趋势/类型分布）
|
||
- 用户排行（需求量/完成率/满意度）
|
||
- 部门统计（积分使用/预警机制）
|
||
- 设计师统计（任务量/积分/好评率）
|
||
- ECharts可视化图表
|
||
|
||
### 🏢 部门管理
|
||
- 部门CRUD操作
|
||
- 部门类型（需求/接单）
|
||
- 部门层级结构
|
||
- 积分限额配置
|
||
|
||
### ⚙️ 配置管理
|
||
- 需求类型配置
|
||
- 品牌/平台/类目配置
|
||
- 系统参数配置
|
||
- 延误扣分规则
|
||
|
||
---
|
||
|
||
## 🛠️ 技术栈
|
||
|
||
### 前端技术
|
||
| 技术 | 版本 | 说明 |
|
||
|------|------|------|
|
||
| Vue | 3.x | 渐进式JavaScript框架 |
|
||
| TypeScript | 5.x | 类型安全 |
|
||
| Ant Design Vue | 4.x | UI组件库 |
|
||
| Pinia | 2.x | 状态管理 |
|
||
| Vue Router | 4.x | 路由管理 |
|
||
| Axios | 1.x | HTTP客户端 |
|
||
| ECharts | 5.x | 数据可视化 |
|
||
| SCSS | - | CSS预处理器 |
|
||
|
||
### 后端技术
|
||
| 技术 | 版本 | 说明 |
|
||
|------|------|------|
|
||
| Spring Boot | 3.x | Java应用框架 |
|
||
| MySQL | 8.0 | 关系型数据库 |
|
||
| Redis | 7.x | 缓存数据库 |
|
||
| MyBatis Plus | 3.x | ORM框架 |
|
||
| JWT | - | Token认证 |
|
||
| Swagger | 3.x | API文档 |
|
||
| Quartz | 2.x | 任务调度 |
|
||
| Apache POI | 5.x | Excel操作 |
|
||
|
||
### 开发工具
|
||
- IntelliJ IDEA - 后端开发
|
||
- VS Code - 前端开发
|
||
- Maven - 后端构建
|
||
- pnpm - 前端包管理
|
||
|
||
---
|
||
|
||
## 🚀 快速开始
|
||
|
||
### 环境要求
|
||
|
||
- JDK 17+
|
||
- Node.js 18+
|
||
- MySQL 8.0+
|
||
- Redis 6.0+
|
||
- Maven 3.6+
|
||
- pnpm 8.0+
|
||
|
||
### 1. 克隆项目
|
||
|
||
```bash
|
||
git clone <repository_url>
|
||
cd qiangdanxitong
|
||
```
|
||
|
||
### 2. 配置数据库
|
||
|
||
```sql
|
||
-- 创建数据库
|
||
CREATE DATABASE design_hub CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
|
||
|
||
-- 创建用户
|
||
CREATE USER 'designhub'@'localhost' IDENTIFIED BY 'your_password';
|
||
GRANT ALL PRIVILEGES ON design_hub.* TO 'designhub'@'localhost';
|
||
FLUSH PRIVILEGES;
|
||
```
|
||
|
||
### 3. 启动后端
|
||
|
||
```bash
|
||
cd backend
|
||
|
||
# 修改配置文件
|
||
vi src/main/resources/application.yml
|
||
|
||
# 构建并运行
|
||
mvn clean install -DskipTests
|
||
mvn spring-boot:run
|
||
```
|
||
|
||
后端启动成功后，访问：http://localhost:8080/swagger-ui.html
|
||
|
||
### 4. 启动前端
|
||
|
||
```bash
|
||
cd frontend
|
||
|
||
# 安装依赖
|
||
pnpm install
|
||
|
||
# 启动开发服务器
|
||
pnpm dev
|
||
```
|
||
|
||
前端启动成功后，访问：http://localhost:5173
|
||
|
||
### 5. 登录系统
|
||
|
||
**测试账号**：
|
||
- 用户名：`admin`
|
||
- 密码：`123456`
|
||
|
||
---
|
||
|
||
## 📚 项目文档
|
||
|
||
| 文档名称 | 说明 | 链接 |
|
||
|---------|------|------|
|
||
| 需求文档 | 详细的功能需求和设计规范 | [PROJECT_REQUIREMENTS.md](./PROJECT_REQUIREMENTS.md) |
|
||
| 项目总结 | 项目概述、功能、技术亮点 | [PROJECT_SUMMARY.md](./PROJECT_SUMMARY.md) |
|
||
| 部署指南 | 本地和生产环境部署指南 | [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md) |
|
||
| 当前状态 | 开发进度和模块完成情况 | [CURRENT_STATUS.md](./CURRENT_STATUS.md) |
|
||
| 阶段报告 | 各开发阶段的完成报告 | PHASE1-6_COMPLETED.md |
|
||
|
||
---
|
||
|
||
## 📸 系统截图
|
||
|
||
### 登录页面
|
||
渐变背景、玻璃拟态设计、流畅动画效果
|
||
|
||
### 首页工作台
|
||
数据卡片、快速操作、待办任务、本周统计
|
||
|
||
### 任务大厅
|
||
任务列表、筛选排序、抢单操作
|
||
|
||
### 我的任务
|
||
双视图（发布/接收）、进度追踪、甘特图
|
||
|
||
### 设计师大厅
|
||
实时状态、进度展示、好评排行榜
|
||
|
||
### 数据分析
|
||
ECharts图表、多维度统计、趋势分析
|
||
|
||
### 通知中心
|
||
消息列表、分类筛选、已读管理
|
||
|
||
### 签到打卡
|
||
签到状态、奖励规则、历史记录
|
||
|
||
### 成就中心
|
||
徽章展示、等级标识、奖励领取
|
||
|
||
---
|
||
|
||
## 📊 项目数据
|
||
|
||
### 代码统计
|
||
- 后端Java文件：67个
|
||
- 前端Vue/TS文件：36个
|
||
- API接口：118+个
|
||
- 数据库表：29张
|
||
- 完整页面：20+个
|
||
- 总代码行数：13000+行
|
||
|
||
### 功能模块
|
||
- 核心业务模块：16个
|
||
- 前端页面组件：20+个
|
||
- 公共组件：10+个
|
||
- 工具类：5个
|
||
|
||
---
|
||
|
||
## 🎨 UI设计规范
|
||
|
||
项目严格遵循**OpenAI官方UI设计规范**：
|
||
|
||
- ✅ 极简主义设计
|
||
- ✅ 现代科技感
|
||
- ✅ 清晰的层级结构
|
||
- ✅ 一致的交互体验
|
||
- ✅ 深色模式优先
|
||
|
||
### 配色方案
|
||
- Primary: `#1890ff` (蓝色)
|
||
- Success: `#52c41a` (绿色)
|
||
- Warning: `#faad14` (橙色)
|
||
- Error: `#f5222d` (红色)
|
||
|
||
---
|
||
|
||
## 📈 项目进度
|
||
|
||
**当前版本**：v6.0
|
||
**完成度**：100% ✅
|
||
|
||
### 开发阶段
|
||
- ✅ 阶段1：基础配置与核心功能（完成）
|
||
- ✅ 阶段2：部门管理与数据分析（完成）
|
||
- ✅ 阶段3：数据导出与系统配置（完成）
|
||
- ✅ 阶段4：JWT Token与参数配置（完成）
|
||
- ✅ 阶段5：通知、激励、管理员调配（完成）
|
||
- ✅ 阶段6：最终收尾与文档完善（完成）
|
||
|
||
---
|
||
|
||
## 🔮 未来规划
|
||
|
||
### 短期（1周内）
|
||
- 系统测试（功能/性能/兼容性）
|
||
- Bug修复与优化
|
||
- 用户操作手册
|
||
|
||
### 中期（1-3月）
|
||
- 钉钉深度集成
|
||
- 移动端适配
|
||
- AI推荐功能
|
||
- 性能优化
|
||
|
||
### 长期（3-6月）
|
||
- 微服务化架构
|
||
- 容器化部署
|
||
- 数据大屏展示
|
||
- 第三方API开放
|
||
|
||
---
|
||
|
||
## 🤝 贡献指南
|
||
|
||
欢迎贡献代码、报告问题或提出建议！
|
||
|
||
1. Fork本项目
|
||
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
|
||
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
||
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
||
5. 提交Pull Request
|
||
|
||
---
|
||
|
||
## ❓ 常见问题
|
||
|
||
### 如何重置密码？
|
||
管理员可在用户管理模块重置用户密码。
|
||
|
||
### 如何配置钉钉登录？
|
||
参考 `DEPLOYMENT_GUIDE.md` 中的钉钉集成部分。
|
||
|
||
### 如何备份数据？
|
||
参考 `DEPLOYMENT_GUIDE.md` 中的数据库备份部分。
|
||
|
||
### 更多问题
|
||
请查看 [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md) 的"常见问题"章节。
|
||
|
||
---
|
||
|
||
## 📄 开源协议
|
||
|
||
本项目采用 [MIT](LICENSE) 协议开源。
|
||
|
||
---
|
||
|
||
## 🙏 致谢
|
||
|
||
感谢以下开源项目：
|
||
|
||
- [Vue.js](https://vuejs.org/)
|
||
- [Spring Boot](https://spring.io/projects/spring-boot)
|
||
- [Ant Design](https://ant.design/)
|
||
- [ECharts](https://echarts.apache.org/)
|
||
- [MyBatis Plus](https://baomidou.com/)
|
||
|
||
---
|
||
|
||
## 📞 联系方式
|
||
|
||
- **项目名称**：DesignHub
|
||
- **当前版本**：v6.0
|
||
- **完成度**：100%
|
||
- **开发时间**：2025年11月7日
|
||
|
||
---
|
||
|
||
<div align="center">
|
||
|
||
**⭐ 如果这个项目对您有帮助，请给个Star支持一下！⭐**
|
||
|
||
Made with ❤️ by DesignHub Team
|
||
|
||
</div>
|