Python Flask JinJa2 语法介绍与示例讲解

news2024/11/18 6:04:29

一、概述

Flask是一个轻量级的Python Web框架，支持Jinja2模板引擎。Jinja2是一个流行的Python模板引擎，它可以使用Flask来创建动态Web应用程序。

web 页面一般需要html、css和js，可能最开始学习python web的时候可能这样写：

from flask import Flask
 
app = Flask(__name__)
 
@app.route('/')
def hello():
    return '<h1>hello</h1><p style="color:red">hello world!!!</p>'
 
if __name__ == '__main__':
	app.run(host='0.0.0.0', port=8000, debug=True)

上面的代码虽然也可以执行，但是不美观，现在编程基本上都是前后端分离，不会在后端代理嵌入前端的代码，为了实现前后端分离，使用MVT设计方案：

  • M 全拼为 Model，与MVC中的M功能相同，负责和数据库交互，进行数据处理。

  • V 全拼为 View，与MVC中的C功能相同，接收请求，进行业务处理，返回应答。

  • T 全拼为 Template，与MVC中的V功能相同，负责封装构造要返回的html。

在这里插入图片描述

二、JinJa2 语法介绍与示例讲解

JinJa2 语法介绍与示例讲解：

1）变量

在Jinja2中，使用{{ }}来包含一个变量。在Flask中，可以通过将变量传递给模板来显示它们。示例代码如下：

# variable.py
# Flask中将变量传递给模板
from flask import Flask, render_template

app = Flask(__name__)
# 也可指定模板目录
# app = Flask(__name__, template_folder="/opt/python-projects/flask")

@app.route('/')
def hello():
    name = "Alice"
    return render_template('variable.html', name=name)

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

在上面的代码中，将变量 name 传递给 hello.html 模板。

<!-- templates/variable.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>variable</title>
</head>
<body>
    <h1>hello {{ name }}!</h1>
</body>
</html>

执行

python3 variable.py

访问

curl http://192.168.182.110:8000/

2）控制结构

在Jinja2中，可以使用if、for和while等语句来控制模板中的输出。示例代码如下：

# if.py
# Flask中使用if控制结构
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    user = {"name": "Alice", "age": 25}
    return render_template('if.html', user=user)

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

templates/if.html 模板文件

<!-- if.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    {% if user %}
        {% if user.age >= 18 %}
            <h1>Hello {{ user.name }}, you are an adult!</h1>
        {% else %}
            <h1>Hello {{ user.name }}, you are a minor!</h1>
        {% endif %}
    {% else %}
        <h1>Hello, anonymous user!</h1>
    {% endif %}
</body>
</html>

在上面的代码中，使用if语句来控制输出，根据用户的年龄显示不同的消息。

3）循环结构

在Jinja2中，可以使用 for 语句来循环输出模板中的内容。示例代码如下：

# for.py
# Flask中使用for循环结构
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    users = [{"name": "Alice", "age": 25}, {"name": "Bob", "age": 30}]
    return render_template('for.html', users=users)

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

templates/for.html 模板文件

<!-- for.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    {% for user in users %}
        <h1>Hello {{ user.name }}!</h1>
        <p>You are {{ user.age }} years old.</p>
    {% endfor %}
</body>
</html>

在上面的代码中，使用 for 循环来遍历用户列表，并输出每个用户的信息。

4）宏

在Jinja2中，可以使用宏来定义一段可以重复使用的代码块，示例代码如下：

# great.py
# Flask中使用宏
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    users = [{"name": "Alice", "age": 25}, {"name": "Bob", "age": 30}]
    return render_template('great.html', users=users)

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

定义一个宏 templates/macros.html 模板

# 定义一个宏
{% macro print_user(user) %}
    <h1>Hello {{ user.name }}!</h1>
    <p>You are {{ user.age }} years old.</p>
{% endmacro %}

在上面的代码中，定义了一个名为 print_user 的宏，在模板中可以通过 import 导入宏，并使用宏来输出用户信息。模板 templates/great.html

