Flask深入了解Jinja2引擎的用法

目录
  • Jinja2
  • Jinja2语句扩展
  • Jinja2模板继承

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内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • Flask模板引擎Jinja2使用实例

    Flask提供的模板引擎为Jinja2,易于使用,功能强大. 模板仅仅是文本文件,它可以生成任何基于文本的格式(HTML.XML.CSV.LaTex 等等). 它并没有特定的扩展名, .html 或 .xml 都是可以的. 模板包含 变量 或 表达式 ,这两者在模板求值的时候会被替换为值.模板中还有标签,控制模板的逻辑. Jinja2文档:http://docs.jinkan.org/docs/jinja2/index.html 下面是一些使用实例,涉及模板继续.变量.赋值.循环.去空白.转义块

  • Flask模板引擎之Jinja2语法介绍

    Jinja是组成Flask的模板引擎.可能你还不太了解它是干嘛的,但你对下面这些百分号和大括号肯定不陌生: {% block body %} <ul> {% for user in users %} <li><a href="{{ user.url }}" rel="external nofollow" >{{ user.username }}</a></li> {% endfor %} </ul&g

  • Python的Flask框架中的Jinja2模板引擎学习教程

    Flask的模板功能是基于Jinja2模板引擎来实现的.模板文件存放在当前目前下的子目录templates(一定要使用这个名字)下. main.py 代码如下: from flask import Flask, render_template app = Flask(__name__) @app.route('/hello') @app.route('/hello/<name>') def hello(name=None): return render_template('hello.html

  • Python的Flask框架标配模板引擎Jinja2的使用教程

    Jinja2需要Python2.4以上的版本. 安装 按照Jinja有多种方式,你可以根据需要选择不同的按照方式. 使用easy_install 或pip: #sudo easy_install Jinja2 #sudo pip install Jinja2 这两个工具可以自动从网站上下载Jinja,并安装到python目录的site-packages目录中. 从tar包安装: # 下载Jinja的安装包 # 解压缩 # sudo python setup.py install 基本API用法

  • Flask深入了解Jinja2引擎的用法

    目录 Jinja2 Jinja2语句扩展 Jinja2模板继承 Jinja2 想象一下这样一个场景,如果对于某个网站来说,如果你充值了Vip,你才可以看到隐藏内容了.你该怎么做呢? 这个适合就需要jinja2的出场了 先写一份代码,根据姓名渲染一个网页,然后把姓名和vip变量传入HTML模板中. 注意使用jinja2的HTML页面是不能用浏览器直接打开的,必须要启动Flask,使用路由返回页面 from flask import Flask, render_template app = Flas

  • Flask中sqlalchemy模块的实例用法

    一.安装 $ pip install flask-sqlalchemy 二.配置 配置选项列表 : SQLALCHEMY_NATIVE_UNICODE | 可以用于显式禁用原生 unicode 支持.当使用 不合适的指定无编码的数据库默认值时,这对于 一些数据库适配器是必须的(比如 Ubuntu 上某些版本的 PostgreSQL ).| | SQLALCHEMY_POOL_SIZE | 数据库连接池的大小.默认是引擎默认值(通常 是 5 ) | | SQLALCHEMY_POOL_TIMEOU

  • Android下2d物理引擎Box2d用法简单实例

    本文实例讲述了Android下2d物理引擎Box2d用法.分享给大家供大家参考.具体如下: 程序运行的时候需要加载Jbox2d的库,可到以下地址下载(使用的是不带渲染部分的库jbox2d-2.0.1-library-only.jar): http://sourceforge.net/projects/jbox2d/ package com.test; import org.jbox2d.collision.AABB; import org.jbox2d.collision.CircleDef;

  • Flask框架钩子函数功能与用法分析

    本文实例讲述了Flask框架钩子函数功能与用法.分享给大家供大家参考,具体如下: 在Flask中钩子函数是使用特定的装饰器的函数.为什么叫做钩子函数呢,是因为钩子函数可以在正常执行的代码中,插入一段自己想要执行的代码,那么这种函数就叫做钩子函数. before_first_request:Flask项目第一次部署后会执行的钩子函数. before_request:请求已经到达了Flask,但是还没有进入到具体的视图函数之前调用.一般这个就是在函数之前,我们可以把一些后面需要用到的数据先处理好,方

  • 从源码解析Python的Flask框架中request对象的用法

    from flask import request Flask 是一个人气非常高的Python Web框架,笔者也拿它写过一些大大小小的项目,Flask 有一个特性我非常的喜欢,就是无论在什么地方,如果你想要获取当前的request对象,只要 简单的: 从当前request获取内容: method: 起始行,元数据 host: 起始行,元数据 path: 起始行,元数据 environ: 其中的 SERVER_PROTOCOL 是起始行,元数据 headers: 头,元数据 data: body

  • Python的Flask框架中@app.route的用法教程

    在我上一篇文章,我搭了一个框架,模拟了Flask网站上"@app.route('/')"第一条例子的行为. 如果你错过了那篇"这不是魔法",请点击这里. 在这篇文章中,我们打算稍微调高点难度,为我们的URL加入可变参数的能力,在本文的最后,我们将支持下述代码段所期望达到的行为. app = Flask(__name__) @app.route("/hello/<username>") def hello_user(username):

  • 一个基于flask的web应用诞生 使用模板引擎和表单插件（2）

    一个基于flask的web应用诞生 使用模板引擎和表单插件（2）

    经过了第一章的内容,已经可以做出一些简单的页面,首先用这种方式做一个登录页面,首先要创建一个login的路由方法: @app.route("/login",methods=["GET"]) def login(): html="<form method='post'>" \ "<table>" \ "<tr><td>请输入用户名</td><td>

  • 一个基于flask的web应用诞生（1）

    一个基于flask的web应用诞生（1）

    基于flask的web应用的诞生,供大家参考,具体内容如下 Flask是一个非常优秀的web框架,它最大的特点就是保持一个简单而易于扩展的小核心,其他的都有用户自己掌握,并且方便替换,甚至,你可以在社区看到众多开源的,可直接用于生产环境下的扩展.到目前为止,我相信关于他的介绍以及非常的多,就算cnblog中,随便一搜也会有很多内容,但还是抛砖引玉,就当是一个自我的总结 部署环境 安装python 首先,当然是安装python环境,去官网来下载最新的环境(我选择最新的3.6版本) 然后一路下一步即

随机推荐