Flask之jinja2

最新推荐文章于 2023-11-26 18:38:56 发布

__tian__

最新推荐文章于 2023-11-26 18:38:56 发布

阅读量513

点赞数 1

分类专栏： Python Road flask 文章标签： Flask jinja2

本文链接：https://blog.csdn.net/T_I_A_N_/article/details/99935007

版权

Python Road 同时被 2 个专栏收录

83 篇文章 1 订阅

订阅专栏

flask

10 篇文章 1 订阅

订阅专栏

1、jinja2的简单使用

类似Django中的模板引擎，渲染模板，jinja2更方便一点

render_template，默认在templates文件夹下

template_folder='templates',

@app.route('/list/')
def my_list():
    return render_template('posts/list.html')

2、传参方式

如果你的参数过多，那么可以将所有的参数放到一个字典中，然后在传这个字典参数的时候，使用两个星号，将字典打散成关键参数。

@app.route('/')
def hello_world():
    context = {
        'username':'zhiliao',
        'age': 18,
        'country': 'china',
        'childrens': {
            'name':'abc',
            'height': 180
        }
    }
    return render_template('index.html',**context)

HTML页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lalal</title>
</head>
<body>
    这是从模版中渲染的数据
    <p>{{ username }}</p>
    <p>{{ age }}</p>
    <p>{{ country }}</p>
    <p>{{ childrens.name }}</p>
    <p>{{ childrens['name'] }}</p>
</body>
</html>

3、使用url_for

类似于Django中模板引擎使用:{%url 'login'%}，找到name=‘login’这个函数的对应的url

Flask中：{% url_for('func') %}，直接找到视图函数名称为‘func’的 url，也可以传递参数

4、过滤器

什么是过滤器？

有时候要在模版中对一些变量进行处理，那么就必须需要类似于Python中的函数一样，可以将这个值传到函数中，然后做一些操作。在模版中，过滤器相当于是一个函数，把当前的变量传入到过滤器中，然后过滤器根据自己的功能，再返回相应的值，之后再将结果渲染到页面中。

基本语法：`{{ variable|过滤器名字 }}`。使用管道符号`|`进行组合

常用的过滤器

abs:绝对值
default:如果当前变量没有值，则会使用参数中的值来替代
escape:转义字符
first:返回一个序列的第一个元素
format:格式化字符串
last:返回一个序列的最后一个元素
length:返回一个序列的长度
join：拼接字符串
safe:关掉转义
int:转为int类型
float:转为浮点类型
lower：转换为小写
upper:转换为大写
replace：替换
truncate：截取length长度的字符串
striptags：删除字符串中所有的html标签，如果出现多个空格，将替换成一个空格
trim：截取字符串前面和后面的空白字符。
string(value)：将变量转换成字符串。
wordcount(s)：计算一个长字符串中单词的个数。

default的使用：

视图函数：

@app.route('/')
def hello_world():

    context = {
       'signature':None   #个性签名
    }
    return render_template('index.html',**context)

index.html

　　<h2>过滤器</h2>
    <p>个性签名：{{ signature|default('此人很懒，没有留下任何说明',boolean=True) }}</p>

自动转义过滤器：
1. `safe`过滤器：可以关闭一个字符串的自动转义。
2. `escape`过滤器：对某一个字符串进行转义。
3. `autoescape`标签，可以对他里面的代码块关闭或开启自动转义。
{% autoescape off/on %}
...代码块
{% endautoescape %}

自定义过滤器：

过滤器本质上就是一个函数。如果在模版中调用这个过滤器，那么就会将这个变量的值作为第一个参数传给过滤器这个函数，然后函数的返回值会作为这个过滤器的返回值。需要使用到一个装饰器：`@app.template_filter('cut')`

@app.template_filter('cut')
def cut(value):
    value = value.replace("hello",'') # 把hello去掉
    return value

自定义时间过滤器：
视图函数：

@app.template_filter('handle_time')
def handle_time(time):
    """
    time距离现在的时间间隔
    1. 如果时间间隔小于1分钟以内，那么就显示“刚刚”
    2. 如果是大于1分钟小于1小时，那么就显示“xx分钟前”
    3. 如果是大于1小时小于24小时，那么就显示“xx小时前”
    4. 如果是大于24小时小于30天以内，那么就显示“xx天前”
    5. 否则就是显示具体的时间 2017/10/20 16:15
    """
    if isinstance(time,datetime):
        now = datetime.now()
        timestamp = (now - time).total_seconds()
        if timestamp < 60:
            return "刚刚"
        elif timestamp>=60 and timestamp < 60*60:
            minutes = timestamp / 60
            return "%s分钟前" % int(minutes)
        elif timestamp >= 60*60 and timestamp < 60*60*24:
            hours = timestamp / (60*60)
            return '%s小时前' % int(hours)
        elif timestamp >= 60*60*24 and timestamp < 60*60*24*30:
            days = timestamp / (60*60*24)
            return "%s天前" % int(days)
        else:
            return time.strftime('%Y/%m/%d %H:%M')
    else:
        return time

