基本使用

创建一个视图函数渲染模板以及设置模板参数。

@app.route("/hello/")

def hello(name):

return render_template(“hello.html”, name=name)

render_template函数第一个参数对应的是模板的文件名,后面的参数为向模板中传递的参数值。

Flask在程序文件夹中的templates子文件夹中根据模板文件名来寻找对应的模板。

所以需要在templates子文件夹下定义一个hello.html文件。

代码如下:

Title

{# name为视图函数传递过来的参数 #}

Hello, {{ name }}!

其中用 {{}} 来表示变量名,用于接收视图函数传递的参数,其变量名与视图函数传递的键名需要一致;

{# #} 表示注释,注释的内容不会在html中被渲染出来。运行效果如下:

上面使用模板接收了简单的变量,除此之外还可以接收字典,列表,对象和获取session中的内容等。下面来看一下使用模板接收一些复杂的类型数据。

修改后的视图函数代码:

@app.route("/hello/")

def hello(name):

mydict = {

“name”: ‘李四’,

‘age’: 18

}

mylist = [‘aaa’, ‘bbb’, ‘ccc’]

session[‘name’] = “abc”

return render_template(“hello.html”, name=name, mydict=mydict, mylist=mylist);

模板页面代码:

Title

Hello, {{ name }}!

获取字典数据:{{ mydict['name'] }} --- {{ mydict['age'] }}

获取列表数据:{{ mylist[1] }}

通过过滤器修改变量(把值转换为大

【一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义】浏览器打开:qq.cn.hn/FTf 免费领取

写形式):{{ mylist[0] | upper }}

获取session中的内容:{{ session.get("name") }}

请求头信息:{{ request.headers }}

运行效果如下:

除了上面用到的upper过滤器,Jinja2还提供了很多过滤器,如下是Jinja2常用的过滤器。

| 过滤器名 | 说明 |

| — | — |

| safe | 渲染值时不转义 |

| capitalize | 把值的首字母转换成大写,其他字母转换成小写 |

| lower | 把值转换成小写形式 |

| upper | 把值转换成大写形式 |

| title | 把值中每个单词的首字母都转换成大写 |

| trim | 把值的首尾空格去掉 |

| striptags | 渲染之前把值中所有的HTML标签都删掉 |

控制结构

Jinja2中提供了很多种控制结构,可以用来改变模块的渲染流程,如if、for等。

在Jinja2中使用if控制结构,语法格式和python的语法格式一样,但必须写在{% %}中,不同python的是有开始标签就必须要有结束标签。

{% if comment %}

{{ comment }}

{% else %}

comment字典为空

{% endif %}

for循环的使用,遍历一个字典中的所有数据。

{% for user in users %}

姓名:{{ user['name'] }}, 年龄:{{ user['age'] }}

{% endfor %}

上述的变量都是在视图函数返回时传递的,视图函数代码如下:

@app.route(’/contro’)

def contro():

users = [

{“name”: “张三”, “age”:20},

{“name”: “李四”, “age”:25},

{“name”: “王五”, “age”:16},

{“name”: “小华”, “age”:22}

]

comment = []

return render_template(“contro.html”, comment=comment, users=users)

页面完整代码

Title

{% if users %}

{% for user in users %}

姓名:{{ user['name'] }}, 年龄:{{ user['age'] }}

{% endfor %}

{% else %}

没有学生信息!

{% endif %}

{% if comment %}

{{ comment }}

{% else %}

comment字典为空

{% endif %}

运行效果如下

Flask Jinja2模板引擎,headfirstjavapdf百度云相关推荐

  1. Flask Jinja2模板引擎

    模板 在前面的示例中,视图函数的主要作用是生成请求的响应,这是最简单的请求.实际上,视图函数有两个作用:处理业务逻辑和返回响应内容.在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护 ...

  2. Web框架——Flask系列之Jinja2模板引擎(二)

    Jinja2模板引擎简介 一.Jinja2模板概述 用来展示数据的html页面,这个过程也通常称为渲染,属于Jinja2的功能 使用模板的好处: 视图函数只负责业务逻辑和数据处理(业务逻辑方面) 而模 ...

  3. Flask 中的Jinja2模板引擎

    Flask 中的Jinja2模板引擎 在 Web 项目中,前端的显示效果是通过 HTML 语言来实现的,后端的视图函数将数据或模板文件返回给前端. 前端接收到后端返回的结果后,需要通过模板引擎来渲染页 ...

  4. Flask学习(二)——Jinja2模板引擎

    Jinja2模板引擎 动态网页,可能有部分内容数据是需要计算出来的,是动态的内容 在函数中传递参数,在HTML页面中,利用{{}}获取传递的参数 app.py from flask import Fl ...

  5. flask框架中的Jinja2模板引擎

    简介 在flask框架中通常使用Jinja2模板引擎来实现复杂页面的渲染. 本章主要介绍Jinja2模板引擎的基本结构和使用方法. 如何使用flask框架渲染模板 在模板中传递一个或者多个参数 if语 ...

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

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

  7. Flask Jinja2 模板中的变量和过滤器

    Flask Jinja2 模板中的变量和过滤器 Flask 可以在视图函数中返回模板文件,模板引擎默认使用的是 Jinja2 . 通常,返回的 Jinja2 模板文件并不是一个静态的页面,而是同时有静 ...

  8. Day02 Jinja2模板引擎Bootstrap

    Day02 Jinja2模板引擎, 使用Twitter Bootstrap 源代码: https://github.com/LToddy/blog 技术交流群:630398887(欢迎一起吹牛) 有些 ...

  9. 第三章 jinja2模板引擎

    目录 第三章 jinja2模板引擎 3.1模板引擎概述及简单实用 3.2向模板中传递参数 3.3模板中控制语句之if语句 3.3模板中控制语句之for语句 3.5 Flask的过滤器 3.6宏的定义及 ...

  10. 从零开始学 Python 之 Web 开发 Jinja2 模板引擎

    被之前的文章中,简单介绍了 Python Web 开发框架 Flask,知道了如何写个 Hello World,但是距离用 Flask 开发真正的项目,还有段距离,现在我们目标更靠近一些 -- 学习下 ...

最新文章

  1. AI一分钟 | 阿里云放大招要揽1000名AI人才,川普AI守国论遭遇54名科学家反对
  2. 【XAF问题】多个属性验证RuleUniqueValue
  3. PhoneGap/Cordova Android应用签名发布系列问题处理收集
  4. 关系到了冰点_和丈夫的关系到了冰点,该怎么办?
  5. 16/100. Symmetric Tree
  6. eureka多了一个莫名其妙的服务_SpringCloud 服务注册与发现组件 Eureka
  7. 腾讯启动“SaaS技术联盟”联合行业制定互联互通标准
  8. python 局域网服务器_Python一秒搭建ftp服务器,帮助你在局域网共享文件
  9. 大数据分析入门小技巧
  10. Java Web 开发的目录结构
  11. 【mmdetection3d】——学习配置文件
  12. 人工智能导论 王万良教授_人工智能导论 全套课件.ppt
  13. Aligning Domain-Specific Distribution and Classifier for Cross-Domain Classification from Multiple
  14. 【网络工程】二层与三层交换机都知道 那么四层交换机是什么?
  15. 限时秒杀┃“探月计划”来袭,美国米德天文望远镜助孩子观月赏月
  16. 老司机带你从源码开始撸Spring生命周期!!!
  17. opengl-PBR基于物理的渲染(Physically Based Rendering):理论基础
  18. 轻松6步教您掌握TeeChart图表控件绘图攻略
  19. 使用 HTML5 设计辅助功能
  20. JavaScript—节点

热门文章

  1. oracle归档切换,oracle 切换归档方式
  2. esp8266 BH1750光照强度传感器
  3. cython安装ubuntu_Cython安装与使用入门
  4. Unity学习笔记:观察者模式
  5. SIMULIA-达索系统一体化仿真解决方案
  6. easyui mysql 分页_Easyui 树形网格添加分页_EasyUI 教程
  7. python企业微信回调_Python微信企业号开发之回调模式接收微信端客户端发送消息及被...
  8. 设置vs2107背景图片
  9. VBA学习笔记4:将同一文件下的多个工作簿的数据汇总为一个工作表
  10. Jenkins+GitLab+Docker持续集成LNMP