首页 > 编程语言 >Python Flask JinJa2 语法介绍与示例讲解

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

时间:2023-03-15 23:00:09浏览次数:63  
标签:__ name 示例 Python app Flask html 模板

目录

一、概述

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中,可以使用ifforwhile等语句来控制模板中的输出。示例代码如下:

# 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中内置过滤器:https://jinja.palletsprojects.com/en/3.0.x/templates/#filters

过滤器名 解释 举例
abs(value) 返回一个数值的绝对值 {{ -1|abs }}
int(value) 将值转换为int类型 {{ param | int }}
float(value) 将值转换为float类型
string(value) 将变量转换成字符串
default(value,default_value,boolean=false) 如果当前变量没有值,则会使用参数中的值来代替。如果想使用python的形式判断是否为false,则可以传递boolean=true。也可以使用or来替换 {{ name|default('xiaotuo') }}
safe(value) 如果开启了全局转义,那么safe过滤器会将变量关掉转义 {{ content_html|safe }}
escape(value)或e 转义字符,会将<、>等符号转义成HTML中的符号 {{ content|escape或content|e }}
first(value) 返回一个序列的第一个元素 {{ names|first }}
format(value,*arags,**kwargs) 格式化字符串 %s"-"%s"|format('Hello?',"Foo!") }} 输出 Hello?-Fool!
last(value) 返回一个序列的最后一个元素。 {{ names|last }}
length(value) 返回一个序列或者字典的长度。 {{ names|length }}
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 | trim }}
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 Flask JinJa2 语法介绍与示例讲解先就到这里了,有任何疑问欢迎给我留言,后续会持续更新相关技术文章,也可关注的我的公众号【大数据与云原生技术分享】深入技术交流或私信咨询问题~

标签:__,name,示例,Python,app,Flask,html,模板
From: https://www.cnblogs.com/liugp/p/17220546.html

相关文章

  • flask-页面模板渲染JinJa2
    flask用render_template()函数渲染前端页面fromflaskimportFlask,render_templateapp=Flask(__name__)@app.route('/')defindex():returnrender_templa......
  • 基于python实现的抓取腾讯视频所有电影的爬虫
    我搜集了国内10几个电影网站的数据,里面近几十W条记录,用文本没法存,mongodb学习成本非常低,安装、下载、运行起来不会花你5分钟时间。#-*-coding:utf-8-*-importreimport......
  • python应用题 字符填充
    提示代码#请在_______完善代码s=input()print("{_______(1)_________}".format(_______(2)_________))......
  • python爬虫案列08:梨视频爬取一个短视频
    importrequestsfromlxmlimportetreeimportos#拿到视频地址urlurl='https://www.pearvideo.com/video_1160135'#提取url中的cont_id,后面用cont_id=url.sp......
  • flask-快捷路由装饰器
    快捷路由装饰器等价于app.get('/login')app.route('/login',methods=['GET'])app.post('/login')app.route('/login'),methods=['POST'app.put('/login')......
  • python应用题 两点间距离
    提示代码:#请在______处使用一行代码或表达式替换##注意:请不要修改其他已给出代码ntxt=input("")______x1=eval(nls[0])y1=eval(nls[1])x2=eval(nls[2])y2=eval(nls[......
  • python应用题 计算球体表面积和体积
    提示代码:#请在_____完善一行代码PI=3.14r=eval(input())S=______#球体表面积V=______#球体体积print("______".format(S,V))......
  • python库下载方法
    1、pipinstallflash2、pip3install-rrequirements.txt 3、pip3install-rrequirements.txt-ihttp://pypi.douban.com/simple--trusted-hostpypi.douban.com......
  • Python&Pandas学习笔记
    df.locAccessagroupofrowsandcolumnsbylabel(s)orabooleanarray.只能通过标签和布尔值来索取数据df.loc[]与df.iloc[[]]的区别:[]返回一个Series,[[]]......
  • 孤狼老师-接口测试自动化(Python版完整版-接口封装
       高内聚,低耦合; 把GET和Post方法封装:       getattr:   ......