Flask提供的模板引擎为Jinja2，易于使用，功能强大。
模板仅仅是文本文件，它可以生成任何基于文本的格式（HTML、XML、CSV、LaTex 等等）。
它并没有特定的扩展名， .html 或 .xml 都是可以的。
模板包含 变量 或 表达式 ，这两者在模板求值的时候会被替换为值。模板中还有标签，控制模板的逻辑。
Jinja2文档：http://docs.jinkan.org/docs/jinja2/index.html

下面是一些使用实例，涉及模板继续、变量、赋值、循环、去空白、转义块、条件语句等。
1、在目录templates下面创建基本模板文件base.html

<!doctype html>

<html>

    <head>

        <title>{{title}}</title>

        <style text="text/css">

            ul{list-style:none}

            li{padding-left:20px}

        </style>

    </head>

    <body>

        <div id="content">

          <h4>子模板内容</h4>

           {% block content %}

           {% endblock %}

        </div>

    </body>

</html>

2、同样在目录templates下面创建子模板文件test1.html

{% extends 'base.html' %}

{# 这里是注释，上面标签表示当前模板继承自模板base.html  #}    

{% block content %}

    变量：{{v1}}

     <br />

     赋值：

     {% set v2 = 100 %}

     {{v2}}

     <br />          

    循环：

    {% for item in items%}

        {{ item.name }}

    {% endfor %}

     <br />    

    去空白：

    {% for item in items -%}

        {{ item.name }}

    {%- endfor %}

     <br />

     转义块：

     {% raw %}

        <ul>

         {% for item in list -%}

            <li>{{ item }}</li>

         {%- endfor %}

        </ul>

     {% endraw %}

     条件语句：

     {% for item in items%}

        {% if item.name == '张三' %} {{item.name}}(管理员)

        {% else %} {{item.name}}

        {% endif %}

    {% endfor %}

    <br />

　　<form method="post" action="/getFormValue">
　　　　<input type="text" name="username" width="60" />
　　　　<input type="submit" value="获取表单值" />
　　</form>

{% endblock %}

3、在与目录templates平级目录上创建test1.py

from flask import Flask, render_template, request

app = Flask(__name__) 

@app.route('/test1')

def test1() -> 'html':

  items = [{'name':'张三'},

          {'name':'李四'},

          {'name':'王五'}]

  return render_template('test1.html',

                         title='test',

                         v1='变量值',

                         items = items)

@app.route('/getFormValue', methods=['POST'])

def getFormValue() -> 'str':

  username = request.form['username']

  return username

app.run(debug = True)

4、在命令提示符下执行py -3 test1.py

访问http://127.0.0.1:5000/test1，页面显示如下：

子模板内容

变量：变量值

赋值： 100

循环： 张三 李四 王五

去空白： 张三李四王五

转义块：

{% for item in list -%}

{{ item }}

{%- endfor %}

条件语句： 张三(管理员) 李四 王五

模板引擎Jinja2的基本用法的更多相关文章

  1. Python模板引擎Jinja2使用简介

    原文链接 背景 最近在项目开发中,需要针对 Jenkins 项目进行配置,Jenkins 的 job 配置采用的是 xml,在维护配置模板的过程中就遇到了问题,因为逐步发现配置灵活性超出了字符串的范畴 ...

  2. 关于模板引擎handlebars.js基本用法

    说明:模板引擎主要针对于渲染DOM,取代了字符串拼接,用下面的代码亲测handlebars模板引擎比字符串拼接渲染DOM慢了20ms, 这里配置一个在线DEMO,简单说明下handlebars.js的 ...

  3. 【 Python】模块学习之Flask模板引擎:jinja2

    原文链接:https://www.cnblogs.com/dachenzi/p/8242713.html 模板的概念 要了解jinja2,那么需要先理解模板的概念.模板在Python的web开发中广泛 ...

  4. 前端模板引擎doT.js的用法

    简介 一款简单好用的前端模板引擎 用法 <script type="text/javascript" src="js/doT.min.js">< ...

  5. js模板引擎之 Handlebars 基本用法

    模板引擎比较久远的一个技术,常见的模板引擎有 baiduTemplate(百度)\artTemplate(腾讯)\juicer(淘宝)\doT\ tmpl\ handlebars\ easyTempl ...

  6. Flask，ORM及模板引擎Jinja2

    跨域:http://blog.csdn.net/yannanxiu/article/details/53036508 下载flask_cors包 pip install flask-cors 使用fl ...

  7. 前端JS模板引擎Mustache.js的用法

    Mustache.js在前端是一个非常强大的模板 Mustache用法参考

  8. 02 flask 请求钩子、异常捕获、上下文、Flask-Script 扩展、jinja2 模板引擎、csrf防范

    一 请求勾子 在客户端和服务器交互的过程中,有些准备工作或扫尾工作需要处理,比如: 在请求开始时,建立数据库连接: 在请求开始时,根据需求进行权限校验: 在请求结束时,指定数据的交互格式: 为了让每个 ...

  9. Flask 框架下 Jinja2 模板引擎高层 API 类——Environment

    Environment 类版本: 本文所描述的 Environment 类对应于 Jinja2-2.7 版本.   Environment 类功能: Environment 是 Jinja2 中的一个 ...

随机推荐

  1. Python的6种内建序列之通用操作

    数据结构式通过某种方式(例如对元素进行编号)组织在一起的数据元素的集合,这些数据元素可以是数字或者字符,甚至可以是其他数据结构.在Python中,最基本的数据结构是序列(sequence).序列中的每 ...

  2. 松软科技前端课堂：JavaScript 对象

    真实生活中的对象.属性和方法 在真实生活中,汽车是一个对象. 汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法: 对象 属性 方法   car.name = porsche car.model = ...

  3. 关于vue-detools chorme创建安装完成，但是控制台不显示问题

    搜了一下发现挺多人遇到这个问题的,绝大多数的回答都是在main.js中添加下面代码 Vue.config.devtools = true; 但是发现并不行. 后来看到有人说刷新然后在按F12就好了,居 ...

  4. Cobalt Strike系列教程第五章：截图与浏览器代理

    Cobalt Strike系列教程分享如约而至,新关注的小伙伴可以先回顾一下前面的内容: Cobalt Strike系列教程第一章:简介与安装 Cobalt Strike系列教程第二章:Beacon详 ...

  5. Cesium专栏-热力图（附源码下载）

    Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精 ...

  6. BIM工程信息管理新系统- 系统管理模块

    系统管理模块 1.实体类 public partial class T_Role { public string RoleId { get; set; } public string RoleName ...

  7. kubernets过滤pod标签（labels）

    版权声明:本文为博主原创文章,支持原创,转载请附上原文出处链接和本声明. 本文地址:https://www.cnblogs.com/wannengachao/p/12074399.html 1.查看p ...

  8. Linux下的 mariadb 使用 root 用户启动方式

    近日因测试安全产品需要,想调整mariadb的启动用户为root, 经历一番波折后终于成功! 注意:以root身份启动mysql是一项非常危险行为,相当于给了数据库操作用户(数据库管理员或黑客)一个通 ...

  9. java8-04-初识函数式接口

    为什么用函数式接口                                   在函数式编程思想下,允许函数本身作为参数传入另一个函数.使用函数式接口实现"传递行为"的思想 ...

  10. crossover mac如何使用？crossover mac使用教程

    CrossOver Mac 破解版可以在 Mac 上运行成千上万的 Windows 程序,从办公软件.实用工具.游戏到设计软件.CrossOver 19 破解版可以让 Windows 程序和 Mac ...