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 相关文章推荐
Django集成搜索引擎Elasticserach的方法示例
Jun 04 Python
Django中的静态文件管理过程解析
Aug 01 Python
Python使用字典实现的简单记事本功能示例
Aug 15 Python
Python实现自定义读写分离代码实例
Nov 16 Python
tensorflow 分类损失函数使用小记
Feb 18 Python
django xadmin action兼容自定义model权限教程
Mar 30 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
Apr 30 Python
Pyecharts地图显示不完成问题解决方案
May 11 Python
Python必须了解的35个关键词
Jul 16 Python
python实现感知机模型的示例
Sep 30 Python
Python+Opencv实现把图片、视频互转的示例
Dec 17 Python
pytorch 中forward 的用法与解释说明
Feb 26 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创建多级目录代码
2008/06/05 PHP
php 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
使用PHP开发留言板功能
2019/11/19 PHP
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
jquery获得当前html页面源码的方法
2015/07/14 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
Angular.js中$resource高大上的数据交互详解
2017/07/30 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
解决vue动态下拉菜单 有数据未反应的问题
2020/08/06 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
详解Python with/as使用说明
2018/12/13 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
使用python实现画AR模型时序图
2019/11/20 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
基于python和flask实现http接口过程解析
2020/06/15 Python
详解如何在pyqt中通过OpenCV实现对窗口的透视变换
2020/09/20 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
播音主持专业个人自我评价
2014/01/09 职场文书
高中运动会广播稿
2014/01/21 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
《穷人》教学反思
2014/04/08 职场文书
经典团队口号大全
2014/06/21 职场文书
springboot拦截器无法注入redisTemplate的解决方法
2021/06/27 Java/Android