Python Flask学习笔记之模板

Jinja2模板引擎

默认情况下，Flask在程序文件夹中的templates子文件夹中寻找模板。Flask提供的render_template函数把Jinja2模板引擎集成到了程序中。

渲染模板

创建文件夹

mkdir  app/templates

改写代码

# routes.py

from flask import render_template

from app import app

@app.route('/')

@app.route('/index')

def index():

    return "Hello, World!"

@app.route('/user/<name>')

def user(name):

    return '<h1>Hello, %s</h1>' % name

@app.route('/template')

def template_test():

    user = {'username':'Mark'}

    return render_template('template.html',user=user)

变量

# template.html

<h1>Hello, {{ user.username }}!</h1>

访问http://127.0.0.1:5000/template，显示Hello, Mark!

控制结构

  • 条件控制语句
{% if user %}

    Hello, {{ user }}

{% else %}

    Hello, Stranger!

{% endif %}
  • for循环
<ul>

    {% for comment in comment %}

        <li>{{ comment }}</li>

    {% endfor %}

</ul>
  • 宏，类似Python代码中的函数
{% macro render_comment(comment) %}

    <li>{{ comment }}</li>

{% endmacro %}

<ul>

    {% for comment in comments %}

        {{ render_comment(comment)}}

    {% endfor %}

</ul>

为了重复使用宏，可以将其保存在单独的文件中，然后在需要使用的模板中导入

{% import 'macros.html' as macros %}

<ul>

    {% for comment in comments %}

        {{ render_comment(comment)}}

    {% endfor %}

</ul>
  • 继承
# base.html

<!DOCTYPE html>

<html>

<head>

    {% if title %}

    <title>{{ title }} - mark</title>

    {% else %}

    <title>welcome to mark's blog</title>

    {% endif %}

</head>

<body>

    <div>mark's blog <a href="/index">Home</a></div>

    <hr>

    {% block content %}{% endblock %}

</body>

</html>

# index.html

{% extends "base.html"%}

{% block content %}

    <h1>Hi, {{ user.username }}!</h1>

    {% for post in posts %}

    <div><p>{{ post.author.username }} says: <b>{{ post.body }}</b></p></div>

    {% endfor %}

{% endblock %}

block控制语句用来定义派生模板可以插入代码的位置。 block被赋予一个唯一的名称，派生的模板可以在提供其内容时进行引用。extends语句用来建立了两个模板之间的继承关系，这样Jinja2才知道当要求呈现index.html时，需要将其嵌入到base.html中。 而两个模板中匹配的block语句和其名称content，让Jinja2知道如何将这两个模板合并成在一起。

Python Flask学习笔记之模板的更多相关文章

  1. Python Flask学习笔记之Hello World

    Python Flask学习笔记之Hello World 安装virtualenv,配置Flask开发环境 virtualenv 虚拟环境是Python解释器的一个私有副本,在这个环境中可以安装私有包 ...

  2. Python Flask学习笔记(1)

    1.搭建虚拟环境 a. 安装 virtualenv : pip3 install virtualenv b. 建立虚拟环境 : 任意目录下建立一个空文件(我的是 Py_WorkSpace) ,在该文件 ...

  3. Python Click 学习笔记（转）

    原文链接:Python Click 学习笔记 Click 是 Flask 的团队 pallets 开发的优秀开源项目,它为命令行工具的开发封装了大量方法,使开发者只需要专注于功能实现.恰好我最近在开发 ...

  4. 【原】Learning Spark (Python版) 学习笔记(三)----工作原理、调优与Spark SQL

    周末的任务是更新Learning Spark系列第三篇,以为自己写不完了,但为了改正拖延症,还是得完成给自己定的任务啊 = =.这三章主要讲Spark的运行过程(本地+集群),性能调优以及Spark ...

  5. OpenCV 学习笔记（模板匹配）

    OpenCV 学习笔记(模板匹配) 模板匹配是在一幅图像中寻找一个特定目标的方法之一.这种方法的原理非常简单,遍历图像中的每一个可能的位置,比较各处与模板是否"相似",当相似度足够 ...

  6. 0003.5-20180422-自动化第四章-python基础学习笔记--脚本

    0003.5-20180422-自动化第四章-python基础学习笔记--脚本 1-shopping """ v = [ {"name": " ...

  7. 获取字段唯一值工具- -ArcPy和Python案例学习笔记

    获取字段唯一值工具- -ArcPy和Python案例学习笔记   目的:获取某一字段的唯一值,可以作为工具使用,也可以作为函数调用 联系方式:谢老师,135-4855-4328,xiexiaokui# ...

  8. Python高级学习笔记

    Python高级学习笔记,此笔记中包含Linux操作系统.Html+CSS+JS.网络协议等. 所有思维导图为本人亲手所画,请勿用于商用. 大哥们,求点赞哦. 第一天笔记:链接 第二天笔记:链接 第三 ...

  9. python爬虫学习笔记（一）——环境配置（windows系统）

    在进行python爬虫学习前,需要进行如下准备工作: python3+pip官方配置 1.Anaconda(推荐,包括python和相关库)   [推荐地址:清华镜像] https://mirrors ...

随机推荐

  1. 关于python的正则表达式的例子

  2. 多功能网页刷新工具,刷pv工具

    多功能网页刷新工具,刷pv工具,在线刷流量,刷PV,刷UV小牛刷新助手功能介绍:1.设置多个刷新网页地址.2.设置刷新时间3.开始工作4.其他操作:老板键:打开时自动刷新:置系统托盘5.可手动输入地址 ...

  3. java operate

    class OperateDemo { public static void main(String[] args) { /* + - * / %(取余数) */ int x = 2810; Syst ...

  4. C语言作业04-数组

    1.本章学习总结 1.1思维导图 1.2本章学习体会及代码量学习体会 1.2.1学习体会 通过本章的学习,学会了几种用于循环的语句,能够利用循环解决复杂的问题,但对于几种循环的使用并不熟练,其中对于c ...

  5. Android 添加第三方jar包

    1,拷贝jar包到项目的\app\libs文件夹下. 2,打开项目下的build.gradle(Module:app)文件,在“dependencies {}”中添加“compile files('l ...

  6. String主要方法

    No 方法名称 类型 描述 1 (字符数组)public String(char[] value) 构造 将字符数组变为字符串(Sring类对象) 2 public String(char[] val ...

  7. 牛客小白月赛13 小A的最短路（lca+RMQ）

    链接:https://ac.nowcoder.com/acm/contest/549/F来源:牛客网 题目描述 小A这次来到一个景区去旅游,景区里面有N个景点,景点之间有N-1条路径.小A从当前的一个 ...

  8. 【noip模拟赛5】细菌 状压dp

    [noip模拟赛5]细菌   描述 近期,农场出现了D(1<=D<=15)种细菌.John要从他的 N(1<=N<=1,000)头奶牛中尽可能多地选些产奶.但是如果选中的奶牛携 ...

  9. blender基础操作

    旋转:鼠标中键 左右移动:鼠标中键+左shift 放大缩小:鼠标滚轮滚动 blender旋转以锁定物件作为中心点旋转 blender选取物件用鼠标右键, 选中物件之后,利用数字键盘中的点(Del) 来 ...

  10. SSH Config 那些你所知道和不知道的事 (转)

    原文地址:https://deepzz.com/post/how-to-setup-ssh-config.html SSH(Secure Shell)是什么?是一项创建在应用层和传输层基础上的安全协议 ...