Jinja2模板语言

Posted 2021-01-12 glh-ty

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jinja2模板语言相关的知识，希望对你有一定的参考价值。

一，基本使用

flask中默认使用的jinja2模板语言；与django模板语言一样，都是 {{ }} 和 {% %}

1 ，Jinja2模板中的流程控制:

Jinja2模板语言中的 for

{% for foo in g %}

{% endfor %}

Jinja2模板语言中的 if

{% if g %}

{% elif g %}
    
{% else %}
    
{% endif %}

2，取值方式

字典：可以使用点的方式，还可以使用字典的get("xx"), name["xx"]的方式
列表：支持obj.0和obj[0]的方式取值

注意：**{}字典的方式传递参数

@app.route("/allstudent")
def all_student():
    return render_template("all_student.html", **{"student":STUDENT ,
                           "student_list" : STUDENT_LIST,
                           "student_dict": STUDENT_DICT})

相当于以关键字的方式传递模板语言中，那么前端就可以之间{{obj}}取值了

二，高阶使用

1，safe

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route("/")
def index():
    tag = "<input type=‘text‘ name=‘user‘ value=‘eee‘>"
    return render_template("index.html",tag=tag)  # 后端也可以直接使用Markup(tag)包起来，处理

app.run("0.0.0.0",5000)

前端处理：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ tag | safe}}  <!--  加上个   管道符,然后 safe  -->
</body>
</html>

前端代码

2 在Jinja2中执行Python函数(模板中执行函数)

首先在文件中定义一个函数

后端代码:

from flask import Flask
from flask import render_template
from flask import Markup  # 导入 flask 中的 Markup 模块

app = Flask(__name__)

#定义一个函数,把它传递给前端
def a_b_sum(a,b):
    return a+b

@app.route("/")
def index():
    return render_template("index.html", tag=a_b_sum)


app.run("0.0.0.0", 5000, debug=True)

前端代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ tag }}
    <br>
    {{ tag(99,1) }}
</body>
</html>

技术分享图片

还可以定义全局函数,无需后端传递给前端,Jinja2直接就可以执行的函数

后端代码:

@app.template_global()  # 把该函数放在全局，每个模板都可以用
def my_add(*args):
    return sum(args)


@app.template_filter()
def oushu_filter(num):
    if num % 2 == 0:
        return "{}是偶数".format(num)
    return "{}是奇数".format(num)

前端代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
后端传过来的函数，模板调用执行的结果：
{#{{ func(1, 2, 3, 4) }}#}
{{ my_add(1, 2, 4, 5) }}

<p>筛选函数的结果:{{ my_add(1, 2, 4, 8) | oushu_filter }}</p>
</body>
</html>

3 Jinja2模板复用 block

如果我们前端页面有大量重复页面,没必要每次都写,可以使用模板复用的方式复用模板

前端代码:

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
这个页面是大家共有的：可以继承这个页面简化代码
标题
不同的地方使用block
<div>
    {% block my_block_test %}

    {% endblock my_block_test %}
</div>
</body>
</html>

extent_test.html

{% extends "base.html" %}

{% block my_block_test %}

      <h1>巴拉巴拉</h1>    

{% endblock %}

4 Jinja2模板语言的模块引用 include

<form>
    用户名:<input type="text" name="user">
    密码:<input type="text" name="pwd">
</form>

index.html 文件中的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>Welcome</h1>
    <h2>下面的内容是不一样的</h2>
    {% include "login.html" %}
    <h2>上面的内容是不一样的,但是下面的内容是一样的</h2>
    <h1>fffff</h1>
</body>
</html>

5 Jinja2模板语言中的宏定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1>Welcome</h1>

{% macro type_text(name,type) %}
    <input type="{{ type }}" name="{{ name }}" value="{{ name }}">
{% endmacro %}

<h2>在下方是使用宏来生成input标签</h2>

{{ type_text("one","text") }}
{{ type_text("two","text") }}

</body>
</html>