Flask深入了解Jinja2引擎的用法

 更新时间:2022年07月28日 09:42:03   作者:自由小冰儿  
Jinja2是基于python的模板引擎,功能比较类似于于PHP的smarty,J2ee的Freemarker和velocity。 它能完全支持unicode,并具有集成的沙箱执行环境,应用广泛。jinja2使用BSD授权

Jinja2

想象一下这样一个场景,如果对于某个网站来说,如果你充值了Vip,你才可以看到隐藏内容了。你该怎么做呢?

这个适合就需要jinja2的出场了

先写一份代码,根据姓名渲染一个网页,然后把姓名和vip变量传入HTML模板中。

注意使用jinja2的HTML页面是不能用浏览器直接打开的,必须要启动Flask,使用路由返回页面

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/space/<name>')
def space(name):
    vip = True
    return render_template("space.html", name=name, vip=vip)
if __name__ == '__main__':
    app.run(debug=True)

当html模板,接收到flask传递过来的name、vip参数,在html中如何使用呢?

  • 使用{{ }}装载一个变量,比如文中使用{{ name }}在html中装载name变量
  • 使用{% %}装载一个语句,对于if语句的格式如下面的代码的8-11行,必须要以{% if xxx %},以{% endif %}结尾。
<!doctype html>
<html lang="en">
<head>
    <title>Hello from Flask</title>
</head>
<body>
    <h1>Hello {{ name }}!</h1>
    <!-- jinja2的if语句 -->
    {% if vip %}
        <h3>吆西,你触发了,隐藏内容啦!</h3>
    {% endif %}
</body>
</html>

Jinja2语句扩展

先说一下最终的结论:jinja2中装载变量使用{{ }},装载语句使用{{% %}},括号里面都按Python的风格书写即可!

在html中,我们装载的变量,还有可能是一个列表,一个对象,一个字典等类型。

我们装载的方式如下所示:

# python
a = [1,2,3]
b = Cat(name="Tom")
c = {"name":"Jackson"}
# html
<h1>Hello {{ a[0] }}!</h1>
<h1>Hello {{ b.name }}!</h1>
<h1>Hello {{ c['name '] }}!</h1>

# 输出结果
Hello 1!
Hello Tom!
Hello Jackson!

在html中,不仅仅要使用if语句,还有一个更重要的循环语句。jinja2的循环语句如下所示:

     {% for item in navigation %}
         <li><a href="{{ item.href }}" rel="external nofollow" >{{ item.caption }}</a></li>
     {% endfor %}

上面的代码生成了len(navigation )个li,每个li都指向item.href的链接。

都看到这里了,点个赞白!

Jinja2模板继承

Jinja2的模板继承其实和对象的继承有一些相似的地方。比如,可以减少很多冗余的代码。接下来,我将展示一个Jinja2模板继承的小例子:

我们创建一个base.html,书写如下代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="base.css" rel="external nofollow"  />
    <title>{% block title %}{% endblock %}</title>
    {% block head %}{% endblock %}
</head>
<body>
    <div id="body">{% block body %}{% endblock %}</div>
</body>
</html>

在上述代码中,{% block xxx %} {% endblock %}表示开一个卡槽,方便后续页面进行填写。

接下来,编写一个index.html继承base.html页面,具体方式如下所示:

{% extends "base.html" %}
{% block title %}首页{% endblock %}
{% block body %}
    <h1>这里是首页</h1>
    <p class="detail">
      首页的内容
    </p>
{% endblock %}  

{% extends “base.html” %} 表示继承base.html模板

{% block title %}首页{% endblock %} 表示使用title卡槽。

首页是卡槽的内容 body 卡槽也是一样的

到此这篇关于Flask深入了解Jinja2引擎的用法的文章就介绍到这了,更多相关Flask Jinja2内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Python日期的加减等操作的示例

    Python日期的加减等操作的示例

    本篇文章主要介绍了Python日期的加减等操作的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • python切片(获取一个子列表(数组))详解

    python切片(获取一个子列表(数组))详解

    这篇文章主要介绍了python切片(获取一个子列表(数组))详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • Python读取中文路径出现乱码问题的解决方案

    Python读取中文路径出现乱码问题的解决方案

    小编在使用opencv读取带有中文路径的图片时,发现会出现乱码的情况,当读取的文件路径出现中文时,(文件夹名为中文或者文件为中文)出现错误,所以本文给大家介绍了Python读取中文路径出现乱码问题的解决方案,需要的朋友可以参考下
    2024-06-06
  • python实现逢七拍腿小游戏的思路详解

    python实现逢七拍腿小游戏的思路详解

    这篇文章主要介绍了python实现逢七拍腿小游戏的思路,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • python爬虫实现爬取同一个网站的多页数据的实例讲解

    python爬虫实现爬取同一个网站的多页数据的实例讲解

    在本篇文章里小编给大家整理了一篇关于python爬虫实现爬取同一个网站的多页数据的实例内容,有兴趣的朋友们可以学习参考下。
    2021-01-01
  • Flask解决跨域的问题示例代码

    Flask解决跨域的问题示例代码

    这篇文章主要介绍了Flask解决跨域的问题示例代码,分享了相关代码示例,小编觉得还是挺不错的,具有一定借鉴价值,需要的朋友可以参考下
    2018-02-02
  • 关于Python数据结构中字典的心得

    关于Python数据结构中字典的心得

    给大家详细简介了Python数据结构中字典的方法和使用心得,学习一下吧 ,有助于你更好的理解Python数据结构。
    2017-12-12
  • python 邮件检测工具mmpi的使用

    python 邮件检测工具mmpi的使用

    这篇文章主要介绍了python 用mmpi库实现邮件检测的方法,帮助大家更好的理解和使用python,感兴趣的朋友可以了解下
    2021-01-01
  • python爬虫爬取笔趣网小说网站过程图解

    python爬虫爬取笔趣网小说网站过程图解

    这篇文章主要介绍了python爬虫爬取笔趣网小说网站过程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • python如何实现多层级自动赋值字典

    python如何实现多层级自动赋值字典

    这篇文章主要介绍了python如何实现多层级自动赋值字典问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-08-08

最新评论