创建简单任务管理应用指南

开发 Python, Flask, task management app, web development, coding tutorial 04-10

如何创建一个简单的任务管理应用

在这篇文章中，我们将学习如何使用Python和Flask框架创建一个简单的任务管理应用。这个应用将允许用户添加、查看和删除任务。

步骤1：安装必要的软件

首先，你需要确保你的计算机上安装了Python和Flask。如果你还没有安装这些软件，可以通过以下步骤来完成：

安装Python: 请访问Python官网下载并安装最新版本的Python。
安装Flask: 打开你的命令行工具，输入以下命令来安装Flask:
```
pip install Flask
```

步骤2：创建项目目录结构

创建一个名为task_manager的项目文件夹，并在其中创建以下目录和文件结构：

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

步骤3：编写Flask应用代码 (`app.py`)

在app.py文件中编写以下代码：

from flask import Flask, render_template, request, redirect

app = Flask(__name__)

tasks = []

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        task = request.form.get('task')
        if task:
            tasks.append(task)
        return redirect('/')
    return render_template('index.html', tasks=tasks)

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

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

步骤4：创建HTML模板 (`templates/index.html`)

在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>Task Manager</title>
</head>
<body>
    <h1>Task Manager</h1>
    <form method="post" action="/">
        <input type="text" name="task" placeholder="Enter your task here">
        <button type="submit">Add Task</button>
    </form>
    <ul>
        {% for task in tasks %}
            <li>
                {{ task }} 
                <a href="/delete/{{ loop.index0 }}">Delete</a>
            </li>
        {% endfor %}
    </ul>
</body>
</html>

步骤5：运行应用

回到命令行工具，在项目文件夹内启动Flask应用：

python app.py

然后打开浏览器，访问 http://127.0.0.1:5000，你会看到一个简单的任务管理应用页面。

代码说明

app.py中定义了两个路由：/用于显示任务列表和处理表单提交，/delete/<int:task_id>用于删除指定任务。
使用了Flask的render_template函数来渲染index.html模板。
HTML模板使用了Jinja2语法来循环显示任务列表。

此应用展示了Flask的基本功能和如何根据用户输入更新数据。你可以根据需求进行扩展，例如添加任务完成状态或使用数据库存储任务。

编辑：一起学习网

一起学习网