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. 爬虫最新的库requests-html库总结

    requests-html是比较新的爬虫库,作者和requests是同一个作者 一.安装依赖 pip install requests-html 我们可以在安装的时候看到他安装了lxml,reuqes ...

  2. 怎么将CAD转PNG格式？这两种方法值得收藏

    在从事相关CAD工作的小伙伴们都知道,CAD中不光需要绘制各种各样的图纸,还需要根据工作的需要来进行图纸格式的转换工作.那有的时候就需要将CAD转换成PNG格式的图片进行使用.那怎么将CAD转PNG格 ...

  3. Java面试基础 -- Linux篇

    0.日常命令 cd 目录路径: 跳转到指定目录 mkdir 目录名称:新增目录 pwd: 获取当前路径 su: 切换用户 ll: 查看当前目录侠的文件和目录 rm -rf 目录: 递归删除指定目录下的 ...

  4. CSS学习笔记-动画模块

    动画模块:    1.过渡和动画之间的异同        1.1不同点            (1)过渡必须人为触发才能执行            (2)动画不需要人为触发就可以执行        1 ...

  5. JS基础语法---作用域链

    从函数嵌套来分析: (层数一般5层内) var num=10; function f1() { var num=20; function f2() { var num=30; function f3( ...

  6. OpenCV:增加和减少图像的亮度，图像的加减法

    首先导包: import numpy as np import cv2 import matplotlib.pyplot as plt def show(image): plt.imshow(imag ...

  7. Saltstack_使用指南15_多master

    1. 主机规划 实现2个master,当这两个master运行时都可以向minion发送命令. salt 版本 [root@salt100 ~]# salt --version salt (Oxyge ...

  8. Lniux系统-Ubantu安装搜狗输入法

    1.在官网下载搜狗输入法的安装包-https://pinyin.sogou.com/linux/?r=pinyin 2.终端打开,进行解压安装--sudo dpkg -i sogoupinyin_2. ...

  9. 微信小程序官方文档中表单组建button部分有关function(type)中type的个人理解

    官方文档关于button组件的简介 xml页面挺容易理解,但js部分起初对整体写的形式都不太理解,随着逐渐阅读代码基本理解了 xml页面代码: <button type="defaul ...

  10. Attaching an entity of type 'xxx' failed because another entity of the same type already has the same primary key value.

    问题的详细描述: Attaching an entity of type 'xxxxx' failed because another entity of the same type already ...