index.html

<h2>自定义时间过滤器</h2>
    {{ create_time|handle_time }}

5、if和for的使用

for中包含以下变量，可以用来获取当前的遍历状态

loop.index
loop.index0
loop.first
loop.last
loop.length

if和for简单用法

from flask import Flask,render_template

app = Flask(__name__)
app.config.update({
    'DEBUG':True,
    'TEMPLATES_AUTO_RELOAD':True
})

@app.route('/')
def hello_world():
    context = {
        'age':20,
        'users':['tom','ming','jerry'],
        'person':{
            'name':'tian',
            'age':18
        }
    }
    return render_template('index.html',**context)

if __name__ == '__main__':
    app.run(debug=True)

index.html

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

    {% if age >= 18 %}
        欢迎
    {% else %}
        无权限
    {% endif %}

    <ul>
    {% for user in users %}
        <li>{{ user }}</li>
    {% endfor %}
    </ul>

    <table>
        <thead>
            <tr>
                <th>用户名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                {% for key,value in person.items() %}
                    <td>{{ value }}</td>
                {% endfor %}
            </tr>
        </tbody>
    </table>

</body>
</html>

6、宏的使用和导入

模板中的宏跟python中的函数类似，可以传递参数，但是不能有返回值，可以将一些经常用到的代码片段放到宏中，然后把一些不固定的值抽取出来当成一个变量。使用宏的时候，参数可以为默认值。

{#    定义一个宏，input是宏的名字，里面三个参数，可以指定默认参数值，也可以调用的传参#}
    {% macro input(name="",value="",type="text") %}
        <input name="{{ name }}" value="{{ value }}" type="{{ type }}">
    {% endmacro %}

    <form>
        <p>用户名：{{ input('username') }}</p>
        <p>密码：{{ input('password',type="password" )}}</p>
        <p> {{ input(value="提交",type="submit" )}}</p>

    </form>

导入：

新建macros.html

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

index.html带入

{#第一种#}
{# with context可以把后端传到当前模板的变量传到定义的宏里面#}
{% import "macros.html" as macro with context %}    
{#第二种#}
{% from "macros.html" import input as input_field %}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{#    第一种#}
    <form>
        <p>用户名：{{ macro.input('username') }}</p>
        <p>密码：{{ macro.input('password',type="password" )}}</p>
        <p> {{ macro.input(value="提交",type="submit" )}}</p>
    </form>

{#    第二种#}
     <form>
        <p>用户名：{{ input_field('username') }}</p>
        <p>密码：{{ input_field('password',type="password" )}}</p>
        <p> {{ input_field(value="提交",type="submit" )}}</p>
    </form>

</body>
</html>

7、include使用

这个标签相当于是直接将指定的模版中的代码复制粘贴到当前位置

{% include "common/header.html" %}

8、set、with在模板中自定义变量

1、在模版中，可以使用`set`语句来定义变量

{% set username='tian' %}
<p>用户名：{{ username }}</p>

一旦定义了这个变量，那么在后面的代码中，都可以使用这个变量，就类似于Python的变量定义是一样的。

2、with语句

`with`语句定义的变量，只能在`with`语句块中使用，超过了这个代码块，就不能再使用了。

{% with classroom = 'tian' %}
<p>班级：{{ classroom }}</p>
{% endwith %}

9、加载静态文件

和Django的用法类似，不过不需{%loadstaticfiles%}这个语句

加载静态文件使用的是`url_for`函数。然后第一个参数需要为`static`，第二个参数需要为一个关键字参数`filename='路径'`。

<img src="{{ url_for("static",filename='imgs/buyudaren.jpg') }}" alt="……">

10、模板继承

基本上和Django的用法一样

关键语法：

继承父模板

{% extends "父模板" %}

在父模板中：

{% block block的名字 %}
{% endblock %}

在子模板中：

{% block block的名字 %}
子模板中的代码
{% endblock %}

__tian__

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录