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

最新推荐文章于 2024-05-07 11:33:59 发布

再不会AIGC就不礼貌了

最新推荐文章于 2024-05-07 11:33:59 发布

阅读量864

点赞数 16

文章标签： python flask 开发语言前端爬虫 Python入门后端

本文链接：https://blog.csdn.net/Everly_/article/details/135475030

版权

本文介绍了如何使用Python的Flask框架结合Jinja2模板引擎创建动态Web应用，涵盖了变量、控制结构、循环、宏、过滤器、继承和包含等关键概念，帮助读者掌握前后端分离开发的基本技巧。

摘要由CSDN通过智能技术生成

一、概述

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

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

再不会AIGC就不礼貌了

关注

16
点赞
踩
27

收藏

觉得还不错? 一键收藏
0
评论
Python Flask JinJa2 语法介绍与示例讲解

Flask是一个轻量级的Python Web框架，支持Jinja2模板引擎。Jinja2是一个流行的Python模板引擎，它可以使用Flask来创建动态Web应用程序。!!'M全拼为Model，与MVC中的M功能相同，负责和数据库交互，进行数据处理。V全拼为View，与MVC中的C功能相同，接收请求，进行业务处理，返回应答。T全拼为Template，与MVC中的V功能相同，负责封装构造要返回的html。
复制链接

扫一扫