Python打造高效任务管理系统

在快节奏的现代生活中，高效的任务管理是提升工作效率的关键。Python作为一种简洁而强大的编程语言，为我们提供了一个绝佳的平台来构建个性化的任务管理系统。本文将带你走进Python编写的任务管理系统，探索其背后的创意与实用性。

Python打造高效任务管理系统

系统设计理念

首先，我们需要明确任务管理系统的核心功能：任务创建、任务分配、进度跟踪和任务提醒。基于这些功能，我们设计了一个简洁而直观的用户界面，使用户能够轻松上手。

核心功能模块

任务创建：用户可以输入任务名称、描述、截止日期等信息。
任务分配：系统支持将任务分配给不同的团队成员。
进度跟踪：实时更新任务进度，支持进度条显示。
任务提醒：在任务截止日期前自动发送提醒通知。

技术选型

为了实现上述功能，我们选择了以下技术栈：

后端：使用Flask框架，轻量且易于扩展。
数据库：采用SQLite，简单易用，适合小型项目。
前端：使用HTML、CSS和JavaScript，确保界面友好。

代码实现

后端代码

首先，我们定义一个任务模型，用于存储任务信息：

from flask import Flask, request, jsonify
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///tasks.db'
db = SQLAlchemy(app)

class Task(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(80), nullable=False)
    description = db.Column(db.String(200))
    deadline = db.Column(db.DateTime)
    progress = db.Column(db.Integer, default=0)

@app.route('/tasks', methods=['POST'])
def create_task():
    data = request.get_json()
    new_task = Task(name=data['name'], description=data['description'], deadline=data['deadline'])
    db.session.add(new_task)
    db.session.commit()
    return jsonify({'message': 'Task created successfully!'})

@app.route('/tasks', methods=['GET'])
def get_tasks():
    tasks = Task.query.all()
    return jsonify([{'id': task.id, 'name': task.name, 'description': task.description, 'deadline': task.deadline, 'progress': task.progress} for task in tasks])

if __name__ == '__main__':
    db.create_all()
    app.run(debug=True)

前端代码

接下来，我们编写一个简单的HTML页面来展示任务列表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Task Manager</title>
</head>
<body>
    <h1>Task Manager</h1>
    <div id="task-list"></div>

    <script>
        fetch('/tasks')
            .then(response => response.json())
            .then(data => {
                const taskList = document.getElementById('task-list');
                data.forEach(task => {
                    const taskElement = document.createElement('div');
                    taskElement.innerHTML = `<h3>${task.name}</h3><p>${task.description}</p><p>Deadline: ${task.deadline}</p><progress value="${task.progress}" max="100"></progress>`;
                    taskList.appendChild(taskElement);
                });
            });
    </script>
</body>
</html>