当前位置： 首页 > news >正文

Python（Web时代）——jinja2模板

news 2026/2/10 23:28:54

简介

Jinja2是Flask框架默认支持的模板引擎，是python的web项目中被广泛应用的一种模板引擎，jinja2的作者与Flask是同一个人。

jinja2具有以下特点：

  • 非常灵活，提供了控制结构、表达式与继承等

  • 性能好

  • 可读性强

渲染一个模板，通过render_template方法即可

语法

引入渲染函数

使用之前需要先通过import 导入

from flask import render_template

注：要将模板文件放置在项目根目录的 templates文件夹中

在Jinja2中，存在三种语法

  • 变量取值 {{ }}

  • 控制结构（逻辑代码） {% %}

  • 注释 {# #}

示例1：变量取值 {{ }}

@app.route("/tmp")
def template_test():name = "我是字符串"num =1mylist = [1,2,3,4]mydict={"name":"张三","age":33}mytuple = (1,2,3,4)return render_template("template.html",name=name,num=num,mylist=mylist,mydict=mydict,mytuple=mytuple)
 

template.html 模板文件 
 

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body><p>字符串：{{ name }}</p><p>数字：{{ num }}</p><p>列表：{{ mylist }}</p><p>列表中的第二个元素：{{ mylist[1] }}</p><p>字典：{{ mydict }}</p><p>字典的name：{{ mydict['name'] }}</p><p>元组：{{ mytuple }}</p><p>元组的第2个元素：{{ mytuple[1] }}</p>
</body>
</html>
 

 

调用结果
 

 

图片
 

 

 

示例2：控制结构 {% %}
 

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body><p>字符串：{{ name }}</p><p>数字：{{ num }}</p><p>列表：{{ mylist }}</p><p>列表中的第二个元素：{{ mylist[1] }}</p><p>字典：{{ mydict }}</p><p>字典的name：{{ mydict['name'] }}</p><p>元组：{{ mytuple }}</p><p>元组的第2个元素：{{ mytuple[1] }}</p>{% if name=='张三' %}条件满足，我是张三{% else %}条件不满足{% endif %}循环列表数据：{% for i in mylist %}{{ i }}{% endfor %}
</body>
</html>
 

 

调用结果
 

 

图片
 

 

 

示例3：注释 {# #}
 

{# 循环列表数据：#}
{% for i in mylist %}{{ i }}
{% endfor %}
 

 

过滤器
 

有些时候需要对要在模板中的变量值做一些特殊处理，比如首字母大写，去掉前后空格、字符串拼接等等，这时就可以使用过滤器。
 

 

过滤器的使用
 

通过  |  来使用过滤器，与Linux中的管道类似
 

 

例如，将字符串的首字母大写
 

<p>{{ name | capitalize }}</p>
 

 

常用的过滤器
 

过滤器说明
safe渲染时值不转义
capitalize首字母大写，其他字母小写
lower所有字母小写
upper所有字母大写
title值中每个单词首字母大写
trim去除首尾空格
striptags渲染时删除掉值中所有HTML标签
  join拼接字符串
  replace替换字符串中的值
  round对数据进行四舍五入
 

 

示例代码
 

@app.route("/tmp2")
def template_test2():name = "harRY"return render_template("template2.html",name=name)
 

 


template2.html
 

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>{# 首字母大写 #}<p>{{ name | capitalize }}</p>{# 单词全小写 #}<p>{{ "Hello World!" | lower }}</p>{# 去除首尾空格 #}<p>{{ " Hello World!  " | trim }}</p>{# 四舍五入取整 #}<p>{{ 1.26 | round }}</p>{# 四舍五入保留2位小数取整 #}<p>{{ 1.2666 | round(2) }}</p>
</body>
</html>
 

 

调用
 

 

图片
 

 

自定义过滤器
 

当遇到现有的过滤无法满足我们的需求时，这时就需要我们自定义一个过滤器了
 

 

自定义过滤器有两种方式
 

方式1：@app.template_filter()
 

# 第一种方式，用作计算字符串长度
@app.template_filter()
def str_len(args):return len(args)
 

 

方式2： 先定义方法，后采用 app.jinja_env.filters
 

# 第二种方式， 去除字符串中的空格
def replace_space(args):return args.replace(" ", "")app.jinja_env.filters['replace_space'] = replace_space
 

 

使用以上自定义的过滤器
 

@app.route("/tmp3")
def template_test3():name = "harRY"aaa="dfs jklf  jffff  "return render_template("template3.html", name=name,aaa=aaa)
 

 

template3.html
 

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body><p>{{ name | str_len }}</p><p>{{ aaa | replace_space }}</p>
</body>
</html>
 

 

输出
 

 

图片
 

 

程序猿与投资生活实录已改名为  程序猿知秋，WX 公众号同款，欢迎关注！! 














相关文章：
















Python（Web时代）——jinja2模板




简介 
Jinja2是Flask框架默认支持的模板引擎&#xff0c;是python的web项目中被广泛应用的一种模板引擎&#xff0c;jinja2的作者与Flask是同一个人。 jinja2具有以下特点&#xff1a; 非常灵活&#xff0c;提供了控制结构、表达式与继承等  性能好  可读性强  
渲染一个模板&a…...






编程日记
2023/8/8 13:19:06



















酷开系统 | 酷开科技，让数据变得更有价值！




身处信息时代&#xff0c;我们每个人时刻都在生成、传递和应用数据&#xff0c;数据已经成为了现代社会中宝贵的资源之一&#xff0c;而在人工智能领域&#xff0c;数据更是被称为人工智能的“燃料”。 
而在AI的发展中&#xff0c;只有拥有高质量、多样性且充分代表性的数据集…...






编程日记
2023/8/8 13:18:05



















uni——tab切换




案例展示 案例代码 
<view class"tablist"><block v-for"(item,index) in tabList" :key"index"><view class"tabItem" :class"current  item.id?active:" click"changeTab(item)">{{item.nam…...






编程日记
2023/8/8 13:17:04



















类图的6种关系和golang应用




文章目录 1. 依赖和关联1.1 依赖&#xff08;Dependency&#xff09;概念类图示例代码示例 1.2 关联&#xff08;Association&#xff09;概念类图示例代码示例 2. 组合和聚合&#xff08;特殊的关联关系&#xff09;2.1 聚合&#xff08;Aggregation&#xff09;概念类图示例代…...






编程日记
2023/8/8 13:16:03



















Linux tar 备忘清单




tar 备忘清单 语法选项创建一个 tar 格式的压缩文件创建压缩后的 tar.gz 存档文件生成压缩率更高的 tar.bz2 文件解压缩 tar 文件解压缩 tar.gz 文件解压缩 tar.bz2 文件列出归档内容从 tar 归档文件中提取单个文件从 tar 归档文件中提取多个文件使用通配符提取文件组添加文件或…...






编程日记
2023/8/8 13:14:59



















76. 最小覆盖子串




题目链接&#xff1a;力扣 解题思路&#xff1a;滑动窗口 
因为只需要最小子串中包含t中的所有字符即可&#xff0c;顺序不重要&#xff0c;所以可以先统计一下 t 中每个字符出现的次数&#xff0c;使用map进行统计&#xff1a; key表示t中的字符&#xff0c;value表示字符的个…...






编程日记
2023/8/8 13:13:57



















科兴未来｜2023“数智未来，聚放神采”医疗科技创新挑战赛




一、赛事亮点 
聚焦前沿神经科学与脑科学领域 
展示优质创新产品、技术、平台与服务 
汇聚学术端、产业端、投资端多维专业视角 
搭建合作交流、产业赋能与生态融合平台 
共话行业发展方向与动态趋势 
二、赛事简介 
2023医疗科技创新挑战赛聚焦于神经科学及脑科学领域的前沿技…...






编程日记
2023/8/8 13:12:56



















第56步 深度学习图像识别：CNN梯度权重类激活映射（TensorFlow）




基于WIN10的64位系统演示 
一、写在前面 
类激活映射&#xff08;Class Activation Mapping&#xff0c;CAM&#xff09;和梯度权重类激活映射&#xff08;Gradient-weighted Class Activation Mapping&#xff0c;Grad-CAM&#xff09;是两种可视化深度学习模型决策过程的技术…...






编程日记
2023/8/8 13:11:53



















云道资本：2023中国氢能源产业-氢制备深度研究报告（附下载）




关于报告的所有内容&#xff0c;公众【营销人星球】获取下载查看 
核心观点 
中国可再生能源消纳能力提升远远滞后于发电占比的提升。大规模的可再生能源发电是实现碳中和的关键一步&#xff0c;但风电、光伏发电间歌性、波动性强&#xff0c;电网消纳压力较大&#xff0c;且电…...






编程日记
2023/8/8 13:10:52



















java文件




一.File类 二.扫描指定目录&#xff0c;并找到名称中包含指定字符的所有普通文件&#xff08;不包含目录&#xff09;&#xff0c;并且后续询问用户是否要删除该文件 
我的代码: 
import java.io.File;
import java.io.IOException;
import java.util.Scanner;public class Tes…...






编程日记
2023/8/8 13:09:49



















pyqt5 如何终止正在执行的线程？




在 PyQt5 中终止正在执行的线程&#xff0c;可以通过一些协调的方法来实现。一般情况下&#xff0c;直接强行终止线程是不安全的&#xff0c;可能会导致资源泄漏或者程序异常。相反&#xff0c;我们可以使用一种协作的方式&#xff0c;通知线程在合适的时候自行退出。 
以下是一…...






编程日记
2023/8/8 13:08:48



















力扣第357场周赛补题




6925. 故障键盘 - 力扣&#xff08;LeetCode&#xff09; 
思路&#xff1a;模拟 class Solution {
public:string finalString(string s) {string res;for(auto c : s){if(c  i) reverse(res.begin(), res.end());else res  c;}return res;}
}; 6953. 判断是否能拆分数组 - 力…...






编程日记
2023/8/8 13:07:46



















Keras指定model.fit()的输出




model.fit()当verbose1的时候会打印出所有指标和loss, 在多输出的情况下更是一团乱麻. 下面是一个可以指定每个epoch训练完的输入指标的方法: 
from keras.callbacks import Callback# Custom callback to display loss only at the end of each epoch
class LossCallback(Call…...






编程日记
2023/8/8 13:06:43



















替换开源LDAP，某科技企业用宁盾目录统一身份，为业务敏捷提供支撑




客户介绍 
某高科技企业成立于2015年&#xff0c;是一家深耕于大物流领域的人工智能公司&#xff0c;迄今为止已为全球16个国家和地区&#xff0c;120余家客户打造智能化升级体验&#xff0c;场景覆盖海陆空铁、工厂等货运物流领域。 该公司使用开源LDAP面临的挑战 
挑战1 
开源…...






编程日记
2023/8/8 13:05:42



















解决log4j.xml的url没有注册问题




在对log4j.xml配置文件配置时出现http//jakarta.apache.org/log4j/爆红&#xff0c;IDEA提示uri is not registered。源代码如下 
<!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">
<log4j:configuration xmlns:log4j"http://jakarta.apache.org/lo…...






编程日记
2023/8/8 13:04:40



















深度思考操作系统面经




1 堆和栈的区别&#xff1a;&#xff08;如果记的不太清楚&#xff0c;可以类比jvm中的堆和栈的区别&#xff0c;大差不差&#xff09; 
存储位置&#xff1a;堆是在计算机内存中动态分配的区域&#xff0c;而栈是在计算机内存中由操作系统自动分配和管理的区域。管理方式&…...






编程日记
2023/8/8 13:03:40



















智慧工地源码：数字孪生智慧工地可视化解决方案




一、智慧工地建设背景 
我国经济发展正从传统粗放式的高速增长阶段&#xff0c;进入高效率、低成本、可持续的中高速增长阶段。随着现代建筑的复杂度和体量等不断增加&#xff0c;施工现场管理的内容越来越多&#xff0c;管理的技术难度和要求在不断提高。传统的施工现场管理模…...






编程日记
2023/8/8 13:02:38



















解决rockchip平台Android13系统以太网设置静态IP保存不了问题




前言 rk平台平Android13系统测试以太网，发现设置静态IP保存不了问题，即设置静态IP以后重启系统，IP又变成动态的了。 
分析  
抓取log发现保存静态IP的时候会打印如下log: 
08-07 06:22:28.377   626   749 D EthernetNetworkFactory: updateInterface, iface: eth0, ipConfi…...






编程日记
2023/8/8 13:01:37



















SQLAlchemy与标准SQL相比有哪些优点？




让我来给你讲讲SQLAlchemy和标准SQL相比有哪些优点吧&#xff01; 
首先&#xff0c;我们要知道&#xff0c;SQLAlchemy是一个Python的SQL工具包和对象关系映射&#xff08;ORM&#xff09;系统&#xff0c;它把Python的面向对象编程&#xff08;OOP&#xff09;的理念带入了数…...






编程日记
2023/8/8 13:00:35



















Zookeeper与Kafka




Zookeeper与Kafka  一、Zookeeper 概述1.Zookeeper 定义2.Zookeeper 工作机制3.Zookeeper 特点4.Zookeeper 数据结构5.Zookeeper 应用场景6.Zookeeper 选举机制 二、部署 Zookeeper 集群1.准备 3 台服务器做 Zookeeper 集群2.安装 Zookeeper3.拷贝配置好的 Zookeeper 配置文件到…...






编程日记
2023/8/8 12:59:34





















深度学习在微纳光子学中的应用




深度学习在微纳光子学中的主要应用方向 
深度学习与微纳光子学的结合主要集中在以下几个方向&#xff1a; 
逆向设计 通过神经网络快速预测微纳结构的光学响应&#xff0c;替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。 
特征提取与优化 从复杂的光学数据中自…...






编程新知
2026/2/10 7:11:42



















日语AI面试高效通关秘籍：专业解读与青柚面试智能助攻




在如今就业市场竞争日益激烈的背景下&#xff0c;越来越多的求职者将目光投向了日本及中日双语岗位。但是&#xff0c;一场日语面试往往让许多人感到步履维艰。你是否也曾因为面试官抛出的“刁钻问题”而心生畏惧&#xff1f;面对生疏的日语交流环境&#xff0c;即便提前恶补了…...






编程新知
2026/2/8 4:37:01



















OpenLayers 可视化之热力图




注&#xff1a;当前使用的是 ol 5.3.0 版本&#xff0c;天地图使用的key请到天地图官网申请&#xff0c;并替换为自己的key 热力图&#xff08;Heatmap&#xff09;又叫热点图&#xff0c;是一种通过特殊高亮显示事物密度分布、变化趋势的数据可视化技术。采用颜色的深浅来显示…...






编程新知
2025/12/9 21:15:58



















Linux 文件类型，目录与路径，文件与目录管理




文件类型 
后面的字符表示文件类型标志 
普通文件&#xff1a;-&#xff08;纯文本文件&#xff0c;二进制文件&#xff0c;数据格式文件&#xff09; 如文本文件、图片、程序文件等。 目录文件&#xff1a;d&#xff08;directory&#xff09; 用来存放其他文件或子目录。 设备…...






编程新知
2026/2/8 20:42:46



















进程地址空间（比特课总结）




一、进程地址空间  
1. 环境变量  1 &#xff09;⽤户级环境变量与系统级环境变量 全局属性&#xff1a;环境变量具有全局属性&#xff0c;会被⼦进程继承。例如当bash启动⼦进程时&#xff0c;环 境变量会⾃动传递给⼦进程。 本地变量限制&#xff1a;本地变量只在当前进程(ba…...






编程新知
2025/11/15 6:48:52



















iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版​分享




平时用 iPhone 的时候&#xff0c;难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵&#xff0c;或者买了二手 iPhone 却被原来的 iCloud 账号锁住&#xff0c;这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...






编程新知
2026/1/29 10:22:28



















将对透视变换后的图像使用Otsu进行阈值化，来分离黑色和白色像素。这句话中的Otsu是什么意思？




Otsu 是一种自动阈值化方法&#xff0c;用于将图像分割为前景和背景。它通过最小化图像的类内方差或等价地最大化类间方差来选择最佳阈值。这种方法特别适用于图像的二值化处理&#xff0c;能够自动确定一个阈值&#xff0c;将图像中的像素分为黑色和白色两类。 
Otsu 方法的原…...






编程新知
2026/1/9 19:36:58



















HTML前端开发：JavaScript 常用事件详解




作为前端开发的核心&#xff0c;JavaScript 事件是用户与网页交互的基础。以下是常见事件的详细说明和用法示例&#xff1a; 1. onclick - 点击事件 
当元素被单击时触发&#xff08;左键点击&#xff09; 
button.onclick  function() {alert("按钮被点击了&#xff01;&…...






编程新知
2025/11/10 10:45:11



















【论文阅读28】-CNN-BiLSTM-Attention-（2024）




本文把滑坡位移序列拆开、筛优质因子&#xff0c;再用 CNN-BiLSTM-Attention 来动态预测每个子序列&#xff0c;最后重构出总位移&#xff0c;预测效果超越传统模型。 文章目录 1 引言2 方法2.1 位移时间序列加性模型2.2 变分模态分解 (VMD) 具体步骤2.3.1 样本熵&#xff08;S…...






编程新知
2026/2/2 3:06:53



















有限自动机到正规文法转换器v1.0




1 项目简介 
这是一个功能强大的有限自动机&#xff08;Finite Automaton, FA&#xff09;到正规文法&#xff08;Regular Grammar&#xff09;转换器&#xff0c;它配备了一个直观且完整的图形用户界面&#xff0c;使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...






编程新知
2026/1/31 13:13:32