zoukankan      html  css  js  c++  java
  • 5 JInja2模版(适用于Django和Flask)

    模版

    在生产环节下,我们要把后端程序(其实就是python)计算出来的数据和html页面结合起来做,这个时候模版就派上大用处了。

    Flask下的模版---Jinja2

    Jinja是日本寺庙的意思,并且寺庙的英文temple和template发音相似。JinaJa是Flask默认的仿DJango模版的一个模版引擎,由Flask作者开发。它速度快,被广泛使用,并且提供了可选的沙箱模版来保证执行环境的安全。它有如下优点:

    • 让HTML设计者和后端Python开发工作分离
    • 减少使用python的复杂度,页面逻辑应该独立于业务逻辑,这样才能开发出易于维护的程序。
    • 模版非常灵活、快速和安全,对设计者和开发者会更友好
    • 提供了控制语句、继承等高级功能,减少开发的复杂度。

    默认安装Flask 的时候也会把Jinja2给安装上。如果没有安装可以单独安装下。

    [root@localhost FlaskPratcie]# pip list |grep Jinja2   # 检查是否安装
    [root@localhost FlaskPratcie]# pip install Jinja2   # 没有安装就给安装下
    

    模版基本语法

    我们看看最简单模版用法,这个jinja2语法也是适用于Django.

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <ul id="navigation'">
            {% for item in items %}
            <li><a href="{ item.href}"> {{ item.caption }}</a></li>
            {% endfor %}
        </ul>
        <h1>{{ title | trim }}</h1>
    </body>
    </html>
    

    语法解释:

    • {# ... #} 模版注释,他不会出现在渲染的页面里
    • {% ... %} 用于执行诸如for循环或者赋值的语句
    • {{ ... }} 用于把表达式的结果输出到模版上
    • for 循环必须像shell脚步一样,有结束标签,这里的就是{% for x in y %} .... {% endfor %}
    • 获取变量的值,我们有两种方式获取:
    1. {{ item.href }}
    2. {{ item['href'] }}
    • {{ title | trim }} trim是一个过滤器,在模版中通过管道符号(|)把变量和过滤器分开。我们也可以通过多个过滤器,如{{ title|trim|striptags }} 等。striptags也是一个过滤器,Jinja2内部提供了非常多的过滤器,点我查看其它过滤器

    模版继承

    合理使用模版继承,让模版重复使用,能够提高工作效率和代码质量。

    母版
    <!DOCTYPE html>
    <html lang="en">
    <head>
        {% block head %}
        <meta charset="UTF-8">
        <title>Title</title>
        {% endblock %}
    </head>
    <body>
        <div>
            {% block content %}
            <ul id="navigation'">
                heheh
            </ul>
            {% endblock %}
        </div>
    
    
        <div>
            {% block footer %}
                
            {% endblock %}
        </div>
    </body>
    </html>
    
    • {% block xxx%} ..... {% endblock %} 是一个代码块,可以在子模版里面重写这个代码块里面的内容,就等于python里面的子类继承父类后,可以重写一个和父类某个方法同名的方法来覆盖掉父类的某一个方法。
    子模版

    我们再看看子模版的内容:

    {% extends 'simple.html' %}
    {% block title %} index {% endblock %}
    {% block head %}
        {{ super() }}
        <style type="text/css">
            .import {
                color: #000;}
        </style>
    {% endblock %}
    

    语法解释:

    • {% extends 'xxx' %} 表示继承这个母版,xxx是这个母版的文件名
    • super() 方法表示先使用母版里面的base.html的head块的内容,在这基础之上添加css样式
    • 如果你想用多次使用一个块,可以使用特殊“self” 变量并调用与块同名的函数,如下所示
    {% extends 'simple.html' %}
    {% block title %} index {% endblock %}
    <h1>{{ self.title() }}</h1>    # 再次使用title这个块
    

    宏类似于常规编程语言中的函数,它用于把日常行为抽象成可重复用的函数

    from jinja2 import Template
    print Template('''
    {% macro hello(name)%}
       HEllo {{ name }}
    {% endmacro %}
    <p> {{ hello('ljf') }}</p>
    ''').render()
    
    • macro 这个等同于python里面的def,shell里面的function ,js里面的function一样,定义一个方法罢了

    赋值

    通过set为变量赋值。

    from jinja2 import Template
    print Template('''
     {% set a = 1 %}
     {% set b,c = range(2) %}
     <p> {{a }} {{ b }} {{ c }} </p>
    ''').render()
    

    include

    include 语句包含一个模版,渲染的时候会在include语句对应位置添加被包含的模块内容。

    {% include 'header.html' %}
        html_body
    {% include 'footer.html' %}
    

    include同时还支持“ignore missing”,如果模版不存在,Jinja会忽略这条语句:

    {% include 'header.html' ignore missing %}
    

    import

    Jinja 支持不同的模版中导入宏并使用,与Python中import语句类似。有两种方式来导入模版,可以把整个模版导入到一个变量(import xx)或者从其中导入特定的宏(from xxx import xxx。
    我们现在写一个宏模版,文件名为hong1.html:

    {% macro hello(name) %}
       hello {{ name }}
    {% endmacro %}
    
    {% macro strftime(time,fmt='%Y-%m-%d %H:%M:%S') %}
      {{ time.strftime(fmt) }}
    {% endmacro %}
    

    我们在写一个文件,这个文件名为hello_macro.html,我们这个hello_macro.html里面导入hong1.html,注意,两个文件在同一个目录下面。代码如下:

    {% import 'hong1.html' as macro %}
    {% from 'hong1.html' import hello as _hello,strftime %}
    </p>{{ macro.hello('Leo') }}</p>
    </p>{{ strftime(time) }}</p>
    

    写完之后,我们在写一个py文件,内容如下:

    from jinja2 import FileSystemLoader,Environment
    from datetime import datetime
    
    loader = FileSystemLoader('/root/PycharmProjects/FlaskPratcie/templates/chapter3/section1/') # 这个是导入hello_macro.html所在的父目录即可
    template = Environment(loader=loader).get_template('hello_macro.html')
    print(template.render(time=datetime.now()))
    

    写完后执行py文件,打印的信息如下:

    
    </p>
       hello Leo
    </p>
    </p>
      2017-04-19 23:34:28
    </p>
    

    打印出来的结果如果你的和我一样,说明宏已经能够正确导入了。

  • 相关阅读:
    BZOJ2219数论之神——BSGS+中国剩余定理+原根与指标+欧拉定理+exgcd
    Luogu 3690 Link Cut Tree
    CF1009F Dominant Indices
    CF600E Lomsat gelral
    bzoj 4303 数列
    CF1114F Please, another Queries on Array?
    CF1114B Yet Another Array Partitioning Task
    bzoj 1858 序列操作
    bzoj 4852 炸弹攻击
    bzoj 3564 信号增幅仪
  • 原文地址:https://www.cnblogs.com/liaojiafa/p/6736554.html
Copyright © 2011-2022 走看看