Flask中的模板语言jinja2

jinja2介绍

jinja2是Flask作者开发的一个模板系统,起初是仿django模板的一个模板引擎,为Flask提供模板支持,由于其灵活,快速和安全等优点被广泛使用。

jinja2的优点

jinja2之所以被广泛使用是因为它具有以下优点:

    1. 相对于Template,jinja2更加灵活,它提供了控制结构,表达式和继承等。
    2. 相对于Mako,jinja2仅有控制结构,不允许在模板中编写太多的业务逻辑。
    3. 相对于Django模板,jinja2性能更好。
    4. Jinja2模板的可读性很棒。

安装jinja2

 由于jinja2属于第三方模块,首先需要对其进行安装

1
pip3 install jinja2

  测试模板是否安装成功

1
2
3
4
python  - "import jinja2"
 
# 没有报错就表示安装成功
# 必须用双引号"

jinja2语法

作为一个模板系统,它还提供了特殊的语法,我们按照它支持的语法进行编写之后,就能使用jinja2模块进行渲染。

一、基本语法

在jinja2中,存在三种语法:

    1. 控制结构 (逻辑代码){% %}
    2. 变量取值 {{ }}
    3. 注释 {# #}

  下面是一个简单的jinja2例子

{% 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里面的内置函数和字符串处理函数。

  常用的过滤器有:

过滤器名称    说明    
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  - "import jinja2"
 
# 没有报错就表示安装成功
# 必须用双引号"

转载于:https://www.cnblogs.com/zwq-/p/10438128.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值