jinja2介绍
jinja2是Flask做者开发的一个模板系统，起初是仿django模板的一个模板引擎，为Flask提供模板支持，因为其灵活，快速和安全等优势被普遍使用。javascript
jinja2的优势
jinja2之因此被普遍使用是由于它具备如下优势：css
- 相对于Template，jinja2更加灵活，它提供了控制结构，表达式和继承等。
- 相对于Mako，jinja2仅有控制结构，不容许在模板中编写太多的业务逻辑。
- 相对于Django模板，jinja2性能更好。
- Jinja2模板的可读性很棒。
安装jinja2
因为jinja2属于第三方模块，首先须要对其进行安装html
|
1
|
pip3 install jinja2
|
测试模板是否安装成功java
|
1
2
3
4
|
python
-
c
"import jinja2"
# 没有报错就表示安装成功
# 必须用双引号"
|
jinja2语法
做为一个模板系统，它还提供了特殊的语法，咱们按照它支持的语法进行编写以后，就能使用jinja2模块进行渲染。python
1、基本语法
在jinja2中，存在三种语法：django
-
- 控制结构 （逻辑代码）{% %}
- 变量取值 {{ }}
- 注释 {# #}
下面是一个简单的jinja2例子api
{% for file in filenames %}
...
{% endfor %}
能够看到，for循环的使用方式和Python比较相似，可是没有了句尾的冒号，另外须要使用endfor最为结尾，其实在jinja2中，if也是同样的，结尾须要使用endif。安全
jinja2模板中使用 {{ }} 语法表示一个变量，它是一种特殊的占位符。当利用jinja2进行渲染的时候，它会把这些特殊的占位符进行填充/替换，jinja2支持python中全部的Python数据类型好比列表、字段、对象等。函数
|
1
2
3
|
<p>this is a dicectory:{{ mydict[
'key'
] }} </p>
<p>this is a list:{{ mylist[3] }} </p>
<p>this is a object:{{ myobject.something() }} </p>
|
jinja2中的过滤器
变量能够经过“过滤器”进行修改，过滤器能够理解为是jinja2里面的内置函数和字符串处理函数。post
经常使用的过滤器有：
| 过滤器名称 | 说明 |
| safe | 渲染时值不转义 |
| capitialize | 把值的首字母转换成大写，其余子母转换为小写 |
| lower | 把值转换成小写形式 |
| upper | 把值转换成大写形式 |
| title | 把值中每一个单词的首字母都转换成大写 |
| trim | 把值的首尾空格去掉 |
| striptags | 渲染以前把值中全部的HTML标签都删掉 |
| join | 拼接多个值为字符串 |
| replace | 替换字符串的值 |
| round | 默认对数字进行四舍五入，也能够用参数进行控制 |
| int | 把值转换成整型 |
那么如何使用这些过滤器呢？ 只须要在变量后面使用管道(|)分割，多个过滤器能够链式调用，前一个过滤器的输出会做为后一个过滤器的输入。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
{{
'abc'
| captialize }}
# Abc
{{
'abc'
| upper }}
# ABC
{{
'hello world'
| title }}
# Hello World
{{
"hello world"
| replace(
'world'
,
'daxin'
) | upper }}
# HELLO DAXIN
{{ 18.18 | round | int }}
# 18
|
jinja2中的控制结构
jinja2中的if语句相似与Python的if语句，它也具备单分支，多分支等多种结构，不一样的是，条件语句不须要使用冒号结尾，而结束控制语句，须要使用endif关键字
|
1
2
3
4
5
6
7
|
{%
if
daxin.safe %}
daxin is safe.
{% elif daxin.dead %}
daxin is dead
{%
else
%}
daxin is okay
{% endif %}
|
jinja2中的宏
宏相似于Python中的函数，咱们在宏中定义行为，还能够进行传递参数，就像Python中的函数同样同样儿的。
在宏中定义一个宏的关键字是macro，后面跟其 宏的名称和参数等
|
1
2
3
4
5
|
{% macro input(name,age=18) %} # 参数age的默认值为18
<input
type
=
'text'
name=
"{{ name }}"
value=
"{{ age }}"
>
{% endmacro %}
|
调用方法也和Python的相似
|
1
2
|
<p>{{ input(
'daxin'
) }} </p>
<p>{{ input(
'daxin'
,age=20) }} </p>
|
jinja2中的继承和super函数
jinja2中最强大的部分就是模板继承。模板继承容许咱们建立一个基本(骨架)文件，其余文件从该骨架文件继承，而后针对本身须要的地方进行修改。
jinja2的骨架文件中，利用block关键字表示其包涵的内容能够进行修改。
如下面的骨架文件base.html为例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!
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。那怎么进行继承和变量替换呢？注意看下面的文件
|
1
2
3
4
5
6
7
8
9
10
11
12
|
{
%
extend
"base.html"
%
}
# 继承base.html文件
{
%
block title
%
} Dachenzi {
%
endblock
%
}
# 定制title部分的内容
{
%
block head
%
}
{{
super
() }}
# 用于获取原有的信息
<style
type
=
'text/css'
>
.important { color:
#FFFFFF }
<
/
style>
{
%
endblock
%
}
# 其余不修改的原封不一样的继承
|
PS: super()函数 表示获取block块中定义的原来的内容。
因为jinja2属于第三方模块，首先须要对其进行安装
|
1
|
pip3 install jinja2
|
测试模板是否安装成功
|
1
2
3
4
|
python
-
c
"import jinja2"
# 没有报错就表示安装成功
# 必须用双引号"
|