编程就像一场刺激的闯关游戏，每行代码都是解锁新关卡的钥匙！在这场“腾讯技术创作特训营 S14#红城堡”的冒险中，我们将挑战一个实战项目：用 Python 和 Flask 搭建一个简单的待办事项（To-Do List）Web 应用，让你能添加、查看和删除任务。准备好你的代码装备，跟着我一步步成为“任务大师”吧！

出发前，确保你备好以下装备：

：建一个 Web 应用，主页显示待办任务列表，能添加新任务、删除任务，数据存在内存中（简单起见）。

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

app = Flask(__name__)
todos = []  # 内存存储任务列表

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

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

这代码是你的“冒险大本营”，初始化 Flask 应用，设置主页路由。

我们需要一个主页，展示待办任务列表。用 HTML 和一点 Jinja2 魔法来渲染。

<!DOCTYPE html>
<html>
<head>
    <title>任务大师</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; }
        .todo { margin: 10px 0; }
    </style>
</head>
<body>
    <h1>我的待办事项</h1>
    <form action="/add" method="post">
        <input type="text" name="task" placeholder="输入新任务" required>
        <button type="submit">添加</button>
    </form>
    <ul>
        {% for todo in todos %}
            <li class="todo">{{ todo }} <a href="/delete/{{ loop.index0 }}">删除</a></li>
        {% endfor %}
    </ul>
</body>
</html>

。看到空的任务列表和输入框？第二关通过！

现在加点功能，让用户能添加和删除任务。

@app.route('/add', methods=['POST'])
def add_todo():
    task = request.form.get('task')
    if task:
        todos.append(task)
    return redirect(url_for('index'))

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

任务列表正常更新？第三关，顺利通关！

import sqlite3

# 初始化数据库
def init_db():
    conn = sqlite3.connect('todos.db')
    c = conn.cursor()
    c.execute('CREATE TABLE IF NOT EXISTS todos (task TEXT)')
    conn.commit()
    conn.close()

# 在 app.py 开头调用
init_db()

 用数据库存取数据。想试试？去查 Flask-SQLite 教程！

恭喜你成为“任务大师”！这个 Flask 待办事项应用让你学会：

编程冒险：用 Flask 打造你的待办事项 Web 应用，闯关“任务大师”！

编程就像一场刺激的闯关游戏，每行代码都是解锁新关卡的钥匙！在这场“腾讯技术创作特训营 S14#红城堡”的冒险中，我们将挑战一个实战项目：用 Python 和 Flask 搭建一个简单的待办事项（To-Do List）Web 应用，让你能添加、查看和删除任务。准备好你的代码装备，跟着我一步步成为“任务大师”吧！关卡准备：装备检查出发前，确保你备好以下装备：Python 3.6+（推荐 3.8 或更高

产品KOL

编程语言

学习用Python和Flask搭建待办事项Web应用，从环境搭建到功能实现，掌握Flask基础、Jinja2渲染及表单处理，还能挑战SQLite持久化存储与界面美化。

数据库

路由

SQLite

Python

11.11畅享AI算力 云启新增长

tencentdb-catalog

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

编程冒险：用 Flask 打造你的待办事项 Web 应用，闯关“任务大师”！

编程冒险：用 Flask 打造你的待办事项 Web 应用，闯关“任务大师”！

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