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

Python（Web时代）——jinja2模板

news 2026/2/10 19:34:18

简介

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

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

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

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

编程日记 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 依赖（Dependency）概念类图示例代码示例 1.2 关联（Association）概念类图示例代码示例 2. 组合和聚合（特殊的关联关系）2.1 聚合（Aggregation）概念类图示例代…...

编程日记 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. 最小覆盖子串

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

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

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

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

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

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

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

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

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

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

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

java文件

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

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

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

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

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

6925. 故障键盘 - 力扣（LeetCode） 思路：模拟 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年，是一家深耕于大物流领域的人工智能公司，迄今为止已为全球16个国家和地区，120余家客户打造智能化升级体验，场景覆盖海陆空铁、工厂等货运物流领域。该公司使用开源LDAP面临的挑战挑战1 开源…...

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

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

在对log4j.xml配置文件配置时出现http//jakarta.apache.org/log4j/爆红，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 堆和栈的区别：（如果记的不太清楚，可以类比jvm中的堆和栈的区别，大差不差） 存储位置：堆是在计算机内存中动态分配的区域，而栈是在计算机内存中由操作系统自动分配和管理的区域。管理方式&…...

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

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

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

编程日记 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相比有哪些优点吧！ 首先，我们要知道，SQLAlchemy是一个Python的SQL工具包和对象关系映射（ORM）系统，它把Python的面向对象编程（OOP）的理念带入了数…...

编程日记 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

观成科技：隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具，该工具基于TUN接口实现其功能，利用反向TCP/TLS连接建立一条隐蔽的通信信道，支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式，适应复杂网…...

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

centos 7 部署awstats 网站访问检测

一、基础环境准备（两种安装方式都要做） bash # 安装必要依赖 yum install -y httpd perl mod_perl perl-Time-HiRes perl-DateTime systemctl enable httpd # 设置 Apache 开机自启 systemctl start httpd # 启动 Apache二、安装 AWStats&#xff0…...

编程新知 2026/1/23 8:33:56

2.Vue编写一个app

1.src中重要的组成 1.1main.ts // 引入createApp用于创建应用 import { createApp } from "vue"; // 引用App根组件 import App from ./App.vue;createApp(App).mount(#app)1.2 App.vue 其中要写三种标签 <template>  </template>…...

编程新知 2026/1/31 6:04:01

优选算法第十二讲：队列 + 宽搜优先级队列

优选算法第十二讲：队列宽搜 && 优先级队列 1.N叉树的层序遍历2.二叉树的锯齿型层序遍历3.二叉树最大宽度4.在每个树行中找最大值5.优先级队列 -- 最后一块石头的重量6.数据流中的第K大元素7.前K个高频单词8.数据流的中位数 1.N叉树的层序遍历 2.二叉树的锯…...

编程新知 2026/1/20 17:18:59

GitHub 趋势日报 (2025年06月06日)

📊 由 TrendForge 系统生成 | 🌐 https://trendforge.devlive.org/ 🌐 本日报中的项目描述已自动翻译为中文 📈 今日获星趋势图今日获星趋势图 590 cognee 551 onlook 399 project-based-learning 348 build-your-own-x 320 ne…...

编程新知 2026/1/29 5:21:31

探索Selenium：自动化测试的神奇钥匙

目录一、Selenium 是什么1.1 定义与概念1.2 发展历程1.3 功能概述二、Selenium 工作原理剖析2.1 架构组成2.2 工作流程2.3 通信机制三、Selenium 的优势3.1 跨浏览器与平台支持3.2 丰富的语言支持3.3 强大的社区支持四、Selenium 的应用场景4.1 Web 应用自动化测试4.2 数据…...

编程新知 2025/11/19 18:06:51

LangFlow技术架构分析

🔧 LangFlow 的可视化技术栈前端节点编辑器底层框架：基于 （一个现代化的 React 节点绘图库） 功能： 拖拽式构建 LangGraph 状态机实时连线定义节点依赖关系可视化调试循环和分支逻辑与 LangGraph 的深…...

编程新知 2025/6/10 21:26:51

tauri项目，如何在rust端读取电脑环境变量

如果想在前端通过调用来获取环境变量的值，可以通过标准的依赖： std::env::var(name).ok() 想在前端通过调用来获取，可以写一个command函数： #[tauri::command] pub fn get_env_var(name: String) -> Result<String, Stri…...

编程新知 2026/2/6 6:05:11

2025-05-08-deepseek本地化部署

title: 2025-05-08-deepseek 本地化部署 tags: 深度学习程序开发 2025-05-08-deepseek 本地化部署参考博客本地部署 DeepSeek：小白也能轻松搞定！ 如何给本地部署的 DeepSeek 投喂数据，让他更懂你 [实验目的]：理解系统架构与原…...

编程新知 2026/2/4 16:20:49

【版本控制】GitHub Desktop 入门教程与开源协作全流程解析

目录 0 引言1 GitHub Desktop 入门教程1.1 安装与基础配置1.2 核心功能使用指南仓库管理日常开发流程分支管理 2 GitHub 开源协作流程详解2.1 Fork & Pull Request 模型2.2 完整协作流程步骤步骤 1: Fork（创建个人副本）步骤 2: Clone（克隆…...

编程新知 2026/2/5 4:19:27

简介