任务管理系统 | Task Management System

🇨🇳 中文

📝 项目介绍

任务管理系统是一个全栈应用，旨在帮助个人和团队高效管理任务、项目和工作流程。该系统提供看板视图、甘特图、仪表盘等多种方式来可视化和管理任务。

🛠️ 技术栈

前端

• Vue 3
• TypeScript
• Element Plus
• Pinia (状态管理)
• Vue Router
• ECharts (数据可视化)
• Frappe Gantt (甘特图)

后端

• Spring Boot 2.7.3
• MyBatis Plus 3.5.2
• Java 17
• Maven
• MySQL

✨ 功能特性

• 📊 项目和任务管理
• 📈 任务看板视图
• 📅 甘特图展示任务时间线
• 🏷️ 标签系统方便分类
• 📱 响应式设计，支持移动端
• 📊 数据统计和可视化面板
• 👤 用户管理和权限控制

🚀 快速开始

前端启动

# 进入前端目录
cd frontend

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 打包生产环境
npm run build

后端启动

# 进入后端目录
cd backend

# 配置环境变量
# 复制环境变量模板文件
cp .env.template .env
# 编辑.env文件，填入实际的配置信息
# 包括数据库密码、微信配置、阿里云OSS配置等

# 编译项目
mvn clean package

# 运行服务
java -jar guinea-pig-server/target/guinea-pig-server.jar

环境变量配置

项目使用环境变量来存储敏感信息，包括：

1. 数据库配置

   • DB_PASSWORD: 数据库密码

2. 微信配置

   • WECHAT_APPID: 微信小程序AppID
   • WECHAT_SECRET: 微信小程序密钥

3. 阿里云OSS配置

   • ALIYUN_ACCESS_KEY_ID: 阿里云访问密钥ID
   • ALIYUN_ACCESS_KEY_SECRET: 阿里云访问密钥密码
   • ENCRYPTION_KEY: 文件加密密钥

请确保：

• 不要将.env文件提交到版本控制系统
• 定期更换密钥以提高安全性
• 在生产环境中使用更复杂的密钥

数据库配置

1. 确保MySQL服务已启动
2. 创建数据库：task_management
3. 执行backend/db目录下的SQL脚本初始化数据库

💻 使用方法

1. 访问前端应用：http://localhost:5173/
2. 使用以下默认账号登录:
   • 用户名: leader
   • 密码: 123456
   • 角色：leader
3. 开始创建项目和任务

📚 API文档

API文档通过Swagger提供: http://localhost:8080/doc.html

🇺🇸 English

📝 Project Introduction

Task Management System is a full-stack application designed to help individuals and teams efficiently manage tasks, projects, and workflows. The system provides multiple ways to visualize and manage tasks, including kanban boards, Gantt charts, and dashboards.

🛠️ Technology Stack

Frontend

• Vue 3
• TypeScript
• Element Plus
• Pinia (State Management)
• Vue Router
• ECharts (Data Visualization)
• Frappe Gantt (Gantt Charts)

Backend

• Spring Boot 2.7.3
• MyBatis Plus 3.5.2
• Java 17
• Maven
• MySQL

✨ Features

• 📊 Project and task management
• 📈 Kanban board view
• 📅 Gantt chart for task timeline
• 🏷️ Tag system for easy classification
• 📱 Responsive design for mobile support
• 📊 Data statistics and visualization dashboard
• 👤 User management and permission control

🚀 Quick Start

Frontend Setup

# Enter frontend directory
cd frontend

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Backend Setup

# Enter backend directory
cd backend

# Configure environment variables
# Copy environment variable template file
cp .env.template .env
# Edit .env file to fill in actual configuration information
# Including database password, WeChat configuration, and AliCloud OSS configuration

# Compile project
mvn clean package

# Run server
java -jar guinea-pig-server/target/guinea-pig-server.jar

Environment Variable Configuration

The project uses environment variables to store sensitive information, including:

1. Database configuration

   • DB_PASSWORD: Database password

2. WeChat configuration

   • WECHAT_APPID: WeChat Mini Program AppID
   • WECHAT_SECRET: WeChat Mini Program Secret

3. AliCloud OSS configuration

   • ALIYUN_ACCESS_KEY_ID: AliCloud Access Key ID
   • ALIYUN_ACCESS_KEY_SECRET: AliCloud Access Key Secret
   • ENCRYPTION_KEY: File Encryption Key

Please ensure:

• Do not commit .env file to version control system
• Change key regularly to improve security
• Use more complex key in production environment

Database Configuration

1. Ensure MySQL service is running
2. Create database: task_management
3. Execute SQL scripts in the backend/db directory to initialize the database

💻 Usage

1. Access the frontend: http://localhost:5173/
2. Login with default credentials:
   • Username: admin
   • Password: 123456
3. Start creating projects and tasks

📚 API Documentation

API documentation is available via Swagger: http://localhost:8080/doc.html

📷 Screenshots

📄 License

MIT License