flask踩坑集锦
很久之前用过flask，那时候是跟着教程，教程怎么做我就怎么做，没有仔细考虑过。
现在是全靠文档和搜索一步一步搭建，忘了很多东西，就碰了很多壁，浅浅记录一下子。
1.Jinja2的模板继承，是指抽出每个网页相同的部分，作为base，然后以base为底，在此基础上进行不同页面的展示。
比如，我一个网页设置了导航栏和背景，其他页面都是以此为基础显示不同内容，但是我又不想都写在同一个网页上显得杂乱，故此分离开来，应该是这样使用：
base.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>myWeb</title><link rel="stylesheet" type="text/css" href="../static/css/base.css"><link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css"><script src="../static/js/jquery.min.js"></script><script type="text/javascript" src="../static/js/daterangepicker.js"></script><script type="text/javascript" src="../static/js/bootstrap.bundle.js"></script>
{% block head %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary"><div class="container-fluid"><a class="navbar-brand" href="#">Navbar</a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav" id="myTab"><li class="nav-item"><a class="nav-link active" aria-current="page" href="/">Home</a></li><li class="nav-item"><a class="nav-link" href="/page1">page1</a></li><li class="nav-item"><a class="nav-link" href="/page2">page2</a></li><li class="nav-item"><a class="nav-link" href="/page3">page3</a></li></ul></div></div>
</nav>
{% block content %}{% endblock %}
</body>
<script>
$(document).ready(function () {$("#myTab").find("li").each(function () {var a = $(this).find("a:first")[0];console.log(location.pathname)if ($(a).attr("href") === location.pathname) {$(a).addClass("active");} else {$(a).removeClass("active");}});
});
</script >
</html>可以注意到在这里我设置了两个代码块的区域，分别是block head和block content，这两个地方就是用于其他页面进行继承的，如果要引入只在子页面会用到的js之类，可以在block head里面添加，而页面主体显示部分则是在block content里面，当然我看别人的还把title也用block包裹方便子页面改名，我的业务没有相关需求就没改。
home.html
{% extends "base.html" %}{% block content%}
<p>this is home page</p>
{% endblock %}page1.html
{% extends "base.html" %}{% block content%}
<p>this is page1</p>
{% endblock %}其他的以此类推，这样就不需要重新写一次导航栏也能把不同页面分在不同的HTML文件当中了。
我之前踩的坑主要在于以为不同页面就要继承不同的代码块，在base定义了很多比如block home, block page1, block page2这种，然后再继承，后来发现显示出问题了，才醒悟过来既然显示的地方都一样就没必要新建那么多，都是替换同一块区域就行了，
相关文章：
flask踩坑集锦
很久之前用过flask，那时候是跟着教程，教程怎么做我就怎么做，没有仔细考虑过。 现在是全靠文档和搜索一步一步搭建，忘了很多东西，就碰了很多壁，浅浅记录一下子。 1.Jinja2的模板继承，是指抽出每…...
VulnHub jarbas
🍬 博主介绍👨🎓 博主介绍：大家好，我是 hacker-routing ，很高兴认识大家~ ✨主攻领域：【渗透领域】【应急响应】 【python】 【VulnHub靶场复现】【面试分析】 🎉点赞➕评论➕收藏…...
基因预测软件prodigal的使用
Prodigal是一款常用的基因预测软件，可以用于预测原核生物基因组中的开放阅读框（ORF），并根据不同的编码调用方式（如起始密码子和终止密码子）对其进行注释。 以下是使用Prodigal进行基因预测的步骤ÿ…...
银行存取款系统
题目 一个简单的存取款系统，用户可以选择存钱、取钱、转账、修改密码和退出系统等业务。程序使用了菜单界面来展示业务选项，并根据用户的选择调用相应的函数进行处理。具体功能如下： 登录：实现登录功能，需要输入正确密码才能进入菜单系统。 菜单：显示菜单界面，列出其…...
ConnectionError: HTTPSConnectionPool
ConnectionError: HTTPSConnectionPool(host‘zbbfxstatic.figtingdream.com’, port443): Max retries exceeded with url: /api/cache (Caused by NewConnectionError(‘<urllib3.connection.HTTPSConnection object at 0x00000249795AD9A0>: Failed to establish a ne…...
YOLO系列环境配置及训练
目录 前言 一、下载所需 1、Anaconda安装 2、NVIDIA 驱动程序安装 3、CUDA安装 4、CUDNN下载及配置 二、环境配置 1、虚拟环境创建 2、Pytorch安装 3、pycharm环境切换及剩余库的安装 4、YOLO代码的测试及训练配置步骤 （1）测试 （…...
推荐PHP付费进群源码
PHP付费进群源码带自动定位基于ThinkPHP框架开发的，可以快速搭建知识付费粉丝进群。 更新： 1.首页付款轮播 2.城市定位功能 3.更新及优化域名库及支付设置 4.新增一张图模板设置模式，简化后台模板设置 5.前后台其他优化 演示地址：…...
Maven修改仓库和镜像地址
目录 1、修改仓库地址2、修改镜像地址 1、修改仓库地址 使用IDEA时,如果不指定自己下载的Maven,idea会默认使用自带的Maven 3（bundle)。maven 3默认的仓库路径一般是在c盘的用户文件夹中的.m2目录下： 当maven下的pom文件中的依赖逐渐增加时,maven仓库下…...
【m98】接收udp包到变为CopyOnWriteBuffer的rtp包及call模块传递的过程
RtpTransport::OnReadPacket ice和Dtls 传输的创建及1个简单的SFU转发实例 实例生动的再现了这一过程： 【webrtc】接收/发送的rtp包、编解码的VCM包、CopyOnWriteBuffer 对于m98的代码，进行走读，大体了解到类似的过程： \src\pc\rtp_transport.cc 收到的data指针和长度len 直…...
synchronized 到底锁的是谁？
synchronized 到底锁的是谁？ 修饰方法： 1、静态方法 2、非静态方法，锁住的是方法的调用者 修饰代码块 1、synchronized修饰非静态方法 锁住的是方法的调用者 锁住实例 流程： 1、线程A先拿到synModel对象然后给这个 synModel对象…...
第六章：进制转换与数据存储
系列文章目录 文章目录 系列文章目录前言一、进制二、进制的转换三、原码、反码、补码总结 前言 进制转换是程序员的基本功。 一、进制 进制组成二进制0-1 ，满2进1以0b或0B开头十进制0-9 ，满10进1八进制0-7，满8进1以数字0开头表示十六进制0…...
【微服务】mysql + elasticsearch数据双写设计与实现
目录 一、前言 二、为什么使用mysqles双写 2.1 单用mysql的问题 2.2 为什么不直接使用es 2.2.1 非关系型表达 2.2.2 不支持事务 2.2.3 多字段将造成性能低下 三、mysqles双写方案设计要点 3.1 全新设计 VS 中途调整架构 3.2 全表映射 VS 关键字段存储 3.2.1 最大程度…...
《向量数据库指南》——用了解向量数据库Milvus Cloud搭建高效推荐系统
了解向量数据库 ANN 搜索是关系型数据库无法提供的功能。关系型数据库只能用于处理具有预定义结构、可直接比较值的表格型数据。因此，关系数据库索引也是基于这一点来比较数据。但是 Embedding 向量无法通过这种方式直接相互比较。因为我们不知道向量中的每个值代表什么意思，…...
EtherCAT主站SOEM -- 4 -- SOEM之ethercatprint.h/c文件解析
EtherCAT主站SOEM -- 4 -- SOEM之ethercatprint.h/c文件解析 一 ethercatprint.h/c文件功能预览：二 ethercatprint.h/c 文件的主要函数的作用：2.1.1 char* ec_sdoerror2string(uint32 sdoerrorcode)2.1.2 char* ec_ALstatuscode2string(uint16 ALstatusc…...
Redis01-缓存击穿、穿透和雪崩
目录 开场白-追命3连 使用场景 01缓存穿透场景与方案 02布隆过滤器 03缓存击穿场景与方案 04缓存雪崩场景与方案 开场白-追命3连 看你项目中有说用到Redis，都是哪些场景使用了Redis呢？ 如果发生了缓存穿透、击穿、雪崩如何应对呢？缓存…...
multiple kernel learning（MKL）多核学习
历史上之所以会出现多核学习（MKL）这个词，是因为在深度学习流行起来以前，kernel是处理非线性的默认方法，那个年代优化一个非线性函数不容易，每加一层复杂性可能就需要多设计一个优化算法，MKL就是…...
JS匿名函数之函数表达式与立即执行函数
匿名函数是什么？和具名函数有什么区别？让我为大家介绍一下吧！ 没有名字的函数，无法直接使用 一.函数表达式 将匿名函数赋值给一个变量，并且通过变量名去调用，我们将这个称为函数表达式 语法： …...
WebGL：基础练习 / 简单学习 / demo / canvas3D
一、前置内容 canvas：理解canvas / 基础使用 / 实用demo-CSDN博客 WebGL：开始学习 / 理解 WebGL / WebGL 需要掌握哪些知识 / 应用领域 / 前端值得学WebGL吗_webgl培训-CSDN博客 二、在线运行HTML 用来运行WebGL代码，粘贴--运行ÿ…...
Python基础入门例程44-NP44 判断列表是否为空（条件语句）
最近的博文： Python基础入门例程43-NP43 判断布尔值（条件语句）-CSDN博客 Python基础入门例程42-NP42 公式计算器（运算符）-CSDN博客 Python基础入门例程41-NP41 二进制位运算（运算符）-CSDN博客…...
【每日一题Day369】LC187重复的DNA序列 | 字符串哈希
重复的DNA序列【LC187】 DNA序列 由一系列核苷酸组成，缩写为 A, C, G 和 T.。 例如，"ACGAATTCCG" 是一个 DNA序列 。 在研究 DNA 时，识别 DNA 中的重复序列非常有用。 给定一个表示 DNA序列 的字符串 s ，返回所有在 DNA…...
2025年中国市场SCA工具深度评测：国产化浪潮下的安全新选择
随着数字化转型进入深水区，软件供应链安全已成为企业不可忽视的战略要地。2025年，在信创政策持续深化与国产化替代加速的双重背景下，软件成分分析(SCA)工具作为DevSecOps体系中的关键一环，正迎来前所未有的市场机遇与挑战。这场由…...
瑞斯康达Raisecom交换机VLAN与ERPS实战配置指南
1. 瑞斯康达交换机基础配置入门 第一次接触瑞斯康达交换机的朋友可能会被命令行界面吓到，其实它的操作逻辑和主流厂商设备非常相似。以Gazelle系列交换机为例，默认登录账号密码都是raisecom，这个设计对新手特别友好——至少不用像某些品牌设备…...
STM32光敏传感器实战：从硬件连接到智能路灯控制（附完整代码）
STM32光敏传感器实战：从硬件连接到智能路灯控制（附完整代码） 在物联网和智能家居快速发展的今天，环境光检测已成为许多自动化系统的基础功能。作为一名嵌入式开发者，掌握光敏传感器与STM32微控制器的集成应用ÿ…...
毕业工具怎么选？一张表对比选题、写作、降重、排版、答辩核心功能
从选题到答辩，选对工具能省下80%的无效劳动。本文聚焦毕业全流程各环节的核心功能，帮你快速定位适合自己的工具组合。一、毕业全流程功能总览一个完整的毕业论文写作流程通常包括以下几个阶段，每个阶段都有对应的工具功能可以提效：…...
用什么来搭建知识库（写给小白的LLM工具选型系列：第六篇）
诸神缄默不语-个人技术博文与视频目录 （本文为AI生成，未做人工验证，也未列出参考资料。以后可能会更新） 本文面向小白读者，介绍基于AI的大规模知识库（RAG）的基本原理和常见方案。我们首先用通…...
C语言：数组详解
C语言：数组详解一.数组的基本概念1.基本概念2.主要特性3.基本操作二.数组的创建、初始化与类型1.一维数组的创建2.一维数组的初始化3.数组的类型4.一维数组的常见操作一维数组下标一维数组元素的打印一维数组的输入与输出5.一维数组的内存结构三.多维数组1.基本概念…...
第7章 运算符-7.6 成员运算符
成员运算符用于检查字符串、列表、元组、字典和集合中是否存在指定的元素。表7-6中列出了Python中的成员运算符，在该表中，假设变量a的值为3，变量lt的值为[1,2,3,4]。表7-6 成员运算符运算符描述实例in如果在字符串、列表、元组、字典和集合中…...
7步完整解决Windows 11安装失败：从错误代码到成功激活的高效指南
7步完整解决Windows 11安装失败：从错误代码到成功激活的高效指南 【免费下载链接】MediaCreationTool.bat Universal MCT wrapper script for all Windows 10/11 versions from 1507 to 21H2! 项目地址: https://gitcode.com/gh_mirrors/me/MediaCreationTool.bat…...
Win11 24H2最新绕过OOBE强制登录微软账户的3种方法（附详细步骤）
Windows 11 24H2 本地账户创建终极指南：三种可靠绕过方案详解 每次Windows大版本更新，微软总会给用户带来一些"惊喜"。这次Windows 11 24H2的OOBE（开箱体验）强制要求登录微软账户，让不少注重隐私和习惯使用…...
TCP和UDP可以同时绑定相同的端口吗？
之前有读者在字节面试的时候，被问到：TCP 和 UDP 可以同时监听相同的端口吗？关于端口的知识点，还是挺多可以讲的，比如还可以牵扯到这几个问题：多个 TCP 服务进程可以同时绑定同一个端口吗？客户端…...