一：渲染模板

app.run(debug=True)  开启debug模式，flask框架自动提示错误提示的页面显示。

视图函数

from flask import Flask

from flask import request

from flask import redirect

from flask.ext.script import Manager

from flask import render_template

app = Flask(__name__)

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

def user_name(name):

    return render_template("user.html", name=name)  # 第一个name是html中的占位符，第二个name是函数的形参

if __name__ == "__main__":

    app.run()

前端模板

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    // 这里必须和大括号之间空一个空格

    <h1>hello,{{ name|capitalize }}!</h1>

    <h1>hello,{{ name|capitalize }}!</h1>

</body>

</html>

访问 127.0.0.1:5000/user/zhang 显示：

二：模板变量

　　前端里面的{{ name }} 就是一个占位符，@app.route("/user/<name>")  name是一个可变可接受的参数，浏览器传递给视图函数，视图函数通过形参，传给给模板，模板再传递给user.html中的name展位符。

　　

三：控制结构

@app.route("/user/<id>")

def user_name(id):

    if id == "":

        info = {"name":"zhang"}

    　　 return render_template("user.html", user=info)
　　 else:
　　　　return "不符合"
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    {% if user %}  # if 语句

        Hello,{{ user }}!  # 变量占位符

    {% else %} # else语句

        Hello,Strange!

    {% endif %}  # 结束if语句

</body>

</html>

输入：127.0.0.1:5000/user/1显示：

输入：127.0.0.1:5000/user/2显示：

四：循环结构

　　满足条件后，给jinjin2模板传递列表，进行循环遍历

@app.route("/user/<id>")

def user_name(id):

    if id == "":

        li = ["zhang","wang","li","zhao"]

        return render_template("user.html",comments=li)

    else:

        return "不符合"
<ul>

    {% for comment in comments %}

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

    {% endfor %}

</ul>

需求：把 zhang变成红色，wang变成橙色，li变成黄色，zhao变成绿色。类似于下图的样子

<ul>

    {% for comment in comments %}

        {% if loop.index == 1 %}

            <li style="background: red">{{ comment }}</li>

        {%endif%}

        {% if loop.index == 2 %}

            <li style="background: blue">{{ comment }}</li>

        {%endif%}

        {% if loop.index == 3 %}

            <li style="background: yellow">{{ comment }}</li>

        {%endif%}

        {% if loop.index == 4 %}

            <li style="background: green">{{ comment }}</li>

        {%endif%}

    {% endfor %}

</ul>

小技巧：

五：宏

六：抽取

flask之jinjia2模板的更多相关文章

  1. flask中jinjia2模板引擎详解4

    接上文 For循环 和其它编程语言一样,for用来编辑列表中的项.下面以一个例子来说明for在flask的jinjia2模板中的使用. 创建一个模板list.html 代码如下{% extends & ...

  2. flask中jinjia2模板引擎使用详解1

    在之前的文章中我们介绍过flask调用jinja2模板的基本使用,这次我们来说一下jinjia2模板的使用 Jinja2 在其是一个 Python 2.4 库之前,被设计 为是灵活.快速和安全的. 模 ...

  3. flask之jinjia2模板语言

    flask_jinjia2.py ''' flask中的jinjia2模板语言(和django中模板类似): (1)模板变量{{ }} (2)模板标签{% %} ①for循环遍历 {% for foo ...

  4. flask中jinjia2模板使用详解2

    接上文 注释的使用 在jinjia2模板中,使用{# #}进行代码注释,如下所示 运行后发现,注释不会被render出来 去掉空行 两种方法可以去掉jinjia2模板中的空白行,一是设置jinjia2 ...

  5. flask中jinjia2模板引擎详解3

    接上文 模板继承 Jinji2中的模板继承是jinjia2比较强大的功能之一. 模板继承可以定义一个父级公共的模板,把同一类的模板框架定义出来共享. 这样做一方面可以提取共享代码,减少代码冗余和重复的 ...

  6. flask之jinjia2模板(二)

    1.1.模板传参 (1)主程序 from flask import Flask,render_template app = Flask(__name__) @app.route('/') def he ...

  7. flask中jinjia2模板引擎使用详解5

    接上文 宏 可以理解为函数,即把一些常用的模板片段做好封装,以便于重用,减少工作量和维护难度. 宏的定义很简单: {%macro xxx()%} ##这里写内容 {%endmacro%}   下面引用 ...

  8. 7、Flask实战第7天：Jinjia2模板

    Jinja2模板介绍和查找路径 在前面的章节中,视图只是直接返回文本,然而在实际生产环境中其实很少这样用,因为实际的页面大多带有样式和复杂逻辑的HTML代码,这可以让浏览器其渲染出非常漂亮的页面. 我 ...

  9. [Python自学] Flask框架 (1) (Flask介绍、配置、Session、路由、请求和响应、Jinjia2模板语言、视图装饰器)

    oldboy:s9day114 参考博客:https://www.cnblogs.com/wupeiqi/articles/7552008.html 一.Flask简介 1.安装Flask pip i ...

随机推荐

  1. CentOS7 安装Kafka

    关闭防火墙 systemctl stop firewalld.service systemctl disable firewalld.service 安装JDK yum install -y http ...

  2. Linux内核调试方法总结之bugreport

    bugreport [用途]Android性能分析工具,bugreport记录了Android启动过程日志,启动后的系统状态,包括进程列表.内存信息.VM信息等 [使用方法] Adb bugrepor ...

  3. qbzt day3 下午（好难）

    内容提要 有关数据结构的例题 求逆序对数 统计每个数前面有多少比他大的数 开数组表示这个数之前0~9这些数出现了几次 动态将某个点加一,动态求前缀和 用树状数组 如果数太大了怎么办? 离散化 步骤:先 ...

  4. 【MongoDB】 windows下建立双机主从

    [双机配置] 服务端: 两台 Dell R730 双路E5 服务器 使用一个内网环境,网段20, ping 测试互通 主服ip: 192.168.20.176: 27017 从服ip: 192.168 ...

  5. CAS KVM 虚拟机的保护与恢复

    目录 目录 方式一 方式二 方式一 思路:以 QCOW2 格式来备份和恢复被保护的 KVM 虚拟机 Step1:centos7_0(base qcow2) 以 qcow2 格式写入到 iSCSI 设备 ...

  6. delphi备份恢复剪切板

    http://blog.csdn.net/youthon/article/details/7327776 delphi备份恢复剪切板         分类:            Delphi编程20 ...

  7. Spring学习03——AOP Demo

    切面类StudentServiceAspect.java package com.su.advice; import org.aspectj.lang.JoinPoint; import org.as ...

  8. Arduino的小灯亮起来~~~

    呵呵呵~~~昨天宝宝,就守着板子,跟说明书,心里默念,怎么特么还不亮?这个 东西怎么还不出!?~ 我特么没插线,可不不出么... 然后找那跟儿蓝色(我这个是蓝色的,不知道 有没有别的颜色的)的带USB ...

  9. OuterXml和InnerXml(2)

    官方例子:https://msdn.microsoft.com/en-us/library/system.xml.xmlnode.outerxml.aspx using System; using S ...

  10. Java日志使用slf4j 配置log4j后,有日志文件 但日志文件内容为空

    SLF4J的全称是Simple Logging Facade for Java,即简单日志门面. SLF4J并不是具体的日志框架,而是作为一个简单门面服务于各类日志框架,如java.util.logg ...