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. vue---mint-ui组件loadmore（上拉加载，下拉刷新）

    1. 先安装mint-ui 2. 在main.js中引入mint-ui的css样式和组件 import "mint-ui/lib/style.css"; import {Loadm ...

  2. python入门（十六）：正则

    1.正则:对一些字符串实现模糊的匹配 使用场景: 爬虫:例如,网页源码里面的url都提取出来.网页里面提取我们想要的数据 分析日志:例如,拿到所有的ip,看看哪些ip访问过我的网站 2.引入包 > ...

  3. CentOS 6.8下网卡配置、桥接模式和NAT连接模式、VMware虚拟机克隆网卡配置

    模式一:桥接模式: 1. 在VMware中安装好虚拟机后,虚拟机网卡设置:选择桥接模式 2. 查看本机的网络信息: 找到ip.子网掩码.网关.DNS等. 找一个没有使用的ip,例如:192.168.1 ...

  4. Cocos2dx开发之设计模式

    cocos2dx的几种常见设计模式 一 单例模式 Cocos2dx中的单例有:CCDirector,CCTextureCache,CCSpriteFrameCache,CCScriptEngineMa ...

  5. 第七周博客作业 <西北师范大学| 周安伟>

    第七周博客作业 助教博客链接:https://home.cnblogs.com/u/zaw-315/ 本周无评作业 查看了同学们提交的对实验四的附加实验项目互评.其中对博文结构,内容来评价是否符合作业 ...

  6. Distance on the tree

    Distance on the tree https://nanti.jisuanke.com/t/38229 DSM(Data Structure Master) once learned abou ...

  7. 使用发射将JavaBean转为Map

    import java.lang.reflect.Field; private static Map<String, Object> objectToMap(Object obj) thr ...

  8. RPC -dubbo 服务导出实现

    在阅读此文章之前,我希望阅读者对Spring 扩展机制的有一定的了解,比如:自定义标签与Spring整合, InitializingBean 接口,ApplicationContextAware,Be ...

  9. 获取网页title（还有一坑未填）

    def getTitle(self,url): #get title title = 'time out' try: self.res = requests.get(url,timeout=5) so ...

  10. Newtonsoft.Json 你必须知道的一些用法

    最近在做接口开发,对方团队开发了一个Web API 的接口,传输数据的格式是 JSON.当时看到这个东西,感觉很简单,也没想什么,没用多久就完成了我的功能,我完成的功能很简单,就是获取数据,然后把数据 ...