Flask目录结构路由重定向简单实例讲解——轻量级的 Python Web 框架

假设一个flask目录结构如下:

复制代码
my_flask_app/
│
├── app.py
├── routes/
│   ├── __init__.py
│   ├── ZhejiangProvince/
│   │   ├── __init__.py
│   │   ├── la.py
│   │   └── el.py
│   ├── GuangdongProvince/
│   │   ├── __init__.py
│   │   ├── la.py
│   │   └── el.py
│   ├── wia.py
├── static/
│   ├── css/
│   ├── js/
│   ├── img/
│   │   ├── LA.png
│   │   ├── EL.png
│   └── ...
├── templates/
│   ├── index.html
│   ├── layout.html
│   ├── ZhejiangProvince/
│   │   ├── la.html
│   │   ├── el.html
│   ├── GuangdongProvince/
│   │   ├── la.html
│   │   ├── el.html
│   └── ...
├── instance/
│   ├── config.py
├── config.py
├── requirements.txt
├── venv/
└── README.md

我们关心的是在index.html中点击图标或文字怎么跳转到另一个html页面。

这就需要两个东西:蓝图实例和蓝图名称。

**Step1:创建蓝图实例、**定义蓝图中的路由

python 复制代码
from flask import Blueprint

# 创建蓝图实例
zj_la_bp = Blueprint('zj_la', __name__)

@zj_la_bp.route('/LA', methods=['GET', 'POST'])
def LA():
    if request.method == 'POST':
        # 处理表单提交的代码
        pass
    return render_template('ZhejiangProvince/la.html')

'zj_la_bp' 是蓝图实例的变量名,用于在 Python 代码中引用和操作蓝图。
'zj_la' 是蓝图的名称字符串,用于标识蓝图并在生成 URL 时使用。

关于 **'zj_la_bp'和'zj_la'**的使用,可以简单记为: 在前端使用'zj_la',在后端使用zj_la_bp'。
(这里在前端和在后端是指在关于前端的代码中和在关于后端的代码中)。

在前端使用'zj_la',在后端使用zj_la_bp'。:

html 复制代码
例如:
  在后端:
     @zj_la_bp.route('/LA', methods=['GET', 'POST'])
  在前端:
     return redirect(url_for('zj_la.LAdocxGenerate'))
     <a href="{{ url_for('zj_la.LA') }}">

Step2:在 app.py 中注册蓝图:

python 复制代码
from flask import Flask, redirect, url_for, render_template
from routes.ZhejiangProvince.la import zj_la_bp

app = Flask(__name__)
app.secret_key = 'your_secret_key'

# 注册蓝图并指定 URL 前缀
app.register_blueprint(zj_la_bp, url_prefix='/zj/la')

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

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

上述代码就会有一个URL: http://yourdomain.com/zj/la

Step3:在 index.html 模板中使用 url_for 函数生成 URL

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index Page</title>
</head>
<body>
    <div class="index">
        <div class="LA">
            <!-- ************************************************************** -->
            <a href="{{ url_for('zj_la.LA') }}">
                <img src="{{ url_for('static', filename='img/LA.png') }}" alt="LA">
                <p>浙江省xxxx</p>
            </a>
            <!-- ************************************************************** -->
        </div>
    </div>
</body>
</html>
相关推荐
抠头专注python环境配置7 分钟前
Pytorch GPU版本安装保姆级教程
pytorch·python·深度学习·conda
小磊哥er33 分钟前
【办公自动化】如何使用Python自动化处理PDF文档?
python
大模型真好玩34 分钟前
DeepSeek更新!速览DeepSeek V3.1新特性
人工智能·python·mcp
CF14年老兵42 分钟前
Python参数传递:从混沌到明晰的魔法之旅
后端·python·trae
CF14年老兵1 小时前
Python变量与内存:每个新手都需要的灵魂拷问
前端·python·trae
喂完待续10 小时前
【Tech Arch】Spark为何成为大数据引擎之王
大数据·hadoop·python·数据分析·spark·apache·mapreduce
王者鳜錸11 小时前
PYTHON让繁琐的工作自动化-猜数字游戏
python·游戏·自动化
若天明12 小时前
深度学习-计算机视觉-微调 Fine-tune
人工智能·python·深度学习·机器学习·计算机视觉·ai·cnn
倔强青铜三12 小时前
苦练Python第39天:海象操作符 := 的入门、实战与避坑指南
人工智能·python·面试
一百天成为python专家14 小时前
Python循环语句 从入门到精通
开发语言·人工智能·python·opencv·支持向量机·计算机视觉