Flask模板引擎Jinja2使用实例


Posted in Python onApril 23, 2020

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 %}
条件语句: 张三(管理员) 李四 王五

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
深入讲解Python中的迭代器和生成器
Oct 26 Python
Python学习笔记之解析json的方法分析
Apr 21 Python
python smtplib模块自动收发邮件功能(二)
May 22 Python
python复制列表时[:]和[::]之间有什么区别
Oct 16 Python
Python sklearn KFold 生成交叉验证数据集的方法
Dec 11 Python
python石头剪刀布小游戏(三局两胜制)
Jan 20 Python
Pyinstaller打包.py生成.exe的方法和报错总结
Apr 02 Python
Flask框架学习笔记之消息提示与异常处理操作详解
Aug 15 Python
Django Docker容器化部署之Django-Docker本地部署
Oct 09 Python
python实现UDP协议下的文件传输
Mar 20 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
Jul 13 Python
基于python实现百度语音识别和图灵对话
Nov 02 Python
利用pandas向一个csv文件追加写入数据的实现示例
Apr 23 #Python
在matplotlib中改变figure的布局和大小实例
Apr 23 #Python
Python将二维列表list的数据输出(TXT,Excel)
Apr 23 #Python
Python基于DB-API操作MySQL数据库过程解析
Apr 23 #Python
详解pandas绘制矩阵散点图(scatter_matrix)的方法
Apr 23 #Python
Python matplotlib实时画图案例
Apr 23 #Python
windows下的pycharm安装及其设置中文菜单
Apr 23 #Python
You might like
PHP 第二节 数据类型之转换
2012/04/28 PHP
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
PHP Directory 函数的详解
2013/03/07 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
List Installed Software Features
2007/06/11 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
2013/08/28 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
纯javascript制作日历控件
2015/07/17 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
Vue传参一箩筐(页面、组件)
2019/04/04 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
详解vue路由
2020/08/05 Javascript
Python本地与全局命名空间用法实例
2015/06/16 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
python实现手势识别的示例(入门)
2020/04/15 Python
pytorch使用horovod多gpu训练的实现
2020/09/09 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
瑞典度假品牌:OAS
2019/05/28 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
JSF的标签库有哪些
2012/04/27 面试题
大学秋游活动方案
2014/02/11 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers