Flask 重定向和新标签页功能

阅读更多：Flask 教程

1. 简介

Flask是一个使用Python编写的轻量级Web应用框架。它具有简单、灵活且易于使用的特点，以及丰富的扩展库和插件。在本文中，我们将重点介绍Flask的重定向和新标签页功能，这些功能在Web开发中经常使用。

2. 重定向

重定向是指将用户从一个URL地址自动导向到另一个URL地址。在Flask中，我们可以使用redirect函数来实现重定向。下面是一个简单的示例：

from flask import Flask, redirect

app = Flask(__name__)

@app.route('/')
def index():
    return redirect('/home')

@app.route('/home')
def home():
    return "欢迎访问主页"

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

在上面的示例中，当用户访问根URL（’/’）时，会自动重定向到主页（’/home’）。在实际开发中，我们可以根据需求将用户导向其他页面，例如登录页面、注册页面等。

3. 在新标签页中打开链接

有时候我们需要在新标签页中打开链接，以提供更好的用户体验。在Flask中，我们可以在模板中使用target="_blank"属性来实现在新标签页中打开链接。下面是一个示例：

<!-- index.html -->
<a href="{{ url_for('external_link') }}" target="_blank">点击这里在新标签页中打开外部链接</a>

from flask import Flask, render_template

app = Flask(__name__)

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

@app.route('/external_link')
def external_link():
    return "这是一个外部链接"

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

在上面的示例中，当用户点击链接时会在新标签页中打开外部链接。

4. 示例应用

让我们通过一个简单的示例应用来加深理解。假设我们正在开发一个在线购物平台，当用户成功添加商品到购物车后，我们希望将用户重定向到购物车页面，并在新标签页中打开该页面。下面是一个示例：

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

app = Flask(__name__)

products = {
    1: {'name': '苹果', 'price': 5.0},
    2: {'name': '香蕉', 'price': 3.0},
    3: {'name': '橙子', 'price': 4.0}
}
cart = []

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

@app.route('/add_to_cart', methods=['POST'])
def add_to_cart():
    product_id = int(request.form['product_id'])
    cart.append(products[product_id])
    return redirect(url_for('cart'), code=307)

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

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

<!-- index.html -->
<form action="{{ url_for('add_to_cart') }}" method="POST">
    <select name="product_id">
        {% for product_id, product in products.items() %}
            <option value="{{ product_id }}">{{ product['name'] }} - 价格：{{ product['price'] }}</option>
        {% endfor %}
    </select>
    <button type="submit">添加到购物车</button>
</form>

<!-- cart.html -->
<h1>购物车</h1>
<ul>
    {% for product in cart %}
        <li>{{ product['name'] }} - 价格：{{ product['price'] }}</li>
    {% endfor %}
</ul>