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标准库urllib2的一些使用细节总结
Mar 16 Python
仅用50行代码实现一个Python编写的计算器的教程
Apr 17 Python
Python中处理字符串的相关的len()方法的使用简介
May 19 Python
Python学习笔记之if语句的使用示例
Oct 23 Python
Python科学画图代码分享
Nov 29 Python
浅谈Python中带_的变量或函数命名
Dec 04 Python
Python实现简单遗传算法(SGA)
Jan 29 Python
解决pycharm安装后代码区不能编辑的问题
Oct 28 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
Aug 17 Python
python使用正则来处理各种匹配问题
Dec 22 Python
Python使用os.listdir和os.walk获取文件路径
May 21 Python
Python中return函数返回值实例用法
Nov 19 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
redis查看连接数及php模拟并发创建redis连接的方法
2016/12/15 PHP
PHP-FPM和Nginx的通信机制详解
2019/02/01 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
2016/05/15 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
详解handlebars+require基本使用方法
2016/12/21 Javascript
JavaScript实现短信倒计时60s
2017/10/09 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
python二分法实现实例
2013/11/21 Python
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
Python高级用法总结
2018/05/26 Python
Python 中的lambda函数介绍
2018/10/10 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
Python 使用Numpy对矩阵进行转置的方法
2019/01/28 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
实习心得体会
2014/01/02 职场文书
医学生自我评价
2014/01/27 职场文书
校园文明倡议书
2014/05/16 职场文书
2014年健康教育工作总结
2014/11/20 职场文书
扬州个园导游词
2015/02/06 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
导游词之无锡梅园
2019/11/28 职场文书
教你nginx跳转配置的四种方式
2022/07/07 Servers