<!-- great.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    {% for user in users %}
        {% import 'macros.html' as macros %}
        {{ macros.print_user(user) }}
    {% endfor %}
</body>
</html>

在上面的代码中，定义了一个名为print_user的宏，用于输出用户信息。

5）过滤器

在Jinja2中，过滤器可以对变量进行处理，例如格式化日期、转换大小写等。示例代码如下：

# filter.py
# Flask中使用过滤器
from flask import Flask, render_template
import datetime

app = Flask(__name__)

@app.route('/')
def hello():
    now = datetime.datetime.now()
    return render_template('filter.html', now=now)

# 自定义过滤器
@app.template_filter('datetimeformat')
def datetimeformat(value, format='%Y-%m-%d %H:%M:%S'):
    return value.strftime(format)

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

模板文件 templates/filter.html

<!-- filter.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    <p>The current date and time is: {{ now|datetimeformat }}</p>
</body>
</html>

在上面的代码中，定义了一个名为 datetimeformat 的过滤器，用于格式化日期和时间。这里是自定义过滤器，其实 JinJa2 也内置了一些过滤器。Jinja2中内置过滤器：jinja.palletsprojects.com/en/3.0.x/te…

过滤器名解释举例
abs(value)返回一个数值的绝对值{{ -1
int(value)将值转换为int类型{{ param
float(value)将值转换为float类型
string(value)将变量转换成字符串
default(value,default_value,boolean=false)如果当前变量没有值，则会使用参数中的值来代替。如果想使用python的形式判断是否为false，则可以传递boolean=true。也可以使用or来替换{{ name
safe(value)如果开启了全局转义，那么safe过滤器会将变量关掉转义{{ content_html
escape(value)或e转义字符，会将<、>等符号转义成HTML中的符号{{ content
first(value)返回一个序列的第一个元素{{ names
format(value,*arags,**kwargs)格式化字符串%s"-“%s”
last(value)返回一个序列的最后一个元素。{{ names
length(value)返回一个序列或者字典的长度。{{ names
join(value,d=‘+’)将一个序列用d这个参数的值拼接成字符串
lower(value)将字符串转换为小写
upper(value)将字符串转换为小写
replace(value,old,new)替换将old替换为new的字符串
truncate(value,length=255,killwords=False)截取length长度的字符串
striptags(value)删除字符串中所有的HTML标签，如果出现多个空格，将替换成一个空格
trim截取字符串前面和后面的空白字符{{ str123
wordcount(s)计算一个长字符串中单词的个数

6）继承

在Jinja2中，可以使用继承来创建一个包含共同元素的模板，并通过继承该模板来创建更具体的模板。示例代码如下：

# extend.py
# Flask中使用继承
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    return render_template('extend.html')

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

模板文件 templates/base.html

<!-- base.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>

模板文件 templates/extend.html

<!-- extend.html模板 -->
{% extends "base.html" %}

{% block title %}Hello{% endblock %}

{% block content %}
    <h1>Hello World!</h1>
{% endblock %}

在上面的代码中，定义了一个名为 base.html 的模板，并在 extend.html 模板中继承了该模板。extend.html 模板中可以重写 base.html 模板中的块，并在其中添加新的内容。

7）包含

在Jinja2中，可以使用包含来将一个模板包含到另一个模板中。示例代码如下：

# contain.py
# Flask中使用包含
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    return render_template('contain.html')

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8000, debug=True)

模板文件 templates/contain.html

<!-- contain.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
    {% include "footer.html" %}
</body>
</html>

模板文件 templates/footer.html

<!-- footer.html模板 -->
<footer>
    <p>&copy; 2023</p>
</footer>

在上面的代码中，定义了一个名为 footer.html 的模板，并在 contain.html 模板中使用包含将 footer.html 模板包含到页面底部。这样，可以避免在每个页面中重复添加相同的页脚。

本文介绍了Python Flask Jinja2语法的基础知识，包括变量、控制结构、循环结构和宏等，还包括过滤器、继承和包含等高级功能。使用这些功能，可以更方便地开发动态的Web应用程序。使用这些基础知识，可以快速开发动态的Web应用程序。

如果你对Python感兴趣，想要学习python，这里给大家分享一份Python全套学习资料，都是我自己学习时整理的，希望可以帮到你，一起加油！

😝有需要的小伙伴，可以V扫描下方二维码免费领取🆓

​

1️⃣零基础入门

① 学习路线

对于从来没有接触过Python的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。
在这里插入图片描述

② 路线对应学习视频

还有很多适合0基础入门的学习视频，有了这些视频，轻轻松松上手Python~
在这里插入图片描述

③练习题

每节视频课后，都有对应的练习题哦，可以检验学习成果哈哈！
在这里插入图片描述

2️⃣国内外Python书籍、文档

① 文档和书籍资料

在这里插入图片描述

3️⃣Python工具包+项目源码合集

①Python工具包

学习Python常用的开发软件都在这里了！每个都有详细的安装教程，保证你可以安装成功哦！
在这里插入图片描述

②Python实战案例

光学理论是没用的，要学会跟着一起敲代码，动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。100+实战案例源码等你来拿！
在这里插入图片描述

③Python小游戏源码

如果觉得上面的实战案例有点枯燥，可以试试自己用Python编写小游戏，让你的学习过程中增添一点趣味！
在这里插入图片描述

4️⃣Python面试题

我们学会了Python之后，有了技能就可以出去找工作啦！下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。
在这里插入图片描述
在这里插入图片描述

上述所有资料 ⚡️ ，朋友们如果有需要的，可以扫描下方👇👇👇二维码免费领取🆓
​

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1368152.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

SpringBoot+策略模式实现多种文件存储模式

SpringBoot+策略模式实现多种文件存储模式

一、策略模式 背景 针对某种业务可能存在多种实现方式&#xff1b;传统方式是通过传统if…else…或者switch代码判断&#xff1b; 弊端&#xff1a; 代码可读性差扩展性差难以维护 策略模式简介 策略模式是一种行为型模式&#xff0c;它将对象和行为分开&#xff0c;将行…
阅读更多...
4.6 BOUNDARY CHECKS

4.6 BOUNDARY CHECKS

我们现在扩展了tile矩阵乘法内核&#xff0c;以处理具有任意宽度的矩阵。扩展必须允许内核正确处理宽度不是tile宽度倍数的矩阵。通过更改图4.14中的示例至33 M、N和P矩阵&#xff0c;图4.18创建了矩阵的宽度为3&#xff0c;不是tile宽度&#xff08;2&#xff09;的倍数。图4.…
阅读更多...
服务器宕机怎么办？怎么预防宕机？

服务器宕机怎么办？怎么预防宕机？

相信不少用户会听到或者在文章中提到电脑宕机或者服务器宕机&#xff0c;不少用户对宕机的意思不太理解。那么服务器宕机是什么意思&#xff1f; 宕机属于计算机的术语&#xff0c;指电脑或者服务器不能正常工作。口语中我们简单的把停掉机器叫做down机&#xff0c;转换为汉字是…
阅读更多...
九、分布式锁 —— 超详细操作演示！！！

九、分布式锁 —— 超详细操作演示！！！

九、分布式锁 —— 超详细操作演示&#xff01; 九、分布式锁9.1 分布式锁的工作原理9.2 问题引入9.2.1 场景9.2.2 实现9.2.3 分析 9.3 setnx 实现方式9.3.1 原理9.3.2 实现9.3.3 问题 9.4 为锁添加过期时间9.4.1 原理9.4.2 实现9.4.3 问题 9.5 为锁添加标识9.5.1 原理9.5.2 实…
阅读更多...
揭秘阿里自研搜索引擎 Havenask 在线检索服务

揭秘阿里自研搜索引擎 Havenask 在线检索服务

作者&#xff1a;谷深 Havenask 是阿里巴巴智能引擎事业部自研的开源高性能搜索引擎&#xff0c;深度支持了包括淘宝、天猫、菜鸟、高德、饿了么在内几乎整个阿里的搜索业务。本文针对性介绍了 Havenask 的在线服务&#xff0c;它具备高可用、高时效、低成本的优势&#xff0c;…
阅读更多...
计算机网络学习笔记(四)

计算机网络学习笔记(四)

文章目录 1.介绍一下HTTPS的流程。2.介绍一下HTTP的失败码。3.说一说你知道的http状态码。4. 301和302有什么区别&#xff1f;5.302和304有什么区别&#xff1f;6. 请描述一次完整的HTTP请求的过程。7.什么是重定向&#xff1f;8. 重定向和请求转发有什么区别&#xff1f;9.介绍…
阅读更多...
电子学会C/C++编程等级考试2023年12月（四级）真题解析

电子学会C/C++编程等级考试2023年12月（四级）真题解析

C/C++编程（1~8级）全部真题・点这里 第1题：移动路线 桌子上有一个m行n列的方格矩阵，将每个方格用坐标表示，行坐标从下到上依次递增，列坐标从左至右依次递增，左下角方格的坐标为(1,1)，则右上角方格的坐标为(m,n)。 小明是个调皮的孩子，一天他捉来一只蚂蚁，不小心把蚂蚁…
阅读更多...
如何让ArcGIS Pro启动显示空白页面

如何让ArcGIS Pro启动显示空白页面

刚接触ArcGIS Pro的你是否会觉得在操作上有那么一些不习惯&#xff0c;从一开始软件启动就发现和ArcGIS差距很大&#xff1a;丰富的欢迎页面&#xff0c;加上默认加载的地图让你眼花缭乱&#xff0c;这里教你如何去掉这些繁杂的内容&#xff0c;还你一个干净的启动页面。 跳过…
阅读更多...
2024年远控软件年度盘点：安全、稳定、功能之选

2024年远控软件年度盘点：安全、稳定、功能之选

这目录 前言2024年热门远控软件ToDesk向日葵TeamViewerAnyDeskSplashtopAirDroidChrome Remote DesktopMicrosoft远程桌面RayLinkParallels Access 远程控制软件如何选择&#xff1f;1、功能性2、安全性3、易用性4、稳定性 未来展望与建议结语 前言 随着信息技术不断发展&…
阅读更多...
setup 语法糖

setup 语法糖

只有vue3.2以上版本可以使用 优点&#xff1a; 更少的样板内容&#xff0c;更简洁的代码 能够使用纯 Typescript 声明props 和抛出事件 更好的运行时性能 更好的IDE类型推断性能 在sciprt标识上加上setup 顶层绑定都可以使用 不需要return &#xff0c;可以直接使用 使用组件…
阅读更多...
java多线程-实现多线程（一）

java多线程-实现多线程（一）

目录 1.1 进程 1.2 线程 1.3 多线程的实现方式 ​编辑 方式1&#xff08;继承Thread类&#xff09; 1.1 进程 是正在运行的程序是系统进行资源分配和调用的独立单位每一个进程都有它自己的内存空间和系统资源 1.2 线程 线程是进程中的单个顺序控制流&#xff0c;是一条执…
阅读更多...
802.1X（HCIP）

802.1X（HCIP）

目录 一、802.1X协议概述 1、802.1X协议概述 2、802.1X基本概念 认证模式 认证方式 端口控制方式 3、802.1X认证触发机制 客户端主动触发 设备端主动触发&#xff08;用于支持不能主动发送EAPOL-Start报文的客户端&#xff09; 4、EAP体系结构 5、EAP报文封装结构 6…
阅读更多...
基于Django框架的旅游推荐系统构建-计算机毕业设计源码82884

基于Django框架的旅游推荐系统构建-计算机毕业设计源码82884

摘 要 随着社会的快速发展和人们生活水平的不断提高&#xff0c;旅游已逐渐成为人们生活的重要组成部分&#xff0c;用户能够获取旅游信息的渠道也随信息技术的广泛应用而增加。大量未经过滤的信息在展示给用户的同时&#xff0c;也淹没了用户真正感兴趣的信息。为了方便用户快…
阅读更多...
05、Kafka ------ 各个功能的作用解释（主题和分区 详解，用命令行和图形界面创建主题和查看主题）

05、Kafka ------ 各个功能的作用解释（主题和分区 详解，用命令行和图形界面创建主题和查看主题）

目录 CMAK 各个功能的作用解释&#xff08;主题&#xff09;★ 主题★ 分区★ 创建主题&#xff1a;★ 列出和查看主题 CMAK 各个功能的作用解释&#xff08;主题&#xff09; ★ 主题 Kafka 主题虽然也叫 topic&#xff0c;但它和 Pub-Sub 消息模型中 topic 主题及 AMQP 的 t…
阅读更多...
通义千问协助分析openHarmony内核编译故障记录

通义千问协助分析openHarmony内核编译故障记录

drivers/hdf/khdf/manager/../../../..//framework/utils/src/hdf_sbuf.c:271:6: 错误&#xff1a; ‘-mgeneral-regs-only’ is incompatible with floating-point argument 这个编译错误提示指出&#xff0c;在编译源文件 "hdf_sbuf.c"&#xff08;位于 "driv…
阅读更多...
【UE Niagara学习笔记】03 - 火焰喷射效果

【UE Niagara学习笔记】03 - 火焰喷射效果

目录 效果 步骤 一、创建粒子系统 二、制作火焰动画 三、改为GPU粒子 四、循环播放粒子动画 五、火焰喷射效果雏形 六、火焰颜色 效果 步骤 一、创建粒子系统 1. 新建一个Niagara系统&#xff0c;选择模板 命名为“NS_Flame_Thrower”&#xff08;火焰喷射&#…
阅读更多...
海康威视 spon IP网络对讲广播系统任意文件上传漏洞

海康威视 spon IP网络对讲广播系统任意文件上传漏洞

产品介绍 海康威视IP网络对讲广播系统采用领先的IPAudio™技术,将音频信号以数据包形式在局域网和广域网上进行传送,是一套纯数字传输系统。 漏洞描述 spon IP网络对讲广播系统存在任意文件上传漏洞&#xff0c;攻击者可以通过构造特殊请求包上传恶意后门文件&#xff0c;从…
阅读更多...
图解JVM (及一些垃圾回收\GC相关面试题 持续更新)

图解JVM (及一些垃圾回收\GC相关面试题 持续更新)

垃圾回收&#xff0c;顾名思义就是释放垃圾占用的空间&#xff0c;从而提升程序性能&#xff0c;防止内存泄露。当一个对象不再被需要时&#xff0c;该对象就需要被回收并释放空间。 Java 内存运行时数据区域包括程序计数器、虚拟机栈、本地方法栈、堆等区域。其中&#xff0c;…
阅读更多...
PLC期末速成——顺序功能图转梯形图

PLC期末速成——顺序功能图转梯形图

一、根据顺序功能图写出梯形图程序 顺序功能图&#xff1a; 梯形图&#xff1a; 1、程序段1&#xff0c;系统运行标志M0.0的启-保-停控制电路。 2、程序段2&#xff0c;PLC上电与逆行&#xff0c;初始化脉冲M1.0激活初始化步M2.0。 3、程序段3&#xff0c;当M2.0初始化步为活…
阅读更多...
Ubuntu 18.04.5 LTS 解决安装包复杂依赖相关问题解决的主要法则和VIM的安装实录

Ubuntu 18.04.5 LTS 解决安装包复杂依赖相关问题解决的主要法则和VIM的安装实录

前言&#xff1a;目标和环境 环境&#xff1a; Ubuntu 18.04.5 LTSVMware 目标&#xff1a; 安装vim&#xff0c;解决包依赖的冲突&#xff1a; 本文&#xff0c;通过一个很好的实例&#xff0c;诠释了&#xff0c;LINUX系统下&#xff0c;安装一个应用遇到的依赖库问题如何…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023