python项目达-CFANZ编程社区

Python项目达：构建一个简单的任务管理系统

Python是一种功能强大且易于学习的编程语言，近年来在各种项目中得到了广泛应用。在本文中，我们将要构建一个简单的任务管理系统，让用户能够添加、删除和查看他们的任务。该项目将涵盖Python的基本概念，同时使用一些流行的库来增强功能。

项目需求分析

在开始编码之前，我们需要先了解项目需求。这是一个能够处理基本任务管理功能的应用程序。具体功能如下：

用户能够添加任务。
用户能够删除任务。
用户能够查看现有任务。

流程图

在这里，我们将这个任务管理系统的工作流程用流程图表示出来，以便更好地理解系统的结构。

flowchart TD
    A[打开应用] --> B{选择操作}
    B -- 添加任务 --> C[输入任务详情]
    B -- 删除任务 --> D[输入任务ID]
    B -- 查看任务 --> E[显示任务列表]
    C --> F[任务已添加]
    D --> G[任务已删除]
    E --> H[任务列表已显示]

环境准备

在开始编写代码之前，需要确保Python环境正确配置。在终端中可以使用以下命令安装所需的库：

pip install flask

Flask是一个轻量级的Web框架，适合构建简单的Web应用程序。

编写代码

我们将创建一个基本的Flask应用程序，来实现任务管理的功能。

1. 设置项目结构

首先，创建一个新的目录，例如task_manager，并在该目录下创建以下文件：

task_manager/
│
├── app.py
├── templates/
│   └── index.html
└── static/
    └── style.css

2. 编写Flask应用

打开app.py文件，并添加以下代码：

from flask import Flask, render_template, request, redirect, url_for

app = Flask(__name__)

# 初始化任务列表
tasks = []

@app.route('/')
def index():
    return render_template('index.html', tasks=tasks)

@app.route('/add', methods=['POST'])
def add_task():
    task = request.form['task']
    if task:  # 确保任务不为空
        tasks.append(task)
    return redirect(url_for('index'))

@app.route('/delete/<int:task_id>')
def delete_task(task_id):
    if 0 <= task_id < len(tasks):
        tasks.pop(task_id)
    return redirect(url_for('index'))

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

3. 创建前端模板

接下来，在templates目录中创建index.html文件，并填入以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务管理系统</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    任务管理系统
    <form action="/add" method="post">
        <input type="text" name="task" placeholder="输入任务" required>
        <button type="submit">添加任务</button>
    </form>
    <ul>
        {% for task in tasks %}
            <li>
                {{ loop.index }}. {{ task }} 
                <a rel="nofollow" href="/delete/{{ loop.index0 }}">删除</a>
            </li>
        {% endfor %}
    </ul>
</body>
</html>

4. 添加基本样式

在static目录下创建style.css文件，并添加一些基础样式：

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

h1 {
    color: #333;
}

form {
    margin-bottom: 20px;
}

ul {
    list-style-type: none;
    padding: 0;
}

运行项目

完成以上代码后，在终端中运行以下命令启动Flask应用：

python app.py

访问`

序列图

为了更好地理解该系统的操作流程，我们可以使用序列图来表示用户与系统之间的交互。

sequenceDiagram
    participant User
    participant WebApp

    User->>WebApp: 打开主页
    WebApp-->>User: 展示任务列表

    User->>WebApp: 添加任务
    WebApp-->>User: 更新任务列表

    User->>WebApp: 删除任务
    WebApp-->>User: 更新任务列表