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：创建蓝图实例、定义蓝图中的路由
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':# 处理表单提交的代码passreturn 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'。：
例如：在后端：@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 中注册蓝图：
from flask import Flask, redirect, url_for, render_template
from routes.ZhejiangProvince.la import zj_la_bpapp = 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
<!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>
相关文章：
Flask目录结构路由重定向简单实例讲解——轻量级的 Python Web 框架
假设一个flask目录结构如下： my_flask_app/ │ ├── app.py ├── routes/ │ ├── __init__.py │ ├── ZhejiangProvince/ │ │ ├── __init__.py │ │ ├── la.py │ │ └── el.py │ ├── GuangdongProvince/ │ │ ├…...
破解PyCharm插件更新难题：让IDE焕发新生
破解PyCharm插件更新难题：让IDE焕发新生 PyCharm作为业界领先的集成开发环境（IDE），其丰富的插件生态是其强大功能的重要来源。然而，插件无法更新的问题可能会困扰许多用户，影响开发体验。本文将详细介绍如…...
cmake常用命令学习
1.include https://blog.csdn.net/qq_38410730/article/details/102677143 CmakeLists.txt才是cmake的正统文件，而.cmake文件是一个模块文件，可以被include到CMakeLists.txt中。 include指令一般用于语句的复用，也就是说，如果有…...
K8S可视化管理平台KubeSphere
什么是 KubeSphere ？ KubeSphere 是一款开源项目，在目前主流容器调度平台 Kubernetes 之上构建的企业级分布式多租户容器管理平台，提供简单易用的操作界面以及向导式操作方式，在降低用户使用容器调度平台学习成本的同时ÿ…...
Bugku-CTF-聪明的php
pass a parameter and maybe the flag files filename is random :> 传递一个参数，可能标记文件的文件名是随机的: 于是传一下参，在原网页后面加上/?a1,发现网页出现了变化 3.传入参数，一般情况下是文件包含，或者命令执行&…...
【MySQL进阶】MySQL主从复制
目录 MySQL主从复制 概念 主从形式 一主多从 多主一从 双主复制 主从级联复制 主从复制原理 三个线程 两个日志文件 主从复制的主要工作模式 异步复制 半同步复制 全同步复制 MySQL主从复制 概念 MySQL主从复制是一种数据分布机制，允许从一个数据库服…...
本地部署文生图模型 Flux
本地部署文生图模型 Flux 0. 引言1. 本地部署1-1. 创建虚拟环境1-2. 安装依赖模块1-3. 创建 Web UI1-4. 启动 Web UI1-5. 访问 Web UI 0. 引言 2024年8月1日，blackforestlabs.ai发布了 FLUX.1 模型套件。 FLUX.1 文本到图像模型套件，该套件定义了文本到…...
谷粒商城实战笔记-127-全文检索-ElasticSearch-整合-测试复杂检索
文章目录 一，使用Elasticsearch的Java RESTHighLevel Client完成复杂的查询请求1. 创建检索请求 (SearchRequest)2. 构造检索条件 (SearchSourceBuilder)3. 执行检索 (SearchResponse)4. 处理解析结果5. 获取聚合信息 二，AI时代的效率提升 一，…...
解锁PyCharm：破解依赖库导入之谜
解锁PyCharm：破解依赖库导入之谜 PyCharm作为Python开发者的强大IDE，提供了丰富的功能来简化开发流程。然而，在使用过程中，开发者可能会遇到导入依赖库时出现的错误。本文将深入探讨PyCharm中导入依赖库报错的问题，并…...
JSON-Viewer插件：json格式查看器
npm install vue-json-viewer 2，main.js 引入 import JsonViewer from vue-json-viewer Vue.use(JsonViewer) 3，组件里写入这个组件 <json-viewer:value"textSecond":expand-depth"5"copyableboxedsort></json-viewer…...
HDFS块信息异常，spark无法读取数据
背景：flume数据落盘到hdfs上时，正在写入的文件一般是以.log.tmp结尾的文件，当flume将文件关闭以后将变为：.log 结尾的文件。由于我们使用阿里云的服务器，经常会有个别节点挂掉(进程在，无法通信，…...
TCP协议概述
TCP（Transmission Control Protocol，传输控制协议）是一种面向连接的、可靠的、基于字节流的传输层通信协议。它由IETF的RFC 793定义，并在各种通信系统中广泛应用，为不同但互连的计算机通信网络的主计算机中的成对进程之…...
SpringSecurity-3（认证和授权+SpringSecurity入门案例+自定义认证+数据库认证）
SpringSecurity使用数据库数据完成认证 5 SpringSecurity使用数据库数据完成认证5.1 认证流程分析5.1.1 UsernamePasswordAuthenticationFilter5.1.2 AuthenticationManager5.1.3 AbstractUserDetailsAuthenticationProvider5.1.4 AbstractUserDetailsAuthenticationProvider中…...
英国AI大学排名
计算机学科英国Top10 “计算机科学与信息系统”学科除了最受关注的“计算机科学”专业，还包括了“人工智能”“软件工程”“计算机金融”等众多分支专业。 1.帝国理工学院 Imperial College London 单以计算机专业本科来讲，仅Computing这个专业&#x…...
渗透测试与高级攻防技术（二）网络安全技术的前沿探讨：渗透测试与高级攻防
文章目录 引言 第一章：入侵检测与防御系统（IDS/IPS）1.1 IDS与IPS的区别1.2 Cisco IDS/IPS系统 第二章：蜜罐技术2.1 蜜罐技术概述2.2 搭建蜜罐系统2.3 蜜罐技术的优缺点 第三章：社会工程攻击3.1 社会工程攻击概述3.2 社…...
Windows系统下安装mujoco环境的教程【原创】
在学习Mujoco仿真的过程中，我先前是在linux系统下进行的研究与学习，今天来试试看在windows系统中安装mujoco仿真环境。 先前在linux中的一些关于mujoco学习记录的博客：Mujoco仿真【xml文件的学习 3】_mujoco打开xml文件-CSDN博客 下面开始wi…...
【秋招笔试】2024-08-03-科大讯飞秋招笔试题(算法岗)-三语言题解(CPP/Python/Java)
🍭 大家好这里是清隆学长 ，一枚热爱算法的程序员 💻 ACM金牌团队🏅️ | 多次AK大厂笔试 ｜ 编程一对一辅导 ✨ 本系列打算持续跟新 秋招笔试题 👏 感谢大家的订阅➕ 和 喜欢💗 ✨ 笔试合集传送们 -> 🧷春秋招笔试合集 🍖 本次题目难度中等偏上，最后一题又是…...
2024华数杯数学建模竞赛选题建议+初步分析
提示：DS C君认为的难度：C<A<B，开放度：A<B<C。 综合评价来看 A题适合对机械臂和机器人运动学感兴趣的同学，尤其是有一定编程和优化算法基础的同学。不建议非相关专业同学选择。 B题挑战较大࿰…...
大模型的经典面试问题及答案
大语言模型（LLM）在人工智能中变得越来越重要，在各个行业都有应用。随着对大语言模型专业人才需求的增长，本文提供了一套全面的面试问题和答案，涵盖了基本概念、先进技术和实际应用。如果你正在为面试做准备，…...
nodejs环境搭建
1.准备工作 将他解压到指定路径（我是在D:\tools）并在解压文件下建立node_global和node_cache这两个目录 注1：新建目录说明（自带的比较难找，较麻烦） node_global：npm全局安装位置 node_cache：npm缓存路径 如图： 2.配置环境变量 …...
wordpress后台更新后 前端没变化的解决方法
使用siteground主机的wordpress网站，会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后，网站没有变化的情况。 不熟悉siteground主机的新手，遇到这个问题，就很抓狂，明明是哪都没操作错误&#x…...
golang循环变量捕获问题
在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - 循环变量捕获问题。让我详细解释一下： 问题背景 看这个代码片段： fo…...
React Native 开发环境搭建（全平台详解）
React Native 开发环境搭建（全平台详解） 在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS…...
练习（含atoi的模拟实现,自定义类型等练习）
一、结构体大小的计算及位段 （结构体大小计算及位段 详解请看：自定义类型：结构体进阶-CSDN博客） 1.在32位系统环境，编译选项为4字节对齐，那么sizeof(A)和sizeof(B)是多少？ #pragma pack(4)st…...
vscode（仍待补充）
写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用 侧边栏 vscode还能连接ssh？ debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...
【项目实战】通过多模态+LangGraph实现PPT生成助手
PPT自动生成系统 基于LangGraph的PPT自动生成系统，可以将Markdown文档自动转换为PPT演示文稿。 功能特点 Markdown解析：自动解析Markdown文档结构PPT模板分析：分析PPT模板的布局和风格智能布局决策：匹配内容与合适的PPT布局自动…...
论文解读：交大港大上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一）
宇树机器人多姿态起立控制强化学习框架论文解析 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一） 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化…...
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个生活电费的缴纳和查询小程序
一、项目初始化与配置 1. 创建项目 ohpm init harmony/utility-payment-app 2. 配置权限 // module.json5 {"requestPermissions": [{"name": "ohos.permission.INTERNET"},{"name": "ohos.permission.GET_NETWORK_INFO"…...
【JavaWeb】Docker项目部署
引言 之前学习了Linux操作系统的常见命令，在Linux上安装软件，以及如何在Linux上部署一个单体项目，大多数同学都会有相同的感受，那就是麻烦。 核心体现在三点： 命令太多了，记不住 软件安装包名字复杂&…...
CVE-2020-17519源码分析与漏洞复现(Flink 任意文件读取)
漏洞概览 漏洞名称：Apache Flink REST API 任意文件读取漏洞CVE编号：CVE-2020-17519CVSS评分：7.5影响版本：Apache Flink 1.11.0、1.11.1、1.11.2修复版本：≥ 1.11.3 或 ≥ 1.12.0漏洞类型：路径遍历&#x…...