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…...
SpringBoot-17-MyBatis动态SQL标签之常用标签
文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...
JavaSec-RCE
简介 RCE(Remote Code Execution)，可以分为:命令注入(Command Injection)、代码注入(Code Injection) 代码注入 1.漏洞场景：Groovy代码注入 Groovy是一种基于JVM的动态语言，语法简洁，支持闭包、动态类型和Java互操作性，…...
深入剖析AI大模型：大模型时代的 Prompt 工程全解析
今天聊的内容，我认为是AI开发里面非常重要的内容。它在AI开发里无处不在，当你对 AI 助手说 "用李白的风格写一首关于人工智能的诗"，或者让翻译模型 "将这段合同翻译成商务日语" 时，输入的这句话就是 Prompt。…...
CTF show Web 红包题第六弹
提示 1.不是SQL注入 2.需要找关键源码 思路 进入页面发现是一个登录框，很难让人不联想到SQL注入，但提示都说了不是SQL注入，所以就不往这方面想了 先查看一下网页源码，发现一段JavaScript代码，有一个关键类ctfs…...
《Qt C++ 与 OpenCV：解锁视频播放程序设计的奥秘》
引言：探索视频播放程序设计之旅 在当今数字化时代，多媒体应用已渗透到我们生活的方方面面，从日常的视频娱乐到专业的视频监控、视频会议系统，视频播放程序作为多媒体应用的核心组成部分，扮演着至关重要的角色。无论是在个人电脑、移动设备还是智能电视等平台上，用户都期望…...
前端倒计时误差!
提示：记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 前几天听说公司某个项…...
UDP(Echoserver)
网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法：netstat [选项] 功能：查看网络状态 常用选项： n 拒绝显示别名&#…...
电脑插入多块移动硬盘后经常出现卡顿和蓝屏
当电脑在插入多块移动硬盘后频繁出现卡顿和蓝屏问题时，可能涉及硬件资源冲突、驱动兼容性、供电不足或系统设置等多方面原因。以下是逐步排查和解决方案： 1. 检查电源供电问题 问题原因：多块移动硬盘同时运行可能导致USB接口供电不足&#x…...
el-switch文字内置
el-switch文字内置 效果 vue <div style"color:#ffffff;font-size:14px;float:left;margin-bottom:5px;margin-right:5px;">自动加载</div> <el-switch v-model"value" active-color"#3E99FB" inactive-color"#DCDFE6"…...
Spring Boot面试题精选汇总
🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息 文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...