模板

  要了解jinja2,那么需要先理解模板的概念。模板在Python的web开发中广泛使用,它能够有效的将业务逻辑和页面逻辑分开,使代码可读性增强、并且更加容易理解和维护。

  模板简单来说就是一个其中包涵占位变量表示动态的部分的文件,模板文件在经过动态赋值后,返回给用户。  --> 可以理解为渲染

  python中自带一个简单的模板,就是string提供的。

  1. import string
  2. a = string.Template('$who is $role')
  3. a.substitute(who='daxin',role='Linux')
  4. 'daxin is Linux'
  5. a.substitute(who='daxin',role='cat')
  6. 'daxin is cat'

  Python自带的模板功能极其有限,如果我们想要在模板中使用控制语句,和表达式,以及继承等功能的话,就无法实现了。

  目前主流的模板系统,最常用的就是jinja2和mako

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例子

1
2
3
4
5
6
7
{# This is jinja code
 
    {% for file in filenames %}
    ...
    {% endfor %}
 
#}

  可以看到,for循环的使用方式和Python比较类似,但是没有了句尾的冒号,另外需要使用endfor最为结尾,其实在jinja2中,if也是一样的,结尾需要使用endif。

jinja2变量

  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. {{ 'abc' | captialize }}
  2. # Abc
  3.  
  4. {{ 'abc' | upper }}
  5. # ABC
  6.  
  7. {{ 'hello world' | title }}
  8. # Hello World
  9.  
  10. {{ "hello world" | replace('world','daxin') | upper }}
  11. # HELLO DAXIN
  12.  
  13. {{ 18.18 | round | int }}
  14. #

jinja2的控制结构

  jinja2中的if语句类似与Python的if语句,它也具有单分支,多分支等多种结构,不同的是,条件语句不需要使用冒号结尾,而结束控制语句,需要使用endif关键字。

  1. {% if daxin.safe %}
  2. daxin is safe.
  3. {% elif daxin.dead %}
  4. daxin is dead
  5. {% else %}
  6. daxin is okay
  7. {% endif %}

jinja2的for循环

  jinja2中的for循环用于迭代Python的数据类型,包括列表,元组和字典。在jinja2中不存在while循环。

  迭代列表

  1. <ul>
  2. {% for user in users %}
  3. <li>{{ user.username|title }}</li>
  4. {% endfor %}
  5. </ul>

  迭代字典

  1. <dl>
  2. {% for key, value in my_dict.iteritems() %}
  3. <dt>{{ key }}</dt>
  4. <dd>{{ value}}</dd>
  5. {% endfor %}
  6. </dl>

当然也可以加入else语句,在循环正确执行完毕后,执行

在for循环中,jinja2还提供了一些特殊的变量,用以来获取当前的遍历状态:

变量 描述
loop.index 当前迭代的索引(从1开始)
loop.index0 当前迭代的索引(从0开始)
loop.first 是否是第一次迭代,返回bool
loop.last 是否是最后一次迭代,返回bool
loop.length 序列中的项目数量
loop.revindex 到循环结束的次数(从1开始)
loop.revindex0 到循环结束的次数(从0开始)

jinja2的宏

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

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

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

  调用方法也和Python的类似

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

jinja2的继承和Super函数

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

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

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {% block head %}
  5. <link rel="stylesheet" href="style.css"/>
  6. <title>{% block title %}{% endblock %} - My Webpage</title>
  7. {% endblock %}
  8. </head>
  9. <body>
  10. <div id="content">{% block content %}{% endblock %}</div>
  11. <div id="footer">
  12. {% block footer %}
  13. <script>This is javascript code </script>
  14. {% endblock %}
  15. </div>
  16. </body>
  17. </html>

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

  1. {% extend "base.html" %} # 继承base.html文件
  2.  
  3. {% block title %} Dachenzi {% endblock %} # 定制title部分的内容
  4.  
  5. {% block head %}
  6. {{ super() }} # 用于获取原有的信息
  7. <style type='text/css'>
  8. .important { color: #FFFFFF }
  9. </style>
  10. {% endblock %}
  11.  
  12. # 其他不修改的原封不同的继承

  PS: super()函数 表示获取block块中定义的原来的内容

利用jinja2进行渲染

  jinja2模块中有一个名为Enviroment的类,这个类的实例用于存储配置和全局对象,然后从文件系统或其他位置中加载模板。

基本使用方法

  大多数应用都在初始化的时候撞见一个Environment对象,并用它加载模板。Environment支持两种加载方式:

  1. PackageLoader:包加载器
  2. FileSystemLoader:文件系统加载器

PackageLoader

  使用包加载器来加载文档的最简单的方式如下:

  1. from jinja2 import PackageLoader,Environment
  2. env = Environment(loader=PackageLoader('python_project','templates')) # 创建一个包加载器对象
  3.  
  4. template = env.get_template('bast.html') # 获取一个模板文件
  5. template.render(name='daxin',age=18) # 渲染

  其中:

  1. PackageLoader()的两个参数为:python包的名称,以及模板目录名称。
  2. get_template():获取模板目录下的某个具体文件。
  3. render():接受变量,对模板进行渲染

FileSystemLoader

  文件系统加载器,不需要模板文件存在某个Python包下,可以直接访问系统中的文件。

jinja2模块使用教程的更多相关文章

  1. Django框架简介,wsgiref 与 jinja2 模块

    目录 框架简介 wsgiref模块 jinja2 模块 框架简介 Django是一个web开发框架,用来开发web应用,本质就是, web框架+socket服务端 MVC框架和MTV框架 MVC,全名 ...

  2. 从零开始实现asp.net MVC4框架网站的用户登录以及权限验证模块 详细教程

    从零开始实现asp.net MVC4框架网站的用户登录以及权限验证模块 详细教程   用户登录与权限验证是网站不可缺少的一部分功能,asp.net MVC4框架内置了用于实现该功能的类库,只需要简单搭 ...

  3. wsgiref模块,动静态网页,jinja2模块,django

    基于wsgiref模块搭建服务端 from wsgiref import simple_server def run(request, response): """ :p ...

  4. Django(wsgiref、jinja2模块使用介绍)

    day60 wsgiref比较稳定 """ 根据URL中不同的路径返回不同的内容--函数进阶版 返回HTML页面 让网页动态起来 wsgiref模块版 "&qu ...

  5. Xposed模块开发教程

    转:http://vbill.github.io/2015/02/10/xposed-1/     http://blog.csdn.net/zhangmiaoping23/article/detai ...

  6. Django:web认识,jinja2模块,如何安装Django

    一内容概要 1.HTTP协议 1.1简介 ​ 超文本传输协议(英文:Hyper Text Transfer Protocol,HTTP)是一种用于分布式.协作式和超媒体信息系统的应用层协议.HTTP是 ...

  7. WiFi模块Demo(新手教程)图文详解模块使用教程

    本文出自APICloud官方论坛,感谢论坛版主 Mr.ZhouHeng 的分享. 第一步我们需要在开发控制台创建一个Native App应用以及添模块的准备工作: 按照下图步骤 输入完点创建完成之后 ...

  8. 飘逸的python - 简明gzip模块压缩教程

    压缩数据创建gzip文件 先看一个略麻烦的做法 import StringIO,gzip content = 'Life is short.I use python' zbuf = StringIO. ...

  9. python logging模块使用教程

    简单使用 #!/usr/local/bin/python # -*- coding:utf-8 -*- import logging logging.debug('debug message') lo ...

随机推荐

  1. (网页)AngularJS中【Error: [$rootScope:inprog]】的解决办法(转)

    转自CSDN: Error: [$rootScope:inprog] http://errors.angularjs.org/1.5.8/$rootScope/inprog?p0=%24apply 如 ...

  2. (后台)Java:对double值进行四舍五入,保留两位小数的几种方法

    mport java.text.DecimalFormat; DecimalFormat df = new DecimalFormat("######0.00"); double ...

  3. (后端)SQL Server日期时间函数

    转自博客园: 1.获取当前日期GetDate getdate()函数以datetime数据类型的格式返回当前SQLServer服务器所在计算机的日期和时间.其语法格式为getdate().返回值舍入到 ...

  4. 移动端web页面开发常用的头部标签设置

    在移动端web页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询. viewport <meta name=" ...

  5. 彻底修改 Windows 系统用户名

    在 Windows 安装的时候会输入一个用户名,电脑店装的一般都会给你设置成Admin之类的.这个时候你想要改成自己的,一般都是直接在 控制面板 > 用户帐户和家庭安全 > 用户帐户 &g ...

  6. SAP UI 搜索分页技术

    搜索分页技术往往和另一个术语Lazy Loading(懒加载)联系起来.今天由Jerry首先介绍S/4HANA,CRM Fiori和S4CRM应用里的UI搜索分页的实现原理.后半部分由SAP成都研究院 ...

  7. Cocos2d-x CCControlPotentiometer之圆形音量button及特效

    1. 圆形音量button 事实上作者的本意应该是叫做"电位计button".可是我觉得它和我们的圆形音量button非常像,所以就这么叫它吧~先看效果: 好了,不多解释,本篇到此 ...

  8. 【数据库】事务,ACID,CAP和一致性

    什么是事务 事务是指由一系列数据库操作组成的一个完整的逻辑过程,这个过程中的所有操作要么都成功,要么都不成功.比如:常见的例子就是银行转账的例子,一次转账操作会包含多个数据库操作,而这些数据库操作需要 ...

  9. c++函数库中一些实用的函数

    有一些程序,虽然写起来不难,但是可能比较麻烦或容易出错,这时就可以用c++函数库里自带的一些实用的函数. 这里只记录一些不太常见的函数. ------------------------------- ...

  10. css3属性中background-clip与background-origin的用法释疑

    困惑在哪里? background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性,它们有相同的可选值,即border.padding.content 三种 ...