正文

Jinja2 模板用法

譬如朝露 V管理员/ / 0 评论/ 1387阅读
04 02

1. 语法

在jinja2中，存在三种语法：

  1. 控制结构 {% %}

  2. 变量取值 {{ }}

  3. 注释 {# #}

2. 过滤器

safe:      渲染时值不转义
capitialize:   把值的首字母转换成大写，其他子母转换为小写
lower:    把值转换成小写形式
upper:    把值转换成大写形式
title:    把值中每个单词的首字母都转换成大写
trim:      把值的首尾空格去掉
striptags:    渲染之前把值中所有的HTML标签都删掉
join:      拼接多个值为字符串
replace:      替换字符串的值
round:  默认对数字进行四舍五入，也可以用参数进行控制
int:       把值转换成整型

那么如何使用这些过滤器呢？ 只需要在变量后面使用管道(|)分割，多个过滤器可以链式调用，前一个过滤器的输出会作为后一个过滤器的输入。

{{ 'abc' | captialize  }}
# Abc
 
{{ 'abc' | upper  }}
# ABC
 
{{ 'hello world' | title  }}
# Hello World
 
{{ "hello world" | replace('world','daxin') | upper }}
# HELLO DAXIN
 
{{ 18.18 | round | int }}
# 18

3. for循环

  迭代字典

<ul>
    {% for  key,value in data.items() %}
        <li>{{key}},{{value}}</li>
    {% endfor %}

</ul>

迭代列表

<ul>
{% for user in users %}
<li>{{ user.username|title }}</li>
{% endfor %}
</ul>

4. 宏

宏类似于Python中的函数，我们在宏中定义行为，还可以进行传递参数，就像Python中的函数一样一样儿的。

在宏中定义一个宏的关键字是macro，后面跟其 宏的名称和参数等

{% macro input(name,age=18) %}   # 参数age的默认值为18
 
 <input type='text' name="{{ name }}" value="{{ age }}" >
 
{% endmacro %}

调用方法也和Python的类似

<p>{{ input('daxin') }} </p>
<p>{{ input('daxin',age=20) }} </p>

5. 继承和super函数

jinja2中最强大的部分就是模板继承。模板继承允许我们创建一个基本(骨架)文件，其他文件从该骨架文件继承，然后针对自己需要的地方进行修改。

jinja2的骨架文件中，利用block关键字表示其包涵的内容可以进行修改。

以下面的骨架文件base.html为例：

<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
    <link rel="stylesheet" href="style.css"/>
    <title>{% block title %}{% endblock %} - My Webpage</title>
    {% endblock %}
</head>
<body>
    <div id="content">
        {% block content %}{% endblock %}
    </div>
    <div id="footer">
        {% block footer %}
        <script>This is javascript code </script>
        {% endblock %}
    </div>
</body>
</html>

这里定义了四处 block，即：head，title，content，footer。那怎么进行继承和变量替换呢？注意看下面的文件

{% extend "base.html" %}       # 继承base.html文件
 
{% block title %} Dachenzi {% endblock %}   # 定制title部分的内容
 
{% block head %}
    {{  super()  }}        # 用于获取原有的信息
    <style type='text/css'>
    .important { color: #FFFFFF }
    </style>
{% endblock %}   
 
# 其他不修改的原封不动的继承

6.url_for使用方法

1.静态文件引入：{{ url_for('static', filename='文件路径') }}
 
2.定义路由：{{ url_for('模块名.视图名'，变量=参数) }}
 
3.定义数据块：{% block 数据块名称 %}...{% endblock %}
 
4.继承模板：{% extends "home/home.html" %}
 
5.包含模板： {% include "home/menu.html" %}


文章版权声明：除非注明，否则均为 譬如朝露_策温技术开发工作室博客原创文章，转载或复制请以超链接形式并注明出处。