Flask框架实战：开发轻量级Web应用

在当今快速发展的互联网时代，轻量级Web应用因其高效、灵活的特点备受开发者青睐。Flask作为Python领域的一款轻量级Web框架，以其简洁明了的设计理念和强大的扩展能力，成为了众多开发者的首选。本文将带你走进Flask的世界，通过一个简单的实战项目，展示如何利用Flask快速搭建一个轻量级Web应用。

项目背景

假设我们需要开发一个简单的待办事项管理应用（To-Do List），用户可以通过Web界面添加、查看和删除待办事项。这个项目不仅能帮助我们掌握Flask的基本用法，还能让我们理解Web应用的基本架构。

环境搭建

首先，确保你已经安装了Python环境。接下来，使用pip安装Flask：

pip install Flask

项目结构

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

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

编写代码

1. 初始化Flask应用

在app.py中，初始化Flask应用并设置路由：

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.get('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):
        del tasks[task_id]
    return redirect(url_for('index'))

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

2. 创建HTML模板

在templates/index.html中，编写前端页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>To-Do List</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>To-Do List</h1>
    <form method="post" action="{{ url_for('add_task') }}">
        <input type="text" name="task" placeholder="Add a new task">
        <button type="submit">Add</button>
    </form>
    <ul>
        {% for task in tasks %}
            <li>
                {{ task }}
                <a href="{{ url_for('delete_task', task_id=loop.index0) }}">Delete</a>
            </li>
        {% endfor %}
    </ul>
</body>
</html>

3. 添加样式

在static/style.css中，添加一些基本的CSS样式：

body {
    font-family: Arial, sans-serif;
    text-align: center;
}

h1 {
    color: #333;
}

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

li {
    margin: 10px 0;
